@reinosoft-ui/core 0.1.68 → 0.1.69
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 +1172 -1172
- package/dist/reinosoft-ui.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/reinosoft-ui.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { routerKey as
|
|
3
|
-
const Ot = ["aria-busy"], Ft = ["aria-label"], Pt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Kt = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as z, ref as M, computed as I, watch as te, onMounted as de, createElementBlock as b, openBlock as v, normalizeStyle as Ie, normalizeClass as fe, renderSlot as J, createCommentVNode as F, withDirectives as Re, createElementVNode as x, vShow as ot, mergeProps as ke, mergeModels as ue, useModel as be, withKeys as ye, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as Z, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Fe, createVNode as W, Transition as Ee, withCtx as ne, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, useAttrs as lt, inject as me, h as j, useSlots as rt, resolveComponent as Tt, vModelRadio as _t, vModelDynamic as Et, reactive as Mt, TransitionGroup as Zt, createApp as zt, shallowRef as Nt, vModelText as Ge } from "vue";
|
|
2
|
+
import { routerKey as qt } from "vue-router";
|
|
3
|
+
const Ot = ["aria-busy"], Ft = ["aria-label"], Pt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Kt = /* @__PURE__ */ z({
|
|
4
4
|
__name: "Image",
|
|
5
5
|
props: {
|
|
6
6
|
src: {},
|
|
@@ -32,7 +32,7 @@ const Ot = ["aria-busy"], Ft = ["aria-label"], Pt = ["src", "srcset", "sizes", "
|
|
|
32
32
|
(u) => {
|
|
33
33
|
o.value = u, l.value = "loading";
|
|
34
34
|
}
|
|
35
|
-
), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (u, h) => (
|
|
35
|
+
), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (u, h) => (v(), b("div", {
|
|
36
36
|
class: fe(["ui-image", {
|
|
37
37
|
"is-loading": l.value === "loading",
|
|
38
38
|
"is-error": l.value === "error",
|
|
@@ -72,22 +72,22 @@ const Ot = ["aria-busy"], Ft = ["aria-label"], Pt = ["src", "srcset", "sizes", "
|
|
|
72
72
|
])
|
|
73
73
|
], 14, Ot));
|
|
74
74
|
}
|
|
75
|
-
}),
|
|
75
|
+
}), Y = (e, n) => {
|
|
76
76
|
const t = e.__vccOpts || e;
|
|
77
77
|
for (const [a, o] of n)
|
|
78
78
|
t[a] = o;
|
|
79
79
|
return t;
|
|
80
|
-
}, Te = /* @__PURE__ */
|
|
80
|
+
}, Te = /* @__PURE__ */ Y(Kt, [["__scopeId", "data-v-4c5a40da"]]);
|
|
81
81
|
Te.install = (e) => {
|
|
82
82
|
e.component("Image", Te);
|
|
83
83
|
};
|
|
84
|
-
const Ut = /* @__PURE__ */
|
|
84
|
+
const Ut = /* @__PURE__ */ z({
|
|
85
85
|
__name: "Button",
|
|
86
86
|
setup(e, { expose: n }) {
|
|
87
87
|
const t = M();
|
|
88
88
|
return n({
|
|
89
89
|
el: t
|
|
90
|
-
}), (a, o) => (
|
|
90
|
+
}), (a, o) => (v(), b("button", ke({
|
|
91
91
|
ref_key: "rootRef",
|
|
92
92
|
ref: t,
|
|
93
93
|
type: "button",
|
|
@@ -96,27 +96,27 @@ const Ut = /* @__PURE__ */ q({
|
|
|
96
96
|
J(a.$slots, "default", {}, void 0, !0)
|
|
97
97
|
], 16));
|
|
98
98
|
}
|
|
99
|
-
}), Le = /* @__PURE__ */
|
|
99
|
+
}), Le = /* @__PURE__ */ Y(Ut, [["__scopeId", "data-v-b46162b4"]]);
|
|
100
100
|
Le.install = (e) => {
|
|
101
101
|
e.component("Button", Le);
|
|
102
102
|
};
|
|
103
|
-
const jt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Wt = /* @__PURE__ */
|
|
103
|
+
const jt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Wt = /* @__PURE__ */ z({
|
|
104
104
|
__name: "Toggle",
|
|
105
|
-
props: /* @__PURE__ */
|
|
105
|
+
props: /* @__PURE__ */ ue({
|
|
106
106
|
id: {},
|
|
107
107
|
disabled: { type: Boolean }
|
|
108
108
|
}, {
|
|
109
109
|
modelValue: { type: Boolean },
|
|
110
110
|
modelModifiers: {}
|
|
111
111
|
}),
|
|
112
|
-
emits: /* @__PURE__ */
|
|
112
|
+
emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
|
|
113
113
|
setup(e, { emit: n }) {
|
|
114
114
|
const t = be(e, "modelValue"), a = n, o = e, i = I(() => t.value), l = () => {
|
|
115
115
|
if (o.disabled) return;
|
|
116
116
|
const s = !t.value;
|
|
117
117
|
t.value = s, a("change", s);
|
|
118
118
|
};
|
|
119
|
-
return (s, r) => (
|
|
119
|
+
return (s, r) => (v(), b("button", {
|
|
120
120
|
id: e.id,
|
|
121
121
|
role: "switch",
|
|
122
122
|
type: "button",
|
|
@@ -135,7 +135,7 @@ const jt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Wt
|
|
|
135
135
|
], -1)
|
|
136
136
|
])], 42, jt));
|
|
137
137
|
}
|
|
138
|
-
}), dt = /* @__PURE__ */
|
|
138
|
+
}), dt = /* @__PURE__ */ Y(Wt, [["__scopeId", "data-v-d2681823"]]);
|
|
139
139
|
dt.install = (e) => {
|
|
140
140
|
e.component("Toggle", dt);
|
|
141
141
|
};
|
|
@@ -202,150 +202,150 @@ const Lt = (e) => {
|
|
|
202
202
|
const t = M(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, l = n?.onImageResolutionError;
|
|
203
203
|
let s = M(null);
|
|
204
204
|
const r = () => {
|
|
205
|
-
const
|
|
206
|
-
if (!
|
|
207
|
-
const
|
|
208
|
-
if (!
|
|
209
|
-
const
|
|
210
|
-
|
|
211
|
-
}, c = (
|
|
212
|
-
const
|
|
213
|
-
if (!
|
|
214
|
-
const
|
|
205
|
+
const d = e;
|
|
206
|
+
if (!d) return;
|
|
207
|
+
const f = window.getSelection();
|
|
208
|
+
if (!f || f.rangeCount === 0) return;
|
|
209
|
+
const g = f.getRangeAt(0);
|
|
210
|
+
d.contains(g.commonAncestorContainer) && (t.value = g.cloneRange());
|
|
211
|
+
}, c = (d) => {
|
|
212
|
+
const f = window.getSelection();
|
|
213
|
+
if (!f || f.rangeCount === 0 || f.isCollapsed) return !1;
|
|
214
|
+
const g = f.getRangeAt(0), V = e;
|
|
215
215
|
if (!V) return !1;
|
|
216
|
-
const
|
|
217
|
-
if (
|
|
218
|
-
const G = X ===
|
|
219
|
-
if (G ===
|
|
216
|
+
const U = u(g, V), se = [];
|
|
217
|
+
if (U.forEach((X) => {
|
|
218
|
+
const G = X === g.startContainer ? g.startOffset : 0, ie = X === g.endContainer ? g.endOffset : X.textContent.length;
|
|
219
|
+
if (G === ie) return;
|
|
220
220
|
let le;
|
|
221
|
-
G === 0 &&
|
|
222
|
-
const ge = Yt(le,
|
|
221
|
+
G === 0 && ie === X.textContent.length ? le = X : (le = X.splitText(G), ie - G < le.textContent.length && le.splitText(ie - G));
|
|
222
|
+
const ge = Yt(le, d, V);
|
|
223
223
|
if (ge)
|
|
224
|
-
Xt(ge),
|
|
224
|
+
Xt(ge), se.push(le);
|
|
225
225
|
else {
|
|
226
|
-
const xe = document.createElement(
|
|
227
|
-
le.replaceWith(xe), xe.appendChild(le),
|
|
226
|
+
const xe = document.createElement(d);
|
|
227
|
+
le.replaceWith(xe), xe.appendChild(le), se.push(le);
|
|
228
228
|
}
|
|
229
|
-
}),
|
|
229
|
+
}), se.length > 0) {
|
|
230
230
|
const X = document.createRange();
|
|
231
|
-
X.setStart(
|
|
232
|
-
const G =
|
|
233
|
-
X.setEnd(G, G.textContent.length),
|
|
231
|
+
X.setStart(se[0], 0);
|
|
232
|
+
const G = se[se.length - 1];
|
|
233
|
+
X.setEnd(G, G.textContent.length), f.removeAllRanges(), f.addRange(X), r();
|
|
234
234
|
}
|
|
235
|
-
return
|
|
236
|
-
}, u = (
|
|
237
|
-
if (!
|
|
238
|
-
const
|
|
235
|
+
return A(), $(d);
|
|
236
|
+
}, u = (d, f) => {
|
|
237
|
+
if (!d || !f || !(f instanceof HTMLElement)) return [];
|
|
238
|
+
const g = d.commonAncestorContainer, V = f.contains(g) ? f : g.nodeType === 3 ? g.parentNode : g, U = document.createTreeWalker(
|
|
239
239
|
V,
|
|
240
240
|
NodeFilter.SHOW_TEXT,
|
|
241
241
|
{
|
|
242
242
|
acceptNode(G) {
|
|
243
|
-
return
|
|
243
|
+
return f.contains(G) && d.intersectsNode(G) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
),
|
|
246
|
+
), se = [];
|
|
247
247
|
let X;
|
|
248
|
-
for (; X =
|
|
249
|
-
return
|
|
250
|
-
}, h = (
|
|
251
|
-
const
|
|
252
|
-
if (!
|
|
253
|
-
const
|
|
248
|
+
for (; X = U.nextNode(); ) se.push(X);
|
|
249
|
+
return se;
|
|
250
|
+
}, h = (d) => {
|
|
251
|
+
const f = window.getSelection();
|
|
252
|
+
if (!f || f.rangeCount === 0) return !1;
|
|
253
|
+
const g = f.getRangeAt(0), V = m(g.startContainer);
|
|
254
254
|
if (!V) return !1;
|
|
255
|
-
const
|
|
256
|
-
for (
|
|
255
|
+
const se = V.tagName.toLowerCase() === d.toLowerCase() ? "p" : d.toLowerCase(), X = document.createElement(se);
|
|
256
|
+
for (se === "blockquote" && X.setAttribute("class", "rs-blockquote"), X.dataset.block = "true"; V.firstChild; ) X.appendChild(V.firstChild);
|
|
257
257
|
V.replaceWith(X);
|
|
258
258
|
const G = document.createRange();
|
|
259
|
-
return G.selectNodeContents(X),
|
|
260
|
-
}, m = (
|
|
261
|
-
const
|
|
262
|
-
if (!
|
|
263
|
-
for (;
|
|
264
|
-
if (
|
|
265
|
-
|
|
259
|
+
return G.selectNodeContents(X), f.removeAllRanges(), f.addRange(G), r(), A(), k(d);
|
|
260
|
+
}, m = (d) => {
|
|
261
|
+
const f = e;
|
|
262
|
+
if (!f) return null;
|
|
263
|
+
for (; d && d !== f; ) {
|
|
264
|
+
if (d instanceof HTMLElement && d.dataset.block !== void 0) return d;
|
|
265
|
+
d = d.parentNode;
|
|
266
266
|
}
|
|
267
267
|
return null;
|
|
268
|
-
}, p = (
|
|
269
|
-
const
|
|
270
|
-
if (!
|
|
271
|
-
for (;
|
|
272
|
-
if (
|
|
273
|
-
|
|
268
|
+
}, p = (d, f) => {
|
|
269
|
+
const g = e;
|
|
270
|
+
if (!g) return null;
|
|
271
|
+
for (; d && d !== g; ) {
|
|
272
|
+
if (d instanceof HTMLElement && d.tagName.toLowerCase() === f.toLowerCase()) return d;
|
|
273
|
+
d = d.parentNode;
|
|
274
274
|
}
|
|
275
275
|
return null;
|
|
276
|
-
}, C = (
|
|
277
|
-
if (
|
|
278
|
-
const
|
|
279
|
-
if (!
|
|
280
|
-
const
|
|
276
|
+
}, C = (d) => {
|
|
277
|
+
if (d.key !== "Enter" || d.shiftKey) return;
|
|
278
|
+
const f = window.getSelection();
|
|
279
|
+
if (!f || f.rangeCount === 0) return;
|
|
280
|
+
const g = f.getRangeAt(0), V = p(g.startContainer, "li");
|
|
281
281
|
if (!V) return;
|
|
282
|
-
|
|
283
|
-
const
|
|
284
|
-
if (!
|
|
282
|
+
d.preventDefault(), d.stopPropagation();
|
|
283
|
+
const U = V.parentElement;
|
|
284
|
+
if (!U) return;
|
|
285
285
|
if (V.textContent?.trim() === "") {
|
|
286
286
|
const G = document.createElement("p");
|
|
287
|
-
G.dataset.block = "true", G.innerHTML = "<br>",
|
|
287
|
+
G.dataset.block = "true", G.innerHTML = "<br>", U.after(G), V.remove(), U.children.length === 0 && U.remove(), L(G);
|
|
288
288
|
return;
|
|
289
289
|
}
|
|
290
290
|
const X = document.createElement("li");
|
|
291
291
|
X.innerHTML = "<br>", V.after(X), L(X);
|
|
292
|
-
}, L = (
|
|
293
|
-
const
|
|
294
|
-
|
|
295
|
-
},
|
|
296
|
-
const
|
|
297
|
-
if (!
|
|
298
|
-
|
|
299
|
-
|
|
292
|
+
}, L = (d) => {
|
|
293
|
+
const f = document.createRange(), g = window.getSelection();
|
|
294
|
+
f.selectNodeContents(d), f.collapse(!0), g?.removeAllRanges(), g?.addRange(f);
|
|
295
|
+
}, A = () => {
|
|
296
|
+
const d = e;
|
|
297
|
+
if (!d) return;
|
|
298
|
+
d.querySelectorAll("p[data-block]").forEach((g) => {
|
|
299
|
+
g.childNodes.forEach((V) => {
|
|
300
300
|
V.nodeType === 3 && !V.textContent?.trim() && V.remove();
|
|
301
301
|
});
|
|
302
|
-
}),
|
|
303
|
-
!
|
|
304
|
-
const
|
|
305
|
-
|
|
306
|
-
}),
|
|
307
|
-
}, $ = (
|
|
308
|
-
const
|
|
309
|
-
if (!
|
|
310
|
-
let
|
|
311
|
-
|
|
302
|
+
}), d.querySelectorAll("p[data-block]").forEach((g) => {
|
|
303
|
+
!g.querySelector("iframe") && g.hasAttribute("style") && g.removeAttribute("style");
|
|
304
|
+
const U = g.querySelector("p[data-block]");
|
|
305
|
+
U && g.replaceWith(U);
|
|
306
|
+
}), d.normalize();
|
|
307
|
+
}, $ = (d) => {
|
|
308
|
+
const f = t.value;
|
|
309
|
+
if (!f) return !1;
|
|
310
|
+
let g = f.startContainer;
|
|
311
|
+
g.nodeType === Node.TEXT_NODE && (g = g.parentNode);
|
|
312
312
|
const V = e;
|
|
313
313
|
if (!V) return !1;
|
|
314
|
-
for (;
|
|
315
|
-
if (
|
|
316
|
-
|
|
314
|
+
for (; g && g !== V; ) {
|
|
315
|
+
if (g instanceof HTMLElement && g.tagName.toLowerCase() === d.toLowerCase()) return !0;
|
|
316
|
+
g = g.parentNode;
|
|
317
317
|
}
|
|
318
318
|
return !1;
|
|
319
|
-
}, k = (
|
|
320
|
-
const
|
|
321
|
-
if (!
|
|
322
|
-
let
|
|
323
|
-
|
|
319
|
+
}, k = (d) => {
|
|
320
|
+
const f = t.value;
|
|
321
|
+
if (!f) return !1;
|
|
322
|
+
let g = f.startContainer;
|
|
323
|
+
g.nodeType === Node.TEXT_NODE && (g = g.parentNode);
|
|
324
324
|
const V = e;
|
|
325
325
|
if (!V) return !1;
|
|
326
|
-
for (;
|
|
327
|
-
if (
|
|
328
|
-
|
|
326
|
+
for (; g && g !== V; ) {
|
|
327
|
+
if (g instanceof HTMLElement && g.dataset.block !== void 0 && g.tagName.toLowerCase() === d.toLowerCase()) return !0;
|
|
328
|
+
g = g.parentNode;
|
|
329
329
|
}
|
|
330
330
|
return !1;
|
|
331
331
|
}, H = () => {
|
|
332
|
-
const
|
|
333
|
-
|
|
334
|
-
},
|
|
335
|
-
const
|
|
336
|
-
if (!
|
|
337
|
-
const
|
|
338
|
-
|
|
339
|
-
}, _ = () => s.value?.focusFirstButton?.(), O = (
|
|
340
|
-
const
|
|
341
|
-
if (!
|
|
342
|
-
const
|
|
332
|
+
const d = e;
|
|
333
|
+
d && d.focus();
|
|
334
|
+
}, y = () => {
|
|
335
|
+
const d = e;
|
|
336
|
+
if (!d || !t.value || !d || !d.contains(t.value.commonAncestorContainer)) return;
|
|
337
|
+
const f = window.getSelection();
|
|
338
|
+
f && (f.removeAllRanges(), f.addRange(t.value));
|
|
339
|
+
}, _ = () => s.value?.focusFirstButton?.(), O = (d) => {
|
|
340
|
+
const f = window.getSelection();
|
|
341
|
+
if (!f || f.rangeCount === 0) return;
|
|
342
|
+
const g = f.getRangeAt(0), V = m(g.startContainer);
|
|
343
343
|
if (!V) return;
|
|
344
|
-
const
|
|
345
|
-
|
|
346
|
-
const
|
|
347
|
-
X.selectNodeContents(V), X.setEnd(
|
|
348
|
-
const G = X.toString().length,
|
|
344
|
+
const U = g.cloneRange();
|
|
345
|
+
U.selectNodeContents(V), U.setEnd(g.startContainer, g.startOffset);
|
|
346
|
+
const se = U.toString().length, X = g.cloneRange();
|
|
347
|
+
X.selectNodeContents(V), X.setEnd(g.endContainer, g.endOffset);
|
|
348
|
+
const G = X.toString().length, ie = g.collapsed, le = d(V);
|
|
349
349
|
V.replaceWith(le);
|
|
350
350
|
const ge = document.createTreeWalker(
|
|
351
351
|
le,
|
|
@@ -355,97 +355,97 @@ const Lt = (e) => {
|
|
|
355
355
|
let xe = 0, ze = null, Pe = 0, Be = null, Ae = 0;
|
|
356
356
|
for (; ge.nextNode(); ) {
|
|
357
357
|
const Ye = ge.currentNode, Xe = Ye.textContent?.length ?? 0;
|
|
358
|
-
!ze && xe + Xe >=
|
|
358
|
+
!ze && xe + Xe >= se && (ze = Ye, Pe = se - xe), !Be && xe + Xe >= G && (Be = Ye, Ae = G - xe), xe += Xe;
|
|
359
359
|
}
|
|
360
360
|
const De = document.createRange();
|
|
361
|
-
ze ? De.setStart(ze, Pe) : De.setStart(le, 0), !
|
|
362
|
-
},
|
|
363
|
-
const
|
|
364
|
-
|
|
361
|
+
ze ? De.setStart(ze, Pe) : De.setStart(le, 0), !ie && Be ? De.setEnd(Be, Ae) : De.collapse(!0), f.removeAllRanges(), f.addRange(De), r(), A();
|
|
362
|
+
}, Q = (d) => {
|
|
363
|
+
const f = e.parentElement?.querySelector("#editor-status");
|
|
364
|
+
f && (f.textContent = d, setTimeout(() => f.textContent = "", 2e3));
|
|
365
365
|
};
|
|
366
366
|
e.addEventListener("keydown", C, { capture: !0 });
|
|
367
|
-
const
|
|
368
|
-
const
|
|
369
|
-
if (!
|
|
370
|
-
const
|
|
371
|
-
|
|
372
|
-
},
|
|
373
|
-
const
|
|
374
|
-
if (!
|
|
375
|
-
|
|
367
|
+
const S = (d) => {
|
|
368
|
+
const f = e;
|
|
369
|
+
if (!f) return;
|
|
370
|
+
const g = document.createRange().createContextualFragment(d);
|
|
371
|
+
f.appendChild(g), A(), f.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
372
|
+
}, T = (d) => {
|
|
373
|
+
const f = window.getSelection();
|
|
374
|
+
if (!f || f.rangeCount === 0) {
|
|
375
|
+
S(d);
|
|
376
376
|
return;
|
|
377
377
|
}
|
|
378
|
-
const
|
|
378
|
+
const g = f.getRangeAt(0), V = m(g.startContainer);
|
|
379
379
|
if (!V) {
|
|
380
|
-
|
|
380
|
+
S(d);
|
|
381
381
|
return;
|
|
382
382
|
}
|
|
383
|
-
V.insertAdjacentHTML("afterend",
|
|
384
|
-
}, N = (
|
|
385
|
-
const
|
|
386
|
-
|
|
387
|
-
const
|
|
388
|
-
|
|
383
|
+
V.insertAdjacentHTML("afterend", d), A(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
384
|
+
}, N = (d) => {
|
|
385
|
+
const f = document.createElement("span");
|
|
386
|
+
f.className = "img-resizable", f.style.display = "inline-block", f.style.position = "relative", f.style.width = "100%";
|
|
387
|
+
const g = document.createElement("img");
|
|
388
|
+
g.src = d, g.loading = "lazy";
|
|
389
389
|
const V = document.createElement("span");
|
|
390
|
-
V.className = "resize-handle",
|
|
391
|
-
},
|
|
392
|
-
const
|
|
393
|
-
|
|
394
|
-
const
|
|
395
|
-
|
|
390
|
+
V.className = "resize-handle", f.append(g, V), ee(f.outerHTML);
|
|
391
|
+
}, B = (d) => {
|
|
392
|
+
const f = document.createElement("span");
|
|
393
|
+
f.className = "img-resizable", f.style.display = "inline-block", f.style.position = "relative", f.style.width = "100%";
|
|
394
|
+
const g = document.createElement("img");
|
|
395
|
+
g.src = d, g.alt = "", g.loading = "lazy";
|
|
396
396
|
const V = document.createElement("span");
|
|
397
|
-
V.className = "resize-handle",
|
|
398
|
-
}, E = (
|
|
399
|
-
const
|
|
400
|
-
if (!
|
|
401
|
-
const
|
|
402
|
-
if (!
|
|
403
|
-
|
|
397
|
+
V.className = "resize-handle", f.append(g, V), T(f.outerHTML);
|
|
398
|
+
}, E = (d) => {
|
|
399
|
+
const f = d.closest(".img-resizable");
|
|
400
|
+
if (!f) return;
|
|
401
|
+
const g = f.querySelector(".resize-handle");
|
|
402
|
+
if (!g || f.dataset.resizableInitialized === "true") return;
|
|
403
|
+
f.dataset.resizableInitialized = "true", f.style.display = "inline-block", f.style.position = "relative", d.style.display = "block", d.style.width = "100%", g.style.display = "none";
|
|
404
404
|
const V = () => {
|
|
405
|
-
|
|
406
|
-
},
|
|
407
|
-
|
|
405
|
+
f.classList.add("active"), g.style.display = "block";
|
|
406
|
+
}, U = () => {
|
|
407
|
+
f.classList.remove("active"), g.style.display = "none";
|
|
408
408
|
};
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
}), document.addEventListener("click", (
|
|
412
|
-
const le =
|
|
413
|
-
le.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((ge) => ge.classList.remove("selected")),
|
|
409
|
+
d.addEventListener("click", (ie) => {
|
|
410
|
+
ie.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((le) => le.classList.remove("selected")), f.classList.add("selected"), V();
|
|
411
|
+
}), document.addEventListener("click", (ie) => {
|
|
412
|
+
const le = ie.target;
|
|
413
|
+
le.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((ge) => ge.classList.remove("selected")), f.contains(le) || U();
|
|
414
414
|
});
|
|
415
|
-
let
|
|
416
|
-
const G = (
|
|
417
|
-
|
|
415
|
+
let se = 0, X = 0;
|
|
416
|
+
const G = (ie) => {
|
|
417
|
+
ie.preventDefault(), X = f.offsetWidth, se = ie instanceof TouchEvent ? ie.touches[0].clientX : ie.clientX;
|
|
418
418
|
const le = (xe) => {
|
|
419
|
-
const Pe = (xe instanceof TouchEvent ? xe.touches[0].clientX : xe.clientX) -
|
|
419
|
+
const Pe = (xe instanceof TouchEvent ? xe.touches[0].clientX : xe.clientX) - se, Be = f.parentElement?.clientWidth || window.innerWidth;
|
|
420
420
|
let Ae = X + Pe;
|
|
421
421
|
Ae > Be && (Ae = Be), Ae < 40 && (Ae = 40);
|
|
422
422
|
const De = Ae / Be * 100;
|
|
423
|
-
|
|
423
|
+
f.style.width = De + "%";
|
|
424
424
|
}, ge = () => {
|
|
425
425
|
document.removeEventListener("mousemove", le), document.removeEventListener("mouseup", ge), document.removeEventListener("touchmove", le), document.removeEventListener("touchend", ge);
|
|
426
426
|
};
|
|
427
427
|
document.addEventListener("mousemove", le), document.addEventListener("mouseup", ge), document.addEventListener("touchmove", le, { passive: !1 }), document.addEventListener("touchend", ge);
|
|
428
428
|
};
|
|
429
|
-
|
|
430
|
-
},
|
|
431
|
-
if (
|
|
432
|
-
const
|
|
433
|
-
if (!
|
|
434
|
-
|
|
435
|
-
const
|
|
436
|
-
|
|
429
|
+
g.addEventListener("mousedown", G), g.addEventListener("touchstart", G, { passive: !1 });
|
|
430
|
+
}, q = (d) => {
|
|
431
|
+
if (d.key !== "Backspace" && d.key !== "Delete") return;
|
|
432
|
+
const f = e.querySelector(".img-resizable.selected");
|
|
433
|
+
if (!f) return;
|
|
434
|
+
d.preventDefault();
|
|
435
|
+
const g = f.closest("p[data-block]");
|
|
436
|
+
g && (f.remove(), g.replaceChildren(document.createElement("br")), L(g));
|
|
437
437
|
};
|
|
438
|
-
e.addEventListener("keydown",
|
|
439
|
-
const
|
|
440
|
-
const
|
|
438
|
+
e.addEventListener("keydown", q, { capture: !0 });
|
|
439
|
+
const re = (d) => {
|
|
440
|
+
const f = d.match(
|
|
441
441
|
/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
|
|
442
442
|
);
|
|
443
|
-
if (!
|
|
444
|
-
const
|
|
445
|
-
|
|
443
|
+
if (!f) return;
|
|
444
|
+
const g = f[1];
|
|
445
|
+
ee(
|
|
446
446
|
`
|
|
447
447
|
<iframe
|
|
448
|
-
src="https://www.youtube.com/embed/${
|
|
448
|
+
src="https://www.youtube.com/embed/${g}?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,44 +461,44 @@ const Lt = (e) => {
|
|
|
461
461
|
aspectRatio: "16/9"
|
|
462
462
|
}
|
|
463
463
|
);
|
|
464
|
-
},
|
|
465
|
-
if (
|
|
466
|
-
const
|
|
467
|
-
if (!
|
|
468
|
-
const
|
|
464
|
+
}, P = (d) => {
|
|
465
|
+
if (d.key !== "Backspace" && d.key !== "Delete") return;
|
|
466
|
+
const f = window.getSelection();
|
|
467
|
+
if (!f || f.rangeCount === 0) return;
|
|
468
|
+
const g = f.getRangeAt(0), V = m(g.startContainer);
|
|
469
469
|
if (!V) return;
|
|
470
|
-
const
|
|
471
|
-
|
|
472
|
-
},
|
|
473
|
-
const
|
|
474
|
-
if (!
|
|
470
|
+
const U = V.querySelector("iframe");
|
|
471
|
+
U && (d.preventDefault(), d.stopPropagation(), U.remove(), V.removeAttribute("style"), V.replaceChildren(document.createElement("br")), L(V));
|
|
472
|
+
}, ee = (d, f) => {
|
|
473
|
+
const g = e;
|
|
474
|
+
if (!g) return;
|
|
475
475
|
const V = window.getSelection();
|
|
476
|
-
let
|
|
476
|
+
let U = null;
|
|
477
477
|
if (V && V.rangeCount > 0) {
|
|
478
478
|
const G = V.getRangeAt(0);
|
|
479
|
-
|
|
479
|
+
U = m(G.startContainer);
|
|
480
480
|
}
|
|
481
|
-
const
|
|
481
|
+
const se = U && !U.textContent?.trim() && U.querySelectorAll("img, iframe").length === 0;
|
|
482
482
|
let X = null;
|
|
483
|
-
if (
|
|
484
|
-
|
|
483
|
+
if (se && U)
|
|
484
|
+
f && Object.assign(U.style, f), 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",
|
|
488
|
-
const
|
|
489
|
-
|
|
487
|
+
G.dataset.block = "true", f && Object.assign(G.style, f), G.innerHTML = d;
|
|
488
|
+
const ie = document.createElement("p");
|
|
489
|
+
ie.dataset.block = "true", ie.replaceChildren(document.createElement("br")), U ? (U.after(G), G.after(ie)) : g.append(G, ie), X = ie;
|
|
490
490
|
}
|
|
491
|
-
|
|
492
|
-
},
|
|
493
|
-
const
|
|
494
|
-
return
|
|
495
|
-
}, w = async (
|
|
496
|
-
const
|
|
497
|
-
if (
|
|
498
|
-
for (const
|
|
499
|
-
if (
|
|
500
|
-
|
|
501
|
-
const le =
|
|
491
|
+
g.querySelectorAll(".img-resizable img").forEach((G) => E(G)), X && L(X), A(), g.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
492
|
+
}, R = (d) => {
|
|
493
|
+
const f = d.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
|
|
494
|
+
return f && typeof f[1] == "string" ? f[1] : null;
|
|
495
|
+
}, w = async (d) => {
|
|
496
|
+
const f = d.clipboardData?.items;
|
|
497
|
+
if (f && o) {
|
|
498
|
+
for (const ie of f)
|
|
499
|
+
if (ie.type.startsWith("image/")) {
|
|
500
|
+
d.preventDefault();
|
|
501
|
+
const le = ie.getAsFile();
|
|
502
502
|
if (!le) return;
|
|
503
503
|
try {
|
|
504
504
|
const ge = await o(le);
|
|
@@ -509,46 +509,46 @@ const Lt = (e) => {
|
|
|
509
509
|
return;
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
|
-
const
|
|
513
|
-
if (!
|
|
514
|
-
const V =
|
|
515
|
-
if (!V && !
|
|
516
|
-
|
|
517
|
-
const
|
|
518
|
-
if (!
|
|
519
|
-
const X =
|
|
520
|
-
if (G && G.textContent?.trim() ===
|
|
521
|
-
|
|
512
|
+
const g = d.clipboardData?.getData("text/plain")?.trim();
|
|
513
|
+
if (!g) return;
|
|
514
|
+
const V = R(g), U = D(g);
|
|
515
|
+
if (!V && !U) return;
|
|
516
|
+
d.preventDefault();
|
|
517
|
+
const se = window.getSelection();
|
|
518
|
+
if (!se || se.rangeCount === 0) return;
|
|
519
|
+
const X = se.getRangeAt(0), G = m(X.startContainer);
|
|
520
|
+
if (G && G.textContent?.trim() === g && (G.innerHTML = "<br>"), V) {
|
|
521
|
+
re(g);
|
|
522
522
|
return;
|
|
523
523
|
}
|
|
524
|
-
if (
|
|
525
|
-
if (!await
|
|
524
|
+
if (U) {
|
|
525
|
+
if (!await ae(g)) {
|
|
526
526
|
l?.(i);
|
|
527
527
|
return;
|
|
528
528
|
}
|
|
529
|
-
N(
|
|
529
|
+
N(g);
|
|
530
530
|
}
|
|
531
|
-
},
|
|
531
|
+
}, D = (d) => {
|
|
532
532
|
try {
|
|
533
|
-
const
|
|
534
|
-
return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(
|
|
533
|
+
const f = new URL(d);
|
|
534
|
+
return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(f.pathname);
|
|
535
535
|
} catch {
|
|
536
536
|
return !1;
|
|
537
537
|
}
|
|
538
|
-
},
|
|
539
|
-
const
|
|
540
|
-
|
|
541
|
-
const V =
|
|
542
|
-
|
|
543
|
-
},
|
|
538
|
+
}, ae = (d) => i ? new Promise((f) => {
|
|
539
|
+
const g = new Image();
|
|
540
|
+
g.onload = () => {
|
|
541
|
+
const V = g.naturalWidth >= i.width || g.naturalHeight >= i.height;
|
|
542
|
+
f(V);
|
|
543
|
+
}, g.onerror = () => f(!1), g.src = d;
|
|
544
544
|
}) : Promise.resolve(!0);
|
|
545
|
-
return e.addEventListener("keydown",
|
|
545
|
+
return e.addEventListener("keydown", P, { capture: !0 }), e.addEventListener("paste", w), {
|
|
546
546
|
toggleInline: c,
|
|
547
547
|
toggleBlock: h,
|
|
548
|
-
normalize:
|
|
548
|
+
normalize: A,
|
|
549
549
|
rootElement: e,
|
|
550
550
|
saveSelection: r,
|
|
551
|
-
restoreSelection:
|
|
551
|
+
restoreSelection: y,
|
|
552
552
|
isInlineActive: $,
|
|
553
553
|
isBlockActive: k,
|
|
554
554
|
focus: H,
|
|
@@ -556,19 +556,19 @@ const Lt = (e) => {
|
|
|
556
556
|
focusFirstToolbarButton: _,
|
|
557
557
|
replaceCurrentBlock: O,
|
|
558
558
|
buttons: a,
|
|
559
|
-
announce:
|
|
560
|
-
appendBlock:
|
|
561
|
-
insertBlockAfterCurrent:
|
|
559
|
+
announce: Q,
|
|
560
|
+
appendBlock: S,
|
|
561
|
+
insertBlockAfterCurrent: T,
|
|
562
562
|
appendImage: N,
|
|
563
|
-
insertImage:
|
|
564
|
-
appendVideo:
|
|
563
|
+
insertImage: B,
|
|
564
|
+
appendVideo: re
|
|
565
565
|
};
|
|
566
566
|
}, n1 = ["id", "aria-label"], o1 = ["data-placeholder"], l1 = {
|
|
567
567
|
id: "editor-status",
|
|
568
568
|
class: "sr-only",
|
|
569
569
|
"aria-live": "polite",
|
|
570
570
|
"aria-atomic": "true"
|
|
571
|
-
}, r1 = /* @__PURE__ */
|
|
571
|
+
}, r1 = /* @__PURE__ */ z({
|
|
572
572
|
__name: "EditorContent",
|
|
573
573
|
props: {
|
|
574
574
|
editor: {},
|
|
@@ -616,11 +616,11 @@ const Lt = (e) => {
|
|
|
616
616
|
p.body,
|
|
617
617
|
NodeFilter.SHOW_ELEMENT,
|
|
618
618
|
null
|
|
619
|
-
),
|
|
619
|
+
), A = [];
|
|
620
620
|
for (; L.nextNode(); ) {
|
|
621
621
|
const $ = L.currentNode;
|
|
622
622
|
if (!C.has($.tagName)) {
|
|
623
|
-
|
|
623
|
+
A.push($);
|
|
624
624
|
continue;
|
|
625
625
|
}
|
|
626
626
|
if ($.removeAttribute("style"), $.removeAttribute("class"), $.tagName === "A") {
|
|
@@ -628,7 +628,7 @@ const Lt = (e) => {
|
|
|
628
628
|
(!k || !k.startsWith("http")) && $.removeAttribute("href");
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
|
-
return
|
|
631
|
+
return A.forEach(($) => {
|
|
632
632
|
const k = $.parentNode;
|
|
633
633
|
for (; $.firstChild; ) k?.insertBefore($.firstChild, $);
|
|
634
634
|
k?.removeChild($);
|
|
@@ -667,7 +667,7 @@ const Lt = (e) => {
|
|
|
667
667
|
});
|
|
668
668
|
}), Ve(() => document.removeEventListener("selectionchange", l)), n({
|
|
669
669
|
getRoot: () => o
|
|
670
|
-
}), (m, p) => (
|
|
670
|
+
}), (m, p) => (v(), b(ce, null, [
|
|
671
671
|
x("div", {
|
|
672
672
|
ref_key: "rootRef",
|
|
673
673
|
ref: o,
|
|
@@ -682,10 +682,10 @@ const Lt = (e) => {
|
|
|
682
682
|
onPaste: h,
|
|
683
683
|
onKeydown: [
|
|
684
684
|
i,
|
|
685
|
-
p[0] || (p[0] = ye((C) =>
|
|
685
|
+
p[0] || (p[0] = ye((C) => Z(Jt)(C, e.editor), ["enter"])),
|
|
686
686
|
p[1] || (p[1] = ye(
|
|
687
687
|
//@ts-ignore
|
|
688
|
-
(...C) =>
|
|
688
|
+
(...C) => Z(ft) && Z(ft)(...C),
|
|
689
689
|
["backspace"]
|
|
690
690
|
))
|
|
691
691
|
],
|
|
@@ -700,14 +700,14 @@ const Lt = (e) => {
|
|
|
700
700
|
"data-placeholder": e.writeHereText
|
|
701
701
|
}, null, 8, o1)
|
|
702
702
|
], 40, n1),
|
|
703
|
-
x("div", l1,
|
|
703
|
+
x("div", l1, K(a.value), 1),
|
|
704
704
|
p[4] || (p[4] = x("p", {
|
|
705
705
|
id: "editor-help",
|
|
706
706
|
class: "sr-only"
|
|
707
707
|
}, " Use Ctrl+B for bold, Ctrl+I for italic, Alt+Ctrl+1 for heading level 1. ", -1))
|
|
708
708
|
], 64));
|
|
709
709
|
}
|
|
710
|
-
}), s1 = /* @__PURE__ */
|
|
710
|
+
}), s1 = /* @__PURE__ */ Y(r1, [["__scopeId", "data-v-c68a82f5"]]), i1 = {
|
|
711
711
|
viewBox: "0 0 512 512",
|
|
712
712
|
paths: [
|
|
713
713
|
{
|
|
@@ -1244,7 +1244,7 @@ const Lt = (e) => {
|
|
|
1244
1244
|
fill: "currentColor"
|
|
1245
1245
|
}
|
|
1246
1246
|
]
|
|
1247
|
-
},
|
|
1247
|
+
}, N1 = {
|
|
1248
1248
|
viewBox: "0 0 512 512",
|
|
1249
1249
|
paths: [
|
|
1250
1250
|
{
|
|
@@ -1272,7 +1272,7 @@ const Lt = (e) => {
|
|
|
1272
1272
|
transform: "translate(189.5458984375,309.93798828125)"
|
|
1273
1273
|
}
|
|
1274
1274
|
]
|
|
1275
|
-
},
|
|
1275
|
+
}, q1 = {
|
|
1276
1276
|
viewBox: "0 0 24 24",
|
|
1277
1277
|
paths: [
|
|
1278
1278
|
{
|
|
@@ -2121,8 +2121,8 @@ const Lt = (e) => {
|
|
|
2121
2121
|
phone: _1,
|
|
2122
2122
|
trash: S1,
|
|
2123
2123
|
share: E1,
|
|
2124
|
-
spotfy:
|
|
2125
|
-
church:
|
|
2124
|
+
spotfy: N1,
|
|
2125
|
+
church: q1,
|
|
2126
2126
|
health: G1,
|
|
2127
2127
|
blocks: O1,
|
|
2128
2128
|
shield: F1,
|
|
@@ -2167,7 +2167,7 @@ const Lt = (e) => {
|
|
|
2167
2167
|
shoppingBag: Ha,
|
|
2168
2168
|
directionDown: Va,
|
|
2169
2169
|
shoppingBasket: Ba
|
|
2170
|
-
}, Aa = ["viewBox", "transform", "width", "height"], Ra = /* @__PURE__ */
|
|
2170
|
+
}, Aa = ["viewBox", "transform", "width", "height"], Ra = /* @__PURE__ */ z({
|
|
2171
2171
|
__name: "Icon",
|
|
2172
2172
|
props: {
|
|
2173
2173
|
name: {},
|
|
@@ -2175,45 +2175,45 @@ const Lt = (e) => {
|
|
|
2175
2175
|
spin: { type: Boolean }
|
|
2176
2176
|
},
|
|
2177
2177
|
setup(e) {
|
|
2178
|
-
return (n, t) => (
|
|
2178
|
+
return (n, t) => (v(), b("svg", {
|
|
2179
2179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2180
2180
|
class: fe(["icon", { spin: e.spin }]),
|
|
2181
|
-
viewBox:
|
|
2182
|
-
transform:
|
|
2181
|
+
viewBox: Z(Je)[e.name].viewBox,
|
|
2182
|
+
transform: Z(Je)[e.name].transform || void 0,
|
|
2183
2183
|
width: e.size || 24,
|
|
2184
2184
|
height: e.size || 24,
|
|
2185
2185
|
fill: "none",
|
|
2186
2186
|
"aria-hidden": "true"
|
|
2187
2187
|
}, [
|
|
2188
|
-
(
|
|
2189
|
-
a.type === "path" ? (
|
|
2188
|
+
(v(!0), b(ce, null, Ce(Z(Je)[e.name].paths, (a, o) => (v(), b(ce, { key: o }, [
|
|
2189
|
+
a.type === "path" ? (v(), b("path", ke({
|
|
2190
2190
|
key: 0,
|
|
2191
2191
|
ref_for: !0
|
|
2192
2192
|
}, a), null, 16)) : F("", !0),
|
|
2193
|
-
a.type === "circle" ? (
|
|
2193
|
+
a.type === "circle" ? (v(), b("circle", ke({
|
|
2194
2194
|
key: 1,
|
|
2195
2195
|
ref_for: !0
|
|
2196
2196
|
}, a), null, 16)) : F("", !0),
|
|
2197
|
-
a.type === "line" ? (
|
|
2197
|
+
a.type === "line" ? (v(), b("line", ke({
|
|
2198
2198
|
key: 2,
|
|
2199
2199
|
ref_for: !0
|
|
2200
2200
|
}, a), null, 16)) : F("", !0),
|
|
2201
|
-
a.type === "polyline" ? (
|
|
2201
|
+
a.type === "polyline" ? (v(), b("polyline", ke({
|
|
2202
2202
|
key: 3,
|
|
2203
2203
|
ref_for: !0
|
|
2204
2204
|
}, a), null, 16)) : F("", !0),
|
|
2205
|
-
a.type === "rect" ? (
|
|
2205
|
+
a.type === "rect" ? (v(), b("rect", ke({
|
|
2206
2206
|
key: 4,
|
|
2207
2207
|
ref_for: !0
|
|
2208
2208
|
}, a), null, 16)) : F("", !0),
|
|
2209
|
-
a.type === "polygon" ? (
|
|
2209
|
+
a.type === "polygon" ? (v(), b("polygon", ke({
|
|
2210
2210
|
key: 5,
|
|
2211
2211
|
ref_for: !0
|
|
2212
2212
|
}, a), null, 16)) : F("", !0)
|
|
2213
2213
|
], 64))), 128))
|
|
2214
2214
|
], 10, Aa));
|
|
2215
2215
|
}
|
|
2216
|
-
}), pe = /* @__PURE__ */
|
|
2216
|
+
}), pe = /* @__PURE__ */ Y(Ra, [["__scopeId", "data-v-dd8423eb"]]), Da = ["aria-controls"], Sa = ["aria-pressed", "onMousedown", "aria-label"], Ta = { key: 1 }, Qe = 8, _a = 6, Ea = /* @__PURE__ */ z({
|
|
2217
2217
|
__name: "FloatingToolbar",
|
|
2218
2218
|
props: {
|
|
2219
2219
|
editor: {},
|
|
@@ -2226,42 +2226,42 @@ const Lt = (e) => {
|
|
|
2226
2226
|
const h = () => {
|
|
2227
2227
|
s.value = m();
|
|
2228
2228
|
};
|
|
2229
|
-
te(o, async (
|
|
2230
|
-
if (!
|
|
2229
|
+
te(o, async (y) => {
|
|
2230
|
+
if (!y) {
|
|
2231
2231
|
c?.(), c = null, r?.disconnect(), r = null;
|
|
2232
2232
|
return;
|
|
2233
2233
|
}
|
|
2234
2234
|
await $e(), await $e(), h(), l.value && (r = new ResizeObserver(h), r.observe(l.value)), c = p(h);
|
|
2235
2235
|
}, { flush: "post" });
|
|
2236
2236
|
const m = () => {
|
|
2237
|
-
const
|
|
2238
|
-
if (!
|
|
2237
|
+
const y = window.getSelection();
|
|
2238
|
+
if (!y || y.rangeCount === 0) return {};
|
|
2239
2239
|
const _ = t.editor?.rootElement;
|
|
2240
2240
|
if (!_) return {};
|
|
2241
|
-
const O =
|
|
2241
|
+
const O = y.getRangeAt(0);
|
|
2242
2242
|
if (!_.contains(
|
|
2243
2243
|
O.commonAncestorContainer.nodeType === 3 ? O.commonAncestorContainer.parentNode : O.commonAncestorContainer
|
|
2244
|
-
) ||
|
|
2245
|
-
const
|
|
2246
|
-
if (
|
|
2247
|
-
const
|
|
2248
|
-
if (!
|
|
2249
|
-
const
|
|
2250
|
-
return
|
|
2244
|
+
) || y.isCollapsed) return {};
|
|
2245
|
+
const Q = O.getClientRects().item(0) ?? O.getBoundingClientRect();
|
|
2246
|
+
if (Q.width === 0 && Q.height === 0) return {};
|
|
2247
|
+
const S = l.value;
|
|
2248
|
+
if (!S) return {};
|
|
2249
|
+
const T = S.getBoundingClientRect(), N = T.width, B = Q.left + Q.width / 2, E = Math.max(N / 2 + Qe, Math.min(B, window.innerWidth - N / 2 - Qe)), q = Q.top - T.height - a;
|
|
2250
|
+
return q < 0 ? {} : {
|
|
2251
2251
|
position: "fixed",
|
|
2252
2252
|
left: `${E}px`,
|
|
2253
|
-
top: `${
|
|
2253
|
+
top: `${q}px`
|
|
2254
2254
|
};
|
|
2255
|
-
}, p = (
|
|
2255
|
+
}, p = (y) => {
|
|
2256
2256
|
let _ = 0;
|
|
2257
2257
|
const O = () => {
|
|
2258
|
-
cancelAnimationFrame(_), _ = requestAnimationFrame(
|
|
2259
|
-
},
|
|
2260
|
-
return window.addEventListener("scroll",
|
|
2261
|
-
cancelAnimationFrame(_), window.removeEventListener("scroll",
|
|
2258
|
+
cancelAnimationFrame(_), _ = requestAnimationFrame(y);
|
|
2259
|
+
}, Q = O, S = O;
|
|
2260
|
+
return window.addEventListener("scroll", Q, { capture: !0, passive: !0 }), window.addEventListener("resize", S, { passive: !0 }), () => {
|
|
2261
|
+
cancelAnimationFrame(_), window.removeEventListener("scroll", Q, { capture: !0 }), window.removeEventListener("resize", S);
|
|
2262
2262
|
};
|
|
2263
|
-
}, C = (
|
|
2264
|
-
|
|
2263
|
+
}, C = (y, _) => {
|
|
2264
|
+
y && (i.value[_] = y);
|
|
2265
2265
|
};
|
|
2266
2266
|
te(o, () => {
|
|
2267
2267
|
i.value = [];
|
|
@@ -2272,30 +2272,30 @@ const Lt = (e) => {
|
|
|
2272
2272
|
label: "bold",
|
|
2273
2273
|
type: "icon",
|
|
2274
2274
|
ariaLabel: "Bold",
|
|
2275
|
-
action: (
|
|
2276
|
-
|
|
2275
|
+
action: (y) => {
|
|
2276
|
+
y.restoreSelection(), y.toggleInline("strong"), y.focus(), y.announce(y.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
2277
2277
|
},
|
|
2278
|
-
isActive: (
|
|
2278
|
+
isActive: (y) => y.isInlineActive("strong")
|
|
2279
2279
|
},
|
|
2280
2280
|
{
|
|
2281
2281
|
key: "em",
|
|
2282
2282
|
label: "italic",
|
|
2283
2283
|
type: "icon",
|
|
2284
2284
|
ariaLabel: "Italic",
|
|
2285
|
-
action: (
|
|
2286
|
-
|
|
2285
|
+
action: (y) => {
|
|
2286
|
+
y.restoreSelection(), y.toggleInline("em"), y.focus(), y.announce(y.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
2287
2287
|
},
|
|
2288
|
-
isActive: (
|
|
2288
|
+
isActive: (y) => y.isInlineActive("em")
|
|
2289
2289
|
},
|
|
2290
2290
|
{
|
|
2291
2291
|
key: "h1",
|
|
2292
2292
|
label: "head",
|
|
2293
2293
|
type: "icon",
|
|
2294
2294
|
ariaLabel: "Heading 1",
|
|
2295
|
-
action: (
|
|
2296
|
-
|
|
2295
|
+
action: (y) => {
|
|
2296
|
+
y.restoreSelection(), y.toggleBlock("h1"), y.focus(), y.announce(y.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
|
|
2297
2297
|
},
|
|
2298
|
-
isActive: (
|
|
2298
|
+
isActive: (y) => y.isBlockActive("h1")
|
|
2299
2299
|
},
|
|
2300
2300
|
{
|
|
2301
2301
|
key: "h4",
|
|
@@ -2303,50 +2303,50 @@ const Lt = (e) => {
|
|
|
2303
2303
|
type: "icon",
|
|
2304
2304
|
ariaLabel: "Heading 4",
|
|
2305
2305
|
size: 12,
|
|
2306
|
-
action: (
|
|
2307
|
-
|
|
2306
|
+
action: (y) => {
|
|
2307
|
+
y.restoreSelection(), y.toggleBlock("h4"), y.focus(), y.announce(y.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
|
|
2308
2308
|
},
|
|
2309
|
-
isActive: (
|
|
2309
|
+
isActive: (y) => y.isBlockActive("h4")
|
|
2310
2310
|
},
|
|
2311
2311
|
{
|
|
2312
2312
|
key: "quote",
|
|
2313
2313
|
label: "❝",
|
|
2314
2314
|
type: "text",
|
|
2315
2315
|
ariaLabel: "Blockquote",
|
|
2316
|
-
action: (
|
|
2317
|
-
|
|
2316
|
+
action: (y) => {
|
|
2317
|
+
y.restoreSelection(), y.toggleBlock("blockquote"), y.focus(), y.announce(y.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
|
|
2318
2318
|
},
|
|
2319
|
-
isActive: (
|
|
2319
|
+
isActive: (y) => y.isBlockActive("blockquote")
|
|
2320
2320
|
}
|
|
2321
|
-
]),
|
|
2321
|
+
]), A = I(() => [
|
|
2322
2322
|
...L.value,
|
|
2323
2323
|
...t.editor?.buttons ?? []
|
|
2324
2324
|
]), $ = async () => {
|
|
2325
2325
|
await $e(), i.value[0]?.focus();
|
|
2326
|
-
}, k = (
|
|
2326
|
+
}, k = (y) => {
|
|
2327
2327
|
const _ = i.value, O = _.indexOf(document.activeElement);
|
|
2328
|
-
if (
|
|
2329
|
-
|
|
2330
|
-
const
|
|
2331
|
-
_[
|
|
2328
|
+
if (y.key === "ArrowRight") {
|
|
2329
|
+
y.preventDefault();
|
|
2330
|
+
const Q = O < _.length - 1 ? O + 1 : 0;
|
|
2331
|
+
_[Q]?.focus();
|
|
2332
2332
|
}
|
|
2333
|
-
if (
|
|
2334
|
-
|
|
2335
|
-
const
|
|
2336
|
-
_[
|
|
2333
|
+
if (y.key === "ArrowLeft") {
|
|
2334
|
+
y.preventDefault();
|
|
2335
|
+
const Q = O > 0 ? O - 1 : _.length - 1;
|
|
2336
|
+
_[Q]?.focus();
|
|
2337
2337
|
}
|
|
2338
|
-
|
|
2338
|
+
y.key === "Home" && (y.preventDefault(), _[0]?.focus()), y.key === "End" && (y.preventDefault(), _[_.length - 1]?.focus()), y.key === "Escape" && (y.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
|
|
2339
2339
|
}, H = () => {
|
|
2340
2340
|
cancelAnimationFrame(u), u = requestAnimationFrame(() => {
|
|
2341
|
-
const
|
|
2342
|
-
if (!
|
|
2341
|
+
const y = window.getSelection();
|
|
2342
|
+
if (!y || y.rangeCount === 0) {
|
|
2343
2343
|
o.value && (o.value = !1);
|
|
2344
2344
|
return;
|
|
2345
2345
|
}
|
|
2346
2346
|
const _ = t.editor?.rootElement;
|
|
2347
2347
|
if (!_) return;
|
|
2348
|
-
const O =
|
|
2349
|
-
o.value !==
|
|
2348
|
+
const O = y.getRangeAt(0), Q = O.commonAncestorContainer.nodeType === 3 ? O.commonAncestorContainer.parentNode ?? O.commonAncestorContainer : O.commonAncestorContainer, S = _.contains(Q) && !y.isCollapsed;
|
|
2349
|
+
o.value !== S && (o.value = S);
|
|
2350
2350
|
});
|
|
2351
2351
|
};
|
|
2352
2352
|
return de(() => {
|
|
@@ -2355,10 +2355,10 @@ const Lt = (e) => {
|
|
|
2355
2355
|
c?.(), r?.disconnect(), r = null, cancelAnimationFrame(u), document.removeEventListener("selectionchange", H);
|
|
2356
2356
|
}), n({
|
|
2357
2357
|
focusFirstButton: $
|
|
2358
|
-
}), (
|
|
2359
|
-
|
|
2360
|
-
default:
|
|
2361
|
-
o.value ? (
|
|
2358
|
+
}), (y, _) => (v(), oe(Fe, { to: "body" }, [
|
|
2359
|
+
W(Ee, { name: "tooltip-fade" }, {
|
|
2360
|
+
default: ne(() => [
|
|
2361
|
+
o.value ? (v(), b("div", {
|
|
2362
2362
|
key: 0,
|
|
2363
2363
|
ref_key: "toolbarRef",
|
|
2364
2364
|
ref: l,
|
|
@@ -2371,21 +2371,21 @@ const Lt = (e) => {
|
|
|
2371
2371
|
onKeydown: k
|
|
2372
2372
|
}, [
|
|
2373
2373
|
_[0] || (_[0] = x("div", { class: "arrow" }, null, -1)),
|
|
2374
|
-
(
|
|
2375
|
-
key: O.key ??
|
|
2374
|
+
(v(!0), b(ce, null, Ce(A.value, (O, Q) => (v(), b("button", {
|
|
2375
|
+
key: O.key ?? Q,
|
|
2376
2376
|
type: "button",
|
|
2377
2377
|
ref_for: !0,
|
|
2378
|
-
ref: (
|
|
2378
|
+
ref: (S) => C(S, Q),
|
|
2379
2379
|
class: fe({ "is-active": O.isActive?.(t.editor) }),
|
|
2380
2380
|
"aria-pressed": O.isActive?.(t.editor),
|
|
2381
|
-
onMousedown: ve((
|
|
2381
|
+
onMousedown: ve((S) => O.action(t.editor), ["prevent"]),
|
|
2382
2382
|
"aria-label": O.ariaLabel
|
|
2383
2383
|
}, [
|
|
2384
|
-
O.type === "icon" ? (
|
|
2384
|
+
O.type === "icon" ? (v(), oe(pe, {
|
|
2385
2385
|
key: 0,
|
|
2386
2386
|
name: O.label,
|
|
2387
2387
|
size: O.size ?? 14
|
|
2388
|
-
}, null, 8, ["name", "size"])) : (
|
|
2388
|
+
}, null, 8, ["name", "size"])) : (v(), b("span", Ta, K(O.label), 1))
|
|
2389
2389
|
], 42, Sa))), 128))
|
|
2390
2390
|
], 44, Da)) : F("", !0)
|
|
2391
2391
|
]),
|
|
@@ -2393,9 +2393,9 @@ const Lt = (e) => {
|
|
|
2393
2393
|
})
|
|
2394
2394
|
]));
|
|
2395
2395
|
}
|
|
2396
|
-
}), Za = /* @__PURE__ */
|
|
2396
|
+
}), Za = /* @__PURE__ */ Y(Ea, [["__scopeId", "data-v-a4eb014c"]]), za = { class: "editor" }, mt = /* @__PURE__ */ z({
|
|
2397
2397
|
__name: "Editor",
|
|
2398
|
-
props: /* @__PURE__ */
|
|
2398
|
+
props: /* @__PURE__ */ ue({
|
|
2399
2399
|
ariaLabel: {},
|
|
2400
2400
|
buttons: {},
|
|
2401
2401
|
writeHereText: {},
|
|
@@ -2428,22 +2428,22 @@ const Lt = (e) => {
|
|
|
2428
2428
|
c.addEventListener("input", u), Ve(() => c.removeEventListener("input", u));
|
|
2429
2429
|
}), He("announce", (r) => l.value?.announce(r)), n({
|
|
2430
2430
|
editor: l
|
|
2431
|
-
}), (r, c) => (
|
|
2432
|
-
|
|
2431
|
+
}), (r, c) => (v(), b("section", za, [
|
|
2432
|
+
W(s1, {
|
|
2433
2433
|
ref_key: "contentRef",
|
|
2434
2434
|
ref: s,
|
|
2435
2435
|
editor: l.value,
|
|
2436
|
-
"editor-id":
|
|
2436
|
+
"editor-id": Z(o),
|
|
2437
2437
|
"aria-label": e.ariaLabel,
|
|
2438
2438
|
"write-here-text": e.writeHereText,
|
|
2439
2439
|
"min-image-resolution": e.minImageResolution,
|
|
2440
2440
|
"on-image-resolution-error": e.onImageResolutionError
|
|
2441
2441
|
}, null, 8, ["editor", "editor-id", "aria-label", "write-here-text", "min-image-resolution", "on-image-resolution-error"]),
|
|
2442
|
-
|
|
2442
|
+
W(Za, {
|
|
2443
2443
|
ref_key: "toolbarRef",
|
|
2444
2444
|
ref: i,
|
|
2445
2445
|
editor: l.value,
|
|
2446
|
-
"editor-id":
|
|
2446
|
+
"editor-id": Z(o)
|
|
2447
2447
|
}, null, 8, ["editor", "editor-id"])
|
|
2448
2448
|
]));
|
|
2449
2449
|
}
|
|
@@ -2451,7 +2451,7 @@ const Lt = (e) => {
|
|
|
2451
2451
|
mt.install = (e) => {
|
|
2452
2452
|
e.component("Editor", mt);
|
|
2453
2453
|
};
|
|
2454
|
-
const
|
|
2454
|
+
const Na = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-disabled", "data-disabled", "data-dragging"], qa = ["multiple", "accept", "disabled"], Oa = {
|
|
2455
2455
|
key: 1,
|
|
2456
2456
|
class: "ui-upload__list"
|
|
2457
2457
|
}, Fa = { class: "ui-upload__item--default" }, Pa = { class: "ui-upload__file-name" }, Ka = { class: "ui-upload__file-size" }, Ua = {
|
|
@@ -2474,9 +2474,9 @@ const qa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2474
2474
|
}, Ja = { class: "ui-upload__actions" }, Qa = {
|
|
2475
2475
|
class: "sr-only",
|
|
2476
2476
|
"aria-live": "polite"
|
|
2477
|
-
}, e2 = ["id"], t2 = /* @__PURE__ */
|
|
2477
|
+
}, e2 = ["id"], t2 = /* @__PURE__ */ z({
|
|
2478
2478
|
__name: "Upload",
|
|
2479
|
-
props: /* @__PURE__ */
|
|
2479
|
+
props: /* @__PURE__ */ ue({
|
|
2480
2480
|
multiple: { type: Boolean, default: !1 },
|
|
2481
2481
|
accept: { default: "*/*" },
|
|
2482
2482
|
maxSize: { default: 1 / 0 },
|
|
@@ -2490,94 +2490,94 @@ const qa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2490
2490
|
},
|
|
2491
2491
|
modelModifiers: {}
|
|
2492
2492
|
}),
|
|
2493
|
-
emits: /* @__PURE__ */
|
|
2493
|
+
emits: /* @__PURE__ */ ue(["select", "upload", "remove"], ["update:modelValue"]),
|
|
2494
2494
|
setup(e, { emit: n }) {
|
|
2495
|
-
const t = be(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), s = M(!1), r = he(), c = M(), u = I(() => t.value), h = I(() => a.maxSize === 1 / 0 ? "Unlimited" :
|
|
2495
|
+
const t = be(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), s = M(!1), r = he(), c = M(), u = I(() => t.value), h = I(() => a.maxSize === 1 / 0 ? "Unlimited" : S(a.maxSize)), m = I(() => !a.disabled && (a.multiple || t.value.length === 0)), p = I(() => u.value.some((B) => B.status === "uploading")), C = () => m.value && c.value?.click(), L = () => {
|
|
2496
2496
|
a.disabled || (i.value++, s.value = !0);
|
|
2497
|
-
},
|
|
2497
|
+
}, A = () => {
|
|
2498
2498
|
i.value = Math.max(0, i.value - 1), i.value === 0 && (s.value = !1);
|
|
2499
|
-
}, $ = (
|
|
2500
|
-
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, s.value = !1, !!
|
|
2501
|
-
if (!a.multiple &&
|
|
2502
|
-
const E =
|
|
2499
|
+
}, $ = (B) => {
|
|
2500
|
+
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, s.value = !1, !!B.dataTransfer)) {
|
|
2501
|
+
if (!a.multiple && B.dataTransfer?.files.length) {
|
|
2502
|
+
const E = B.dataTransfer.files[0];
|
|
2503
2503
|
H([E]);
|
|
2504
2504
|
return;
|
|
2505
2505
|
}
|
|
2506
|
-
H(Array.from(
|
|
2506
|
+
H(Array.from(B.dataTransfer.files));
|
|
2507
2507
|
}
|
|
2508
|
-
}, k = (
|
|
2509
|
-
const E =
|
|
2508
|
+
}, k = (B) => {
|
|
2509
|
+
const E = B.target;
|
|
2510
2510
|
E.files && (H(Array.from(E.files)), E.value = "");
|
|
2511
|
-
}, H = (
|
|
2511
|
+
}, H = (B) => {
|
|
2512
2512
|
const E = [];
|
|
2513
|
-
for (const
|
|
2513
|
+
for (const re of B) {
|
|
2514
2514
|
if (u.value.length + E.length >= a.maxFiles) break;
|
|
2515
|
-
|
|
2515
|
+
re.size > a.maxSize || E.push({
|
|
2516
2516
|
id: crypto.randomUUID(),
|
|
2517
|
-
file:
|
|
2517
|
+
file: re,
|
|
2518
2518
|
progress: 0,
|
|
2519
2519
|
status: "idle"
|
|
2520
2520
|
});
|
|
2521
2521
|
}
|
|
2522
2522
|
if (!E.length) return;
|
|
2523
|
-
o("select", E.map((
|
|
2524
|
-
const
|
|
2525
|
-
t.value =
|
|
2526
|
-
},
|
|
2523
|
+
o("select", E.map((re) => re.file));
|
|
2524
|
+
const q = [...u.value, ...E];
|
|
2525
|
+
t.value = q, a.autoUpload && E.forEach(y);
|
|
2526
|
+
}, y = (B) => {
|
|
2527
2527
|
const E = new AbortController();
|
|
2528
|
-
|
|
2529
|
-
const
|
|
2530
|
-
E.signal.removeEventListener("abort",
|
|
2528
|
+
B.progress = 0, B.error = void 0, B.status = "uploading", B.controller = E, T(`Started uploading ${B.file.name}`);
|
|
2529
|
+
const q = () => {
|
|
2530
|
+
E.signal.removeEventListener("abort", q);
|
|
2531
2531
|
};
|
|
2532
|
-
E.signal.addEventListener("abort",
|
|
2533
|
-
const
|
|
2532
|
+
E.signal.addEventListener("abort", q);
|
|
2533
|
+
const re = {
|
|
2534
2534
|
signal: E.signal,
|
|
2535
|
-
onProgress: (
|
|
2536
|
-
|
|
2535
|
+
onProgress: (P) => {
|
|
2536
|
+
B.progress = P, Q();
|
|
2537
2537
|
},
|
|
2538
2538
|
done: () => {
|
|
2539
|
-
|
|
2539
|
+
B.status = "success", B.progress = 100, B.controller = void 0, T(`Finished uploading ${B.file.name}`), Q();
|
|
2540
2540
|
},
|
|
2541
|
-
fail: (
|
|
2542
|
-
|
|
2541
|
+
fail: (P) => {
|
|
2542
|
+
B.status = "error", B.error = P, B.controller = void 0, T(`Failed to upload ${B.file.name}: ${P}`), Q();
|
|
2543
2543
|
}
|
|
2544
2544
|
};
|
|
2545
|
-
o("upload",
|
|
2546
|
-
}, _ = (
|
|
2547
|
-
|
|
2548
|
-
}, O = (
|
|
2549
|
-
|
|
2550
|
-
},
|
|
2545
|
+
o("upload", B, re);
|
|
2546
|
+
}, _ = (B) => {
|
|
2547
|
+
B.controller && (B.controller.abort(), B.status = "canceled", B.controller = void 0, T(`Canceled uploading ${B.file.name}`), Q());
|
|
2548
|
+
}, O = (B) => {
|
|
2549
|
+
B.status !== "error" && B.status !== "canceled" || y(B);
|
|
2550
|
+
}, Q = () => t.value = [...u.value], S = (B) => {
|
|
2551
2551
|
const E = ["B", "KB", "MB", "GB", "TB"];
|
|
2552
|
-
let
|
|
2553
|
-
for (;
|
|
2554
|
-
|
|
2555
|
-
return `${
|
|
2556
|
-
},
|
|
2552
|
+
let q = 0;
|
|
2553
|
+
for (; B >= 1024 && q < E.length - 1; )
|
|
2554
|
+
B /= 1024, q++;
|
|
2555
|
+
return `${B.toFixed(2)} ${E[q]}`;
|
|
2556
|
+
}, T = (B) => {
|
|
2557
2557
|
l.value = "", requestAnimationFrame(() => {
|
|
2558
|
-
l.value =
|
|
2558
|
+
l.value = B;
|
|
2559
2559
|
});
|
|
2560
|
-
}, N = (
|
|
2561
|
-
|
|
2560
|
+
}, N = (B) => {
|
|
2561
|
+
B.controller && B.controller.abort(), o("remove", B), t.value = u.value.filter((E) => E.id !== B.id);
|
|
2562
2562
|
};
|
|
2563
|
-
return (
|
|
2563
|
+
return (B, E) => (v(), b("div", {
|
|
2564
2564
|
role: "button",
|
|
2565
2565
|
class: "ui-upload",
|
|
2566
2566
|
tabindex: e.disabled ? -1 : 0,
|
|
2567
2567
|
"aria-label": e.ariaLabel || "File upload area",
|
|
2568
|
-
"aria-describedby": s.value ?
|
|
2568
|
+
"aria-describedby": s.value ? Z(r) : void 0,
|
|
2569
2569
|
"aria-busy": p.value ? "true" : void 0,
|
|
2570
2570
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
2571
2571
|
"data-disabled": e.disabled || void 0,
|
|
2572
2572
|
"data-dragging": s.value || void 0,
|
|
2573
|
-
onClick: E[0] || (E[0] = (
|
|
2573
|
+
onClick: E[0] || (E[0] = (q) => !e.disabled && C()),
|
|
2574
2574
|
onKeydown: [
|
|
2575
|
-
E[1] || (E[1] = ye(ve((
|
|
2576
|
-
E[2] || (E[2] = ye(ve((
|
|
2575
|
+
E[1] || (E[1] = ye(ve((q) => !e.disabled && C(), ["stop", "prevent"]), ["enter"])),
|
|
2576
|
+
E[2] || (E[2] = ye(ve((q) => !e.disabled && C(), ["prevent"]), ["space"]))
|
|
2577
2577
|
],
|
|
2578
|
-
onDragover: E[3] || (E[3] = ve((
|
|
2579
|
-
onDragleave:
|
|
2580
|
-
onDrop: E[4] || (E[4] = ve((
|
|
2578
|
+
onDragover: E[3] || (E[3] = ve((q) => !e.disabled && L(), ["prevent"])),
|
|
2579
|
+
onDragleave: A,
|
|
2580
|
+
onDrop: E[4] || (E[4] = ve((q) => !e.disabled && $(q), ["prevent"]))
|
|
2581
2581
|
}, [
|
|
2582
2582
|
x("input", {
|
|
2583
2583
|
type: "file",
|
|
@@ -2588,86 +2588,86 @@ const qa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2588
2588
|
accept: e.accept,
|
|
2589
2589
|
disabled: e.disabled,
|
|
2590
2590
|
onChange: k
|
|
2591
|
-
}, null, 40,
|
|
2592
|
-
e.multiple || !e.multiple && t.value.length === 0 ? J(
|
|
2591
|
+
}, null, 40, qa),
|
|
2592
|
+
e.multiple || !e.multiple && t.value.length === 0 ? J(B.$slots, "default", {
|
|
2593
2593
|
key: 0,
|
|
2594
2594
|
dragging: s.value
|
|
2595
2595
|
}, () => [
|
|
2596
|
-
|
|
2596
|
+
W(pe, {
|
|
2597
2597
|
name: "upload",
|
|
2598
2598
|
size: 32
|
|
2599
2599
|
}),
|
|
2600
2600
|
E[6] || (E[6] = x("p", null, "Drag and Drop files here", -1)),
|
|
2601
2601
|
E[7] || (E[7] = x("span", null, "or", -1)),
|
|
2602
|
-
|
|
2602
|
+
W(Le, {
|
|
2603
2603
|
type: "button",
|
|
2604
2604
|
class: "btn btn-outline"
|
|
2605
2605
|
}, {
|
|
2606
|
-
default:
|
|
2606
|
+
default: ne(() => [...E[5] || (E[5] = [
|
|
2607
2607
|
Me("Choose File", -1)
|
|
2608
2608
|
])]),
|
|
2609
2609
|
_: 1
|
|
2610
2610
|
}),
|
|
2611
|
-
x("span", null, "Maximum size: " +
|
|
2611
|
+
x("span", null, "Maximum size: " + K(h.value), 1)
|
|
2612
2612
|
], !0) : F("", !0),
|
|
2613
|
-
u.value?.length ? (
|
|
2614
|
-
(
|
|
2615
|
-
key:
|
|
2613
|
+
u.value?.length ? (v(), b("ul", Oa, [
|
|
2614
|
+
(v(!0), b(ce, null, Ce(u.value, (q) => (v(), b("li", {
|
|
2615
|
+
key: q.id,
|
|
2616
2616
|
class: "ui-upload__item"
|
|
2617
2617
|
}, [
|
|
2618
|
-
J(
|
|
2619
|
-
file:
|
|
2620
|
-
remove: () => N(
|
|
2621
|
-
cancel: () => _(
|
|
2622
|
-
retry: () => O(
|
|
2618
|
+
J(B.$slots, "file", {
|
|
2619
|
+
file: q,
|
|
2620
|
+
remove: () => N(q),
|
|
2621
|
+
cancel: () => _(q),
|
|
2622
|
+
retry: () => O(q)
|
|
2623
2623
|
}, () => [
|
|
2624
2624
|
x("div", Fa, [
|
|
2625
|
-
x("span", Pa,
|
|
2626
|
-
x("span", Ka,
|
|
2625
|
+
x("span", Pa, K(q.file.name), 1),
|
|
2626
|
+
x("span", Ka, K(S(q.file.size)), 1)
|
|
2627
2627
|
]),
|
|
2628
|
-
|
|
2629
|
-
x("span", ja,
|
|
2628
|
+
q.status === "uploading" ? (v(), b("div", Ua, [
|
|
2629
|
+
x("span", ja, K(q.progress) + "% ", 1),
|
|
2630
2630
|
x("progress", {
|
|
2631
2631
|
class: "ui-upload__progress",
|
|
2632
|
-
value:
|
|
2632
|
+
value: q.progress,
|
|
2633
2633
|
max: "100",
|
|
2634
|
-
"aria-label": `Upload progress for ${
|
|
2634
|
+
"aria-label": `Upload progress for ${q.file.name}`
|
|
2635
2635
|
}, null, 8, Wa)
|
|
2636
2636
|
])) : F("", !0),
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2637
|
+
q.status === "success" ? (v(), b("span", Ya, " Uploaded successful ")) : F("", !0),
|
|
2638
|
+
q.status === "error" ? (v(), b("span", Xa, K(q.error || "Upload failed"), 1)) : F("", !0),
|
|
2639
|
+
q.status === "canceled" ? (v(), b("span", Ga, " Upload canceled ")) : F("", !0),
|
|
2640
2640
|
x("div", Ja, [
|
|
2641
|
-
|
|
2641
|
+
q.status === "uploading" ? (v(), oe(Le, {
|
|
2642
2642
|
key: 0,
|
|
2643
2643
|
type: "button",
|
|
2644
2644
|
class: "btn-danger btn-xs",
|
|
2645
|
-
onClick: ve((
|
|
2645
|
+
onClick: ve((re) => _(q), ["stop"])
|
|
2646
2646
|
}, {
|
|
2647
|
-
default:
|
|
2647
|
+
default: ne(() => [...E[8] || (E[8] = [
|
|
2648
2648
|
Me(" Cancel ", -1)
|
|
2649
2649
|
])]),
|
|
2650
2650
|
_: 1
|
|
2651
2651
|
}, 8, ["onClick"])) : F("", !0),
|
|
2652
|
-
|
|
2652
|
+
q.status === "error" || q.status === "canceled" ? (v(), oe(Le, {
|
|
2653
2653
|
key: 1,
|
|
2654
2654
|
type: "button",
|
|
2655
2655
|
class: "btn-info btn-xs",
|
|
2656
|
-
onClick: ve((
|
|
2656
|
+
onClick: ve((re) => O(q), ["stop"])
|
|
2657
2657
|
}, {
|
|
2658
|
-
default:
|
|
2658
|
+
default: ne(() => [...E[9] || (E[9] = [
|
|
2659
2659
|
Me(" Retry ", -1)
|
|
2660
2660
|
])]),
|
|
2661
2661
|
_: 1
|
|
2662
2662
|
}, 8, ["onClick"])) : F("", !0),
|
|
2663
|
-
|
|
2663
|
+
q.status !== "uploading" ? (v(), oe(Le, {
|
|
2664
2664
|
key: 2,
|
|
2665
2665
|
type: "button",
|
|
2666
2666
|
class: "btn-outline btn-xs",
|
|
2667
|
-
onClick: ve((
|
|
2667
|
+
onClick: ve((re) => N(q), ["stop"]),
|
|
2668
2668
|
"aria-label": "Remove file"
|
|
2669
2669
|
}, {
|
|
2670
|
-
default:
|
|
2670
|
+
default: ne(() => [...E[10] || (E[10] = [
|
|
2671
2671
|
Me(" Remove ", -1)
|
|
2672
2672
|
])]),
|
|
2673
2673
|
_: 1
|
|
@@ -2676,14 +2676,14 @@ const qa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2676
2676
|
], !0)
|
|
2677
2677
|
]))), 128))
|
|
2678
2678
|
])) : F("", !0),
|
|
2679
|
-
x("div", Qa,
|
|
2679
|
+
x("div", Qa, K(l.value), 1),
|
|
2680
2680
|
x("p", {
|
|
2681
|
-
id:
|
|
2681
|
+
id: Z(r),
|
|
2682
2682
|
class: "sr-only"
|
|
2683
2683
|
}, " Drop files to upload ", 8, e2)
|
|
2684
|
-
], 40,
|
|
2684
|
+
], 40, Na));
|
|
2685
2685
|
}
|
|
2686
|
-
}), pt = /* @__PURE__ */
|
|
2686
|
+
}), pt = /* @__PURE__ */ Y(t2, [["__scopeId", "data-v-041ff337"]]);
|
|
2687
2687
|
pt.install = (e) => {
|
|
2688
2688
|
e.component("Upload", pt);
|
|
2689
2689
|
};
|
|
@@ -2692,7 +2692,7 @@ const a2 = (e) => {
|
|
|
2692
2692
|
return window.addEventListener("scroll", n, !0), window.addEventListener("resize", t), () => {
|
|
2693
2693
|
window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", t);
|
|
2694
2694
|
};
|
|
2695
|
-
}, n2 = ["aria-describedby", "aria-disabled", "aria-expanded"], o2 = ["aria-hidden", "data-placement"], l2 = 8, r2 = 6, s2 = /* @__PURE__ */
|
|
2695
|
+
}, n2 = ["aria-describedby", "aria-disabled", "aria-expanded"], o2 = ["aria-hidden", "data-placement"], l2 = 8, r2 = 6, s2 = /* @__PURE__ */ z({
|
|
2696
2696
|
__name: "Tooltip",
|
|
2697
2697
|
props: {
|
|
2698
2698
|
content: {},
|
|
@@ -2711,21 +2711,21 @@ const a2 = (e) => {
|
|
|
2711
2711
|
r && (clearTimeout(r), r = null), a.value = !1;
|
|
2712
2712
|
}, p = () => {
|
|
2713
2713
|
if (!i.value || !l.value) return {};
|
|
2714
|
-
const L = i.value.getBoundingClientRect(),
|
|
2714
|
+
const L = i.value.getBoundingClientRect(), A = l.value.getBoundingClientRect(), $ = {
|
|
2715
2715
|
position: "fixed"
|
|
2716
2716
|
};
|
|
2717
2717
|
switch (n.placement) {
|
|
2718
2718
|
case "top":
|
|
2719
|
-
$.left = `${L.left + L.width / 2 -
|
|
2719
|
+
$.left = `${L.left + L.width / 2 - A.width / 2}px`, $.top = `${L.top - A.height - t}px`;
|
|
2720
2720
|
break;
|
|
2721
2721
|
case "bottom":
|
|
2722
|
-
$.left = `${L.left + L.width / 2 -
|
|
2722
|
+
$.left = `${L.left + L.width / 2 - A.width / 2}px`, $.top = `${L.bottom + t}px`;
|
|
2723
2723
|
break;
|
|
2724
2724
|
case "left":
|
|
2725
|
-
$.left = `${L.left -
|
|
2725
|
+
$.left = `${L.left - A.width - t}px`, $.top = `${L.top + L.height / 2 - A.height / 2}px`;
|
|
2726
2726
|
break;
|
|
2727
2727
|
case "right":
|
|
2728
|
-
$.left = `${L.right + t}px`, $.top = `${L.top + L.height / 2 -
|
|
2728
|
+
$.left = `${L.right + t}px`, $.top = `${L.top + L.height / 2 - A.height / 2}px`;
|
|
2729
2729
|
break;
|
|
2730
2730
|
}
|
|
2731
2731
|
return $;
|
|
@@ -2740,7 +2740,7 @@ const a2 = (e) => {
|
|
|
2740
2740
|
await $e(), C(), c = a2(C), u = new ResizeObserver(C), l.value && u.observe(l.value), i.value && u.observe(i.value);
|
|
2741
2741
|
}), _e(() => {
|
|
2742
2742
|
c?.(), u?.disconnect();
|
|
2743
|
-
}), (L,
|
|
2743
|
+
}), (L, A) => (v(), b(ce, null, [
|
|
2744
2744
|
x("span", {
|
|
2745
2745
|
ref_key: "triggerRef",
|
|
2746
2746
|
ref: i,
|
|
@@ -2756,10 +2756,10 @@ const a2 = (e) => {
|
|
|
2756
2756
|
}, [
|
|
2757
2757
|
J(L.$slots, "default", {}, void 0, !0)
|
|
2758
2758
|
], 40, n2),
|
|
2759
|
-
(
|
|
2760
|
-
|
|
2761
|
-
default:
|
|
2762
|
-
a.value ? (
|
|
2759
|
+
(v(), oe(Fe, { to: "body" }, [
|
|
2760
|
+
W(Ee, { name: "tooltip-fade" }, {
|
|
2761
|
+
default: ne(() => [
|
|
2762
|
+
a.value ? (v(), b("div", {
|
|
2763
2763
|
key: 0,
|
|
2764
2764
|
ref_key: "tooltipRef",
|
|
2765
2765
|
ref: l,
|
|
@@ -2771,9 +2771,9 @@ const a2 = (e) => {
|
|
|
2771
2771
|
"data-placement": n.placement,
|
|
2772
2772
|
style: Ie(s.value)
|
|
2773
2773
|
}, [
|
|
2774
|
-
|
|
2774
|
+
A[0] || (A[0] = x("div", { class: "tooltip-arrow" }, null, -1)),
|
|
2775
2775
|
J(L.$slots, "content", {}, () => [
|
|
2776
|
-
Me(
|
|
2776
|
+
Me(K(e.content), 1)
|
|
2777
2777
|
], !0)
|
|
2778
2778
|
], 12, o2)) : F("", !0)
|
|
2779
2779
|
]),
|
|
@@ -2782,14 +2782,14 @@ const a2 = (e) => {
|
|
|
2782
2782
|
]))
|
|
2783
2783
|
], 64));
|
|
2784
2784
|
}
|
|
2785
|
-
}), Ct = /* @__PURE__ */
|
|
2785
|
+
}), Ct = /* @__PURE__ */ Y(s2, [["__scopeId", "data-v-c489ef7b"]]);
|
|
2786
2786
|
Ct.install = (e) => {
|
|
2787
2787
|
e.component("Tooltip", Ct);
|
|
2788
2788
|
};
|
|
2789
2789
|
const i2 = {
|
|
2790
2790
|
key: 0,
|
|
2791
2791
|
class: "ui-tag__icon"
|
|
2792
|
-
}, u2 = { class: "ui-tag__label" }, c2 = ["aria-label"], d2 = /* @__PURE__ */
|
|
2792
|
+
}, u2 = { class: "ui-tag__label" }, c2 = ["aria-label"], d2 = /* @__PURE__ */ z({
|
|
2793
2793
|
__name: "Tag",
|
|
2794
2794
|
props: {
|
|
2795
2795
|
as: { default: "span" },
|
|
@@ -2812,7 +2812,7 @@ const i2 = {
|
|
|
2812
2812
|
]), l = I(() => t.clickable && t.as !== "button" && t.as !== "a"), s = (c) => {
|
|
2813
2813
|
t.disabled || !o.value || a("click", c);
|
|
2814
2814
|
}, r = () => a("remove");
|
|
2815
|
-
return (c, u) => (
|
|
2815
|
+
return (c, u) => (v(), oe(Ze(e.as), {
|
|
2816
2816
|
ref: "rootRef",
|
|
2817
2817
|
class: fe(["ui-tag", i.value]),
|
|
2818
2818
|
"aria-disabled": e.disabled || void 0,
|
|
@@ -2824,21 +2824,21 @@ const i2 = {
|
|
|
2824
2824
|
u[1] || (u[1] = ye(ve((h) => !e.disabled && o.value && s(h), ["prevent"]), ["space"]))
|
|
2825
2825
|
]
|
|
2826
2826
|
}, {
|
|
2827
|
-
default:
|
|
2828
|
-
c.$slots.icon ? (
|
|
2827
|
+
default: ne(() => [
|
|
2828
|
+
c.$slots.icon ? (v(), b("span", i2, [
|
|
2829
2829
|
J(c.$slots, "icon", {}, void 0, !0)
|
|
2830
2830
|
])) : F("", !0),
|
|
2831
2831
|
x("span", u2, [
|
|
2832
2832
|
J(c.$slots, "default", {}, void 0, !0)
|
|
2833
2833
|
]),
|
|
2834
|
-
e.removable ? (
|
|
2834
|
+
e.removable ? (v(), b("button", {
|
|
2835
2835
|
key: 1,
|
|
2836
2836
|
class: "ui-tag__remove",
|
|
2837
2837
|
type: "button",
|
|
2838
2838
|
"aria-label": `Remove ${e.textContent}`,
|
|
2839
2839
|
onClick: ve(r, ["stop"])
|
|
2840
2840
|
}, [
|
|
2841
|
-
|
|
2841
|
+
W(pe, {
|
|
2842
2842
|
name: "close",
|
|
2843
2843
|
size: 32
|
|
2844
2844
|
})
|
|
@@ -2847,7 +2847,7 @@ const i2 = {
|
|
|
2847
2847
|
_: 3
|
|
2848
2848
|
}, 40, ["class", "aria-disabled", "tabindex", "role"]));
|
|
2849
2849
|
}
|
|
2850
|
-
}), v2 = /* @__PURE__ */
|
|
2850
|
+
}), v2 = /* @__PURE__ */ Y(d2, [["__scopeId", "data-v-8a4d6d55"]]), f2 = ["href", "aria-disabled", "tabindex", "target", "aria-current", "rel"], m2 = /* @__PURE__ */ z({
|
|
2851
2851
|
__name: "Link",
|
|
2852
2852
|
props: {
|
|
2853
2853
|
target: {},
|
|
@@ -2864,7 +2864,7 @@ const i2 = {
|
|
|
2864
2864
|
}
|
|
2865
2865
|
a("click", i);
|
|
2866
2866
|
};
|
|
2867
|
-
return (i, l) => (
|
|
2867
|
+
return (i, l) => (v(), b("a", {
|
|
2868
2868
|
class: "link",
|
|
2869
2869
|
href: e.disabled ? void 0 : e.href,
|
|
2870
2870
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
@@ -2877,7 +2877,7 @@ const i2 = {
|
|
|
2877
2877
|
J(i.$slots, "default", {}, void 0, !0)
|
|
2878
2878
|
], 8, f2));
|
|
2879
2879
|
}
|
|
2880
|
-
}), bl = /* @__PURE__ */
|
|
2880
|
+
}), bl = /* @__PURE__ */ Y(m2, [["__scopeId", "data-v-0f5d7308"]]), Oe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ? { type: "letter" } : n === "*" ? { type: "alphanumeric" } : { type: "literal", value: n }), xt = (e, n) => n.type === "digit" ? /\d/.test(e) : n.type === "letter" ? /[a-z]/i.test(e) : n.type === "alphanumeric" ? /[a-z0-9]/i.test(e) : !1, ht = (e, n) => {
|
|
2881
2881
|
if (!e) return "";
|
|
2882
2882
|
const t = Oe(n);
|
|
2883
2883
|
let a = "", o = 0;
|
|
@@ -2925,13 +2925,13 @@ const i2 = {
|
|
|
2925
2925
|
at(n, t), t && (t?.classList.remove("focused"), a("blur", e));
|
|
2926
2926
|
}, at = (e, n) => {
|
|
2927
2927
|
!e || !n || (e.value.length > 0 ? n.classList.add("filled") : n.classList.remove("filled"));
|
|
2928
|
-
}, w2 = ["id"], it = /* @__PURE__ */
|
|
2928
|
+
}, w2 = ["id"], it = /* @__PURE__ */ z({
|
|
2929
2929
|
__name: "Hint",
|
|
2930
2930
|
props: {
|
|
2931
2931
|
hintId: {}
|
|
2932
2932
|
},
|
|
2933
2933
|
setup(e) {
|
|
2934
|
-
return (n, t) => n.$slots.default ? (
|
|
2934
|
+
return (n, t) => n.$slots.default ? (v(), b("p", {
|
|
2935
2935
|
key: 0,
|
|
2936
2936
|
id: e.hintId,
|
|
2937
2937
|
class: "visually-hidden"
|
|
@@ -2939,20 +2939,20 @@ const i2 = {
|
|
|
2939
2939
|
J(n.$slots, "default")
|
|
2940
2940
|
], 8, w2)) : F("", !0);
|
|
2941
2941
|
}
|
|
2942
|
-
}), M2 = ["id"], ut = /* @__PURE__ */
|
|
2942
|
+
}), M2 = ["id"], ut = /* @__PURE__ */ z({
|
|
2943
2943
|
__name: "RequiredHint",
|
|
2944
2944
|
props: {
|
|
2945
2945
|
baseId: {},
|
|
2946
2946
|
isRequired: {}
|
|
2947
2947
|
},
|
|
2948
2948
|
setup(e) {
|
|
2949
|
-
return (n, t) => e.isRequired ? (
|
|
2949
|
+
return (n, t) => e.isRequired ? (v(), b("p", {
|
|
2950
2950
|
key: 0,
|
|
2951
2951
|
id: `${e.baseId}-required-hint`,
|
|
2952
2952
|
class: "visually-hidden"
|
|
2953
2953
|
}, " Required field ", 8, M2)) : F("", !0);
|
|
2954
2954
|
}
|
|
2955
|
-
}), L2 = ["id"], ct = /* @__PURE__ */
|
|
2955
|
+
}), L2 = ["id"], ct = /* @__PURE__ */ z({
|
|
2956
2956
|
__name: "ErrorMessage",
|
|
2957
2957
|
props: {
|
|
2958
2958
|
errorId: {},
|
|
@@ -2960,16 +2960,16 @@ const i2 = {
|
|
|
2960
2960
|
errorMessage: {}
|
|
2961
2961
|
},
|
|
2962
2962
|
setup(e) {
|
|
2963
|
-
return (n, t) => e.invalid && e.errorMessage ? (
|
|
2963
|
+
return (n, t) => e.invalid && e.errorMessage ? (v(), b("p", {
|
|
2964
2964
|
key: 0,
|
|
2965
2965
|
id: e.errorId,
|
|
2966
2966
|
class: "error-text",
|
|
2967
2967
|
role: "alert"
|
|
2968
|
-
},
|
|
2968
|
+
}, K(e.errorMessage), 9, L2)) : F("", !0);
|
|
2969
2969
|
}
|
|
2970
|
-
}), x2 = ["for"], $2 = ["id", "type", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], I2 = /* @__PURE__ */
|
|
2970
|
+
}), x2 = ["for"], $2 = ["id", "type", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], I2 = /* @__PURE__ */ z({
|
|
2971
2971
|
__name: "Input",
|
|
2972
|
-
props: /* @__PURE__ */
|
|
2972
|
+
props: /* @__PURE__ */ ue({
|
|
2973
2973
|
id: {},
|
|
2974
2974
|
label: {},
|
|
2975
2975
|
type: {},
|
|
@@ -2984,136 +2984,136 @@ const i2 = {
|
|
|
2984
2984
|
},
|
|
2985
2985
|
modelModifiers: {}
|
|
2986
2986
|
}),
|
|
2987
|
-
emits: /* @__PURE__ */
|
|
2987
|
+
emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
|
|
2988
2988
|
setup(e, { emit: n }) {
|
|
2989
|
-
const t = be(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), s = he(), r = `${s}-error`, c = `${s}-hint`, u = Ke(i).value, h = M(!1), m = M(!1),
|
|
2990
|
-
const { type:
|
|
2991
|
-
return
|
|
2992
|
-
}),
|
|
2993
|
-
if (a.currency) {
|
|
2994
|
-
if (t.value === null || t.value === void 0 || t.value === "") return "";
|
|
2995
|
-
const B = String(t.value ?? "").replace(/\D/g, "");
|
|
2996
|
-
return O(B);
|
|
2997
|
-
}
|
|
2998
|
-
return a.mask ? ht(String(t.value ?? ""), a.mask) : String(t.value ?? "");
|
|
2999
|
-
}), H = I(() => a.mask ? Oe(a.mask).filter((B) => B.type !== "literal").length : 0), g = I(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
|
|
2989
|
+
const t = be(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), s = he(), r = `${s}-error`, c = `${s}-hint`, u = Ke(i).value, h = M(!1), m = M(""), p = M(!1), C = I(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = I(() => u ? `${c} ${s}-required-hint` : c), A = I(() => a.invalid === !0 && a.errorMessage ? r : void 0), $ = I(() => a.type === "password" ? p.value ? "text" : "password" : a.type), k = I(() => {
|
|
2990
|
+
const { type: P, ...ee } = i;
|
|
2991
|
+
return ee;
|
|
2992
|
+
}), H = I(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : Q(m.value) : a.mask ? ht(String(t.value ?? ""), a.mask) : String(t.value ?? "")), y = I(() => a.mask ? Oe(a.mask).filter((P) => P.type !== "literal").length : 0), _ = I(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
|
|
3000
2993
|
style: "currency",
|
|
3001
2994
|
currency: a.currency
|
|
3002
|
-
}) : null),
|
|
2995
|
+
}) : null), O = I(() => ({
|
|
3003
2996
|
input: !0,
|
|
3004
2997
|
"input-currency": !!a.currency
|
|
3005
|
-
})),
|
|
3006
|
-
if (!
|
|
3007
|
-
const
|
|
3008
|
-
return
|
|
3009
|
-
},
|
|
2998
|
+
})), Q = (P) => {
|
|
2999
|
+
if (!_.value) return P;
|
|
3000
|
+
const ee = Number(P || "0") / 100;
|
|
3001
|
+
return _.value.format(ee);
|
|
3002
|
+
}, S = () => p.value = !p.value, T = (P) => {
|
|
3010
3003
|
if (!a.mask && !a.currency) return;
|
|
3011
3004
|
if (a.currency) {
|
|
3012
|
-
const
|
|
3005
|
+
const w = P.target, D = re(w.value);
|
|
3013
3006
|
l.value = {
|
|
3014
|
-
rawCaret:
|
|
3015
|
-
inputType:
|
|
3007
|
+
rawCaret: D.length,
|
|
3008
|
+
inputType: P.inputType
|
|
3016
3009
|
};
|
|
3017
3010
|
return;
|
|
3018
3011
|
}
|
|
3019
|
-
const
|
|
3012
|
+
const ee = P.target, R = ee.selectionStart ?? 0;
|
|
3020
3013
|
l.value = {
|
|
3021
|
-
rawCaret: C2(
|
|
3022
|
-
inputType:
|
|
3014
|
+
rawCaret: C2(ee.value, R),
|
|
3015
|
+
inputType: P.inputType
|
|
3023
3016
|
};
|
|
3024
|
-
},
|
|
3025
|
-
const
|
|
3017
|
+
}, N = (P) => {
|
|
3018
|
+
const ee = P.target;
|
|
3026
3019
|
if (a.currency) {
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
Y.value = T, t.value = Number(w || "0") / 100, l.value = null;
|
|
3020
|
+
let D = re(ee.value);
|
|
3021
|
+
l.value?.inputType === "deleteContentBackward" && (D = m.value.slice(0, -1)), m.value = D;
|
|
3022
|
+
const ae = Q(m.value);
|
|
3023
|
+
ee.value = ae, t.value = Number(m.value || "0") / 100, l.value = null;
|
|
3032
3024
|
return;
|
|
3033
3025
|
}
|
|
3034
|
-
let
|
|
3035
|
-
a.mask && (
|
|
3036
|
-
const
|
|
3037
|
-
if (
|
|
3038
|
-
let { rawCaret:
|
|
3039
|
-
|
|
3040
|
-
let
|
|
3041
|
-
|
|
3026
|
+
let R = a.mask ? p2(ee.value, a.mask) : ee.value;
|
|
3027
|
+
a.mask && (R = R.slice(0, y.value));
|
|
3028
|
+
const w = a.mask ? ht(R, a.mask) : R;
|
|
3029
|
+
if (ee.value = w, t.value = a.type === "number" ? Number(R) : R, a.mask && l.value) {
|
|
3030
|
+
let { rawCaret: D, inputType: ae } = l.value;
|
|
3031
|
+
ae.startsWith("insert") && D++, ae === "deleteContentBackward" && (D = Math.max(0, D - 1));
|
|
3032
|
+
let d = h2(w, D);
|
|
3033
|
+
d = g2(a.mask, d, 1), ee.setSelectionRange(d, d);
|
|
3042
3034
|
}
|
|
3043
3035
|
l.value = null;
|
|
3044
|
-
},
|
|
3045
|
-
if (!a.mask || a.currency ||
|
|
3046
|
-
const
|
|
3047
|
-
let
|
|
3048
|
-
const
|
|
3049
|
-
for (;
|
|
3050
|
-
requestAnimationFrame(() =>
|
|
3051
|
-
},
|
|
3052
|
-
h.value = !0, o("focus",
|
|
3053
|
-
},
|
|
3054
|
-
h.value = !1, o("blur",
|
|
3055
|
-
};
|
|
3056
|
-
return (
|
|
3057
|
-
|
|
3036
|
+
}, B = (P) => {
|
|
3037
|
+
if (!a.mask || a.currency || P.key !== "Backspace") return;
|
|
3038
|
+
const ee = P.target;
|
|
3039
|
+
let R = ee.selectionStart ?? 0;
|
|
3040
|
+
const w = Oe(a.mask);
|
|
3041
|
+
for (; R > 0 && w[R - 1]?.type === "literal"; ) R--;
|
|
3042
|
+
requestAnimationFrame(() => ee.setSelectionRange(R, R));
|
|
3043
|
+
}, E = (P) => {
|
|
3044
|
+
h.value = !0, o("focus", P);
|
|
3045
|
+
}, q = (P) => {
|
|
3046
|
+
h.value = !1, o("blur", P);
|
|
3047
|
+
}, re = (P) => P.replace(/\D/g, "");
|
|
3048
|
+
return te(
|
|
3049
|
+
() => t.value,
|
|
3050
|
+
(P) => {
|
|
3051
|
+
if (!a.currency) return;
|
|
3052
|
+
const ee = Math.round(Number(P || 0) * 100);
|
|
3053
|
+
m.value = String(ee);
|
|
3054
|
+
},
|
|
3055
|
+
{ immediate: !0 }
|
|
3056
|
+
), (P, ee) => (v(), b("div", {
|
|
3057
|
+
class: fe(["input-box", { required: Z(u), error: e.invalid, filled: C.value, focused: h.value }])
|
|
3058
3058
|
}, [
|
|
3059
3059
|
x("label", {
|
|
3060
3060
|
for: e.id,
|
|
3061
3061
|
class: "label"
|
|
3062
|
-
},
|
|
3062
|
+
}, K(e.label), 9, x2),
|
|
3063
3063
|
x("input", ke({
|
|
3064
3064
|
id: e.id,
|
|
3065
|
-
type:
|
|
3066
|
-
},
|
|
3067
|
-
class:
|
|
3068
|
-
onBeforeinput:
|
|
3069
|
-
onInput:
|
|
3070
|
-
onFocus:
|
|
3071
|
-
onBlur:
|
|
3072
|
-
onKeydown:
|
|
3073
|
-
value:
|
|
3074
|
-
required:
|
|
3065
|
+
type: $.value
|
|
3066
|
+
}, k.value, {
|
|
3067
|
+
class: O.value,
|
|
3068
|
+
onBeforeinput: T,
|
|
3069
|
+
onInput: N,
|
|
3070
|
+
onFocus: E,
|
|
3071
|
+
onBlur: q,
|
|
3072
|
+
onKeydown: B,
|
|
3073
|
+
value: H.value,
|
|
3074
|
+
required: Z(u),
|
|
3075
3075
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3076
|
-
"aria-errormessage":
|
|
3077
|
-
"aria-describedby":
|
|
3076
|
+
"aria-errormessage": A.value,
|
|
3077
|
+
"aria-describedby": Z(st)(P.$props, P.$slots, r, L.value).value
|
|
3078
3078
|
}), null, 16, $2),
|
|
3079
|
-
|
|
3080
|
-
default:
|
|
3081
|
-
J(
|
|
3079
|
+
W(it, { hintId: c }, {
|
|
3080
|
+
default: ne(() => [
|
|
3081
|
+
J(P.$slots, "hint", {}, void 0, !0)
|
|
3082
3082
|
]),
|
|
3083
3083
|
_: 3
|
|
3084
3084
|
}),
|
|
3085
|
-
|
|
3086
|
-
baseId:
|
|
3087
|
-
isRequired:
|
|
3085
|
+
W(ut, {
|
|
3086
|
+
baseId: Z(s),
|
|
3087
|
+
isRequired: Z(u)
|
|
3088
3088
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3089
|
-
|
|
3089
|
+
W(ct, {
|
|
3090
3090
|
errorId: r,
|
|
3091
3091
|
invalid: e.invalid,
|
|
3092
3092
|
errorMessage: e.errorMessage
|
|
3093
3093
|
}, null, 8, ["invalid", "errorMessage"]),
|
|
3094
|
-
e.type === "password" ? (
|
|
3094
|
+
e.type === "password" ? (v(), oe(Le, ke({ key: 0 }, Object.keys(P.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
|
|
3095
3095
|
type: "button",
|
|
3096
3096
|
class: "btn-icon",
|
|
3097
|
-
onClick:
|
|
3098
|
-
"aria-label":
|
|
3097
|
+
onClick: S,
|
|
3098
|
+
"aria-label": p.value ? "Hide password" : "Show password"
|
|
3099
3099
|
}), {
|
|
3100
|
-
default:
|
|
3101
|
-
|
|
3102
|
-
name:
|
|
3100
|
+
default: ne(() => [
|
|
3101
|
+
W(pe, {
|
|
3102
|
+
name: p.value ? "eyeOff" : "eye"
|
|
3103
3103
|
}, null, 8, ["name"])
|
|
3104
3104
|
]),
|
|
3105
3105
|
_: 1
|
|
3106
3106
|
}, 16, ["aria-label"])) : F("", !0)
|
|
3107
3107
|
], 2));
|
|
3108
3108
|
}
|
|
3109
|
-
}), kl = /* @__PURE__ */
|
|
3109
|
+
}), kl = /* @__PURE__ */ Y(I2, [["__scopeId", "data-v-aedae9eb"]]), H2 = ["data-size", "data-shape", "aria-label", "aria-busy"], V2 = {
|
|
3110
3110
|
key: 1,
|
|
3111
3111
|
class: "ui-avatar__loading"
|
|
3112
3112
|
}, B2 = {
|
|
3113
3113
|
key: 2,
|
|
3114
3114
|
class: "ui-avatar__fallback",
|
|
3115
3115
|
"aria-hidden": "true"
|
|
3116
|
-
}, A2 = /* @__PURE__ */
|
|
3116
|
+
}, A2 = /* @__PURE__ */ z({
|
|
3117
3117
|
__name: "Avatar",
|
|
3118
3118
|
props: {
|
|
3119
3119
|
src: {},
|
|
@@ -3127,30 +3127,30 @@ const i2 = {
|
|
|
3127
3127
|
return te(
|
|
3128
3128
|
() => n.src,
|
|
3129
3129
|
() => n.src && (t.value = "loading")
|
|
3130
|
-
), de(() => !n.src && (t.value = "error")), (r, c) => (
|
|
3130
|
+
), de(() => !n.src && (t.value = "error")), (r, c) => (v(), b("div", {
|
|
3131
3131
|
class: "ui-avatar",
|
|
3132
3132
|
"data-size": e.size,
|
|
3133
3133
|
"data-shape": e.shape,
|
|
3134
3134
|
"aria-label": a.value ? void 0 : i.value,
|
|
3135
3135
|
"aria-busy": t.value === "loading" || void 0
|
|
3136
3136
|
}, [
|
|
3137
|
-
a.value ? (
|
|
3137
|
+
a.value ? (v(), oe(Te, {
|
|
3138
3138
|
key: 0,
|
|
3139
3139
|
src: e.src,
|
|
3140
3140
|
alt: e.alt ?? "",
|
|
3141
3141
|
class: "ui-avatar__img",
|
|
3142
3142
|
onLoad: l,
|
|
3143
3143
|
onError: s
|
|
3144
|
-
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (
|
|
3144
|
+
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (v(), b("div", V2)) : (v(), b("div", B2, [
|
|
3145
3145
|
J(r.$slots, "default", {}, () => [
|
|
3146
|
-
Me(
|
|
3146
|
+
Me(K(o.value), 1)
|
|
3147
3147
|
], !0)
|
|
3148
3148
|
]))
|
|
3149
3149
|
], 8, H2));
|
|
3150
3150
|
}
|
|
3151
|
-
}), wl = /* @__PURE__ */
|
|
3151
|
+
}), wl = /* @__PURE__ */ Y(A2, [["__scopeId", "data-v-e36c822a"]]), R2 = ["id", "aria-expanded", "aria-invalid", "aria-labelledby", "aria-required", "aria-describedby", "aria-activedescendant", "aria-disabled"], D2 = ["innerHTML"], S2 = ["id", "aria-disabled", "aria-selected", "onClick"], T2 = ["innerHTML"], _2 = /* @__PURE__ */ z({
|
|
3152
3152
|
__name: "Select",
|
|
3153
|
-
props: /* @__PURE__ */
|
|
3153
|
+
props: /* @__PURE__ */ ue({
|
|
3154
3154
|
id: {},
|
|
3155
3155
|
options: {},
|
|
3156
3156
|
label: {},
|
|
@@ -3160,71 +3160,71 @@ const i2 = {
|
|
|
3160
3160
|
modelValue: { required: !0 },
|
|
3161
3161
|
modelModifiers: {}
|
|
3162
3162
|
}),
|
|
3163
|
-
emits: /* @__PURE__ */
|
|
3163
|
+
emits: /* @__PURE__ */ ue(["focus", "blur", "change", "click"], ["update:modelValue"]),
|
|
3164
3164
|
setup(e, { emit: n }) {
|
|
3165
3165
|
const t = be(e, "modelValue"), a = e, o = n, i = M(!1);
|
|
3166
|
-
te(i, (
|
|
3167
|
-
|
|
3166
|
+
te(i, (R) => {
|
|
3167
|
+
R ? document.addEventListener("mousedown", P) : document.removeEventListener("mousedown", P);
|
|
3168
3168
|
});
|
|
3169
|
-
const l = lt(), s = M(!1), r = M(null), c = I(() => a.id ?? he()), u = `${c.value}-label`, h = `${c.value}-listbox`, m = `${c.value}-error`, p = `${c.value}-hint`, C = `${c.value}-value`, L = M(null),
|
|
3169
|
+
const l = lt(), s = M(!1), r = M(null), c = I(() => a.id ?? he()), u = `${c.value}-label`, h = `${c.value}-listbox`, m = `${c.value}-error`, p = `${c.value}-hint`, C = `${c.value}-value`, L = M(null), A = M(null), $ = I(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = I(() => L.value !== null ? `${h}-option-${L.value}` : void 0), H = Ke(l).value, y = I(() => H ? `${p} ${c.value}-required-hint` : p), _ = I(() => i.value && k.value ? k.value : void 0), O = I(() => A.value !== null ? a.options[A.value]?.value : "");
|
|
3170
3170
|
te(
|
|
3171
3171
|
() => t.value,
|
|
3172
|
-
() =>
|
|
3172
|
+
() => ee()
|
|
3173
3173
|
), te(
|
|
3174
3174
|
() => a.options,
|
|
3175
|
-
() =>
|
|
3175
|
+
() => ee(),
|
|
3176
3176
|
{ deep: !0 }
|
|
3177
3177
|
);
|
|
3178
|
-
const
|
|
3179
|
-
s.value = !0, o("focus",
|
|
3180
|
-
},
|
|
3181
|
-
const w =
|
|
3182
|
-
!
|
|
3183
|
-
},
|
|
3184
|
-
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",
|
|
3185
|
-
}, N = (
|
|
3186
|
-
const
|
|
3187
|
-
!
|
|
3188
|
-
},
|
|
3189
|
-
if (!i.value && ["ArrowDown", "ArrowUp"].includes(
|
|
3190
|
-
i.value = !0, L.value = L.value ?? a.options.findIndex((w) => !w.disabled),
|
|
3178
|
+
const Q = (R) => {
|
|
3179
|
+
s.value = !0, o("focus", R);
|
|
3180
|
+
}, S = (R) => {
|
|
3181
|
+
const w = R.relatedTarget, D = r.value;
|
|
3182
|
+
!D || D?.contains(w) || (s.value = !1, i.value = !1, o("blur", R));
|
|
3183
|
+
}, T = (R) => {
|
|
3184
|
+
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", R);
|
|
3185
|
+
}, N = (R, w) => {
|
|
3186
|
+
const D = r.value;
|
|
3187
|
+
!D || R.disabled || (A.value = w, L.value = w, R && R.key && R.key.toString().length > 0 ? D.classList.add("filled") : D.classList.remove("filled"), t.value = R.key, o("change", R.key));
|
|
3188
|
+
}, B = (R) => {
|
|
3189
|
+
if (!i.value && ["ArrowDown", "ArrowUp"].includes(R.key)) {
|
|
3190
|
+
i.value = !0, L.value = L.value ?? a.options.findIndex((w) => !w.disabled), R.preventDefault();
|
|
3191
3191
|
return;
|
|
3192
3192
|
}
|
|
3193
3193
|
if (i.value) {
|
|
3194
|
-
if (
|
|
3195
|
-
const w =
|
|
3196
|
-
w >= 0 && (L.value = w),
|
|
3194
|
+
if (R.key === "ArrowDown" && (E(1), R.preventDefault()), R.key === "ArrowUp" && (E(-1), R.preventDefault()), R.key === "Home") {
|
|
3195
|
+
const w = q();
|
|
3196
|
+
w >= 0 && (L.value = w), R.preventDefault();
|
|
3197
3197
|
}
|
|
3198
|
-
if (
|
|
3199
|
-
const w =
|
|
3200
|
-
w >= 0 && (L.value = w),
|
|
3198
|
+
if (R.key === "End") {
|
|
3199
|
+
const w = re();
|
|
3200
|
+
w >= 0 && (L.value = w), R.preventDefault();
|
|
3201
3201
|
}
|
|
3202
|
-
if (
|
|
3202
|
+
if (R.key === "Enter" || R.key === " ") {
|
|
3203
3203
|
if (L.value === null) return;
|
|
3204
3204
|
const w = a.options[L.value];
|
|
3205
3205
|
if (!w || w.disabled) return;
|
|
3206
|
-
N(w, L.value), i.value = !1,
|
|
3206
|
+
N(w, L.value), i.value = !1, R.preventDefault();
|
|
3207
3207
|
}
|
|
3208
|
-
|
|
3208
|
+
R.key === "Escape" && (i.value = !1);
|
|
3209
3209
|
}
|
|
3210
|
-
}, E = (
|
|
3210
|
+
}, E = (R) => {
|
|
3211
3211
|
if (L.value === null) return;
|
|
3212
3212
|
let w = L.value;
|
|
3213
3213
|
do
|
|
3214
|
-
w +=
|
|
3214
|
+
w += R;
|
|
3215
3215
|
while (w >= 0 && w < a.options.length && a.options[w]?.disabled);
|
|
3216
3216
|
w >= 0 && w < a.options.length && (L.value = w);
|
|
3217
|
-
},
|
|
3217
|
+
}, q = () => a.options.findIndex((R) => !R.disabled), re = () => [...a.options].reverse().findIndex((R) => !R.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((R) => !R.disabled) : -1, P = (R) => {
|
|
3218
3218
|
const w = r.value;
|
|
3219
|
-
!w || w.contains(
|
|
3219
|
+
!w || w.contains(R.target) || (i.value = !1);
|
|
3220
3220
|
};
|
|
3221
3221
|
_e(() => {
|
|
3222
|
-
document.removeEventListener("mousedown",
|
|
3222
|
+
document.removeEventListener("mousedown", P);
|
|
3223
3223
|
});
|
|
3224
|
-
const
|
|
3225
|
-
const
|
|
3226
|
-
if (
|
|
3227
|
-
|
|
3224
|
+
const ee = () => {
|
|
3225
|
+
const R = a.options.findIndex((w) => w.key === t.value);
|
|
3226
|
+
if (R > -1) {
|
|
3227
|
+
A.value = R, L.value = R;
|
|
3228
3228
|
const w = r.value;
|
|
3229
3229
|
w && w.classList.add("filled");
|
|
3230
3230
|
}
|
|
@@ -3232,38 +3232,38 @@ const i2 = {
|
|
|
3232
3232
|
return de(() => {
|
|
3233
3233
|
if (t.value.toString().length > 0) {
|
|
3234
3234
|
if (!a.options || a.options.length === 0) return;
|
|
3235
|
-
|
|
3235
|
+
ee();
|
|
3236
3236
|
}
|
|
3237
|
-
}), (
|
|
3237
|
+
}), (R, w) => (v(), b("div", {
|
|
3238
3238
|
ref_key: "selectRef",
|
|
3239
3239
|
ref: r,
|
|
3240
|
-
class: fe(["select-box", { required: Object.keys(
|
|
3240
|
+
class: fe(["select-box", { required: Object.keys(R.$attrs).includes("required"), error: e.invalid, filled: $.value, focused: s.value }])
|
|
3241
3241
|
}, [
|
|
3242
3242
|
x("button", ke({
|
|
3243
3243
|
id: c.value,
|
|
3244
3244
|
class: "select-btn",
|
|
3245
3245
|
role: "combobox",
|
|
3246
3246
|
type: "button"
|
|
3247
|
-
},
|
|
3247
|
+
}, R.$attrs, {
|
|
3248
3248
|
"aria-haspopup": "listbox",
|
|
3249
3249
|
"aria-expanded": i.value,
|
|
3250
3250
|
"aria-controls": h,
|
|
3251
3251
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3252
3252
|
"aria-labelledby": `${u} ${C}`,
|
|
3253
|
-
"aria-required":
|
|
3254
|
-
"aria-describedby":
|
|
3253
|
+
"aria-required": Z(H),
|
|
3254
|
+
"aria-describedby": Z(st)(R.$props, R.$slots, m, y.value).value,
|
|
3255
3255
|
"aria-activedescendant": _.value,
|
|
3256
|
-
"aria-disabled":
|
|
3257
|
-
onBlur:
|
|
3258
|
-
onFocus:
|
|
3259
|
-
onClick:
|
|
3260
|
-
onKeydown:
|
|
3256
|
+
"aria-disabled": Z(l).disabled ? "true" : void 0,
|
|
3257
|
+
onBlur: S,
|
|
3258
|
+
onFocus: Q,
|
|
3259
|
+
onClick: T,
|
|
3260
|
+
onKeydown: B,
|
|
3261
3261
|
ref: "buttonRef"
|
|
3262
3262
|
}), [
|
|
3263
3263
|
x("span", {
|
|
3264
3264
|
id: u,
|
|
3265
3265
|
class: "label"
|
|
3266
|
-
},
|
|
3266
|
+
}, K(e.label), 1),
|
|
3267
3267
|
x("span", {
|
|
3268
3268
|
id: C,
|
|
3269
3269
|
class: "selected-object",
|
|
@@ -3271,30 +3271,30 @@ const i2 = {
|
|
|
3271
3271
|
"aria-atomic": "true",
|
|
3272
3272
|
innerHTML: O.value
|
|
3273
3273
|
}, null, 8, D2),
|
|
3274
|
-
|
|
3274
|
+
W(pe, {
|
|
3275
3275
|
name: "directionDown",
|
|
3276
3276
|
"aria-hidden": "true"
|
|
3277
3277
|
})
|
|
3278
3278
|
], 16, R2),
|
|
3279
|
-
|
|
3280
|
-
default:
|
|
3279
|
+
W(Ee, { name: "select" }, {
|
|
3280
|
+
default: ne(() => [
|
|
3281
3281
|
Re(x("ul", {
|
|
3282
3282
|
id: h,
|
|
3283
3283
|
role: "listbox",
|
|
3284
3284
|
class: "options"
|
|
3285
3285
|
}, [
|
|
3286
|
-
(
|
|
3287
|
-
id: `${h}-option-${
|
|
3288
|
-
key:
|
|
3286
|
+
(v(!0), b(ce, null, Ce(e.options, (D, ae) => (v(), b("li", {
|
|
3287
|
+
id: `${h}-option-${ae}`,
|
|
3288
|
+
key: ae,
|
|
3289
3289
|
role: "option",
|
|
3290
|
-
class: fe(["option", { "focus-visible": L.value ===
|
|
3291
|
-
"aria-disabled":
|
|
3292
|
-
"aria-selected":
|
|
3293
|
-
onClick: (
|
|
3290
|
+
class: fe(["option", { "focus-visible": L.value === ae }]),
|
|
3291
|
+
"aria-disabled": D.disabled,
|
|
3292
|
+
"aria-selected": A.value === ae,
|
|
3293
|
+
onClick: (d) => !D.disabled && N(D, ae)
|
|
3294
3294
|
}, [
|
|
3295
3295
|
x("div", {
|
|
3296
3296
|
class: "option-value",
|
|
3297
|
-
innerHTML:
|
|
3297
|
+
innerHTML: D.value
|
|
3298
3298
|
}, null, 8, T2)
|
|
3299
3299
|
], 10, S2))), 128))
|
|
3300
3300
|
], 512), [
|
|
@@ -3303,29 +3303,29 @@ const i2 = {
|
|
|
3303
3303
|
]),
|
|
3304
3304
|
_: 1
|
|
3305
3305
|
}),
|
|
3306
|
-
|
|
3307
|
-
default:
|
|
3308
|
-
J(
|
|
3306
|
+
W(it, { hintId: p }, {
|
|
3307
|
+
default: ne(() => [
|
|
3308
|
+
J(R.$slots, "hint", {}, void 0, !0)
|
|
3309
3309
|
]),
|
|
3310
3310
|
_: 3
|
|
3311
3311
|
}),
|
|
3312
|
-
|
|
3312
|
+
W(ut, {
|
|
3313
3313
|
baseId: c.value,
|
|
3314
|
-
isRequired:
|
|
3314
|
+
isRequired: Z(H)
|
|
3315
3315
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3316
|
-
|
|
3316
|
+
W(ct, {
|
|
3317
3317
|
errorId: m,
|
|
3318
3318
|
invalid: e.invalid,
|
|
3319
3319
|
errorMessage: e.errorMessage
|
|
3320
3320
|
}, null, 8, ["invalid", "errorMessage"])
|
|
3321
3321
|
], 2));
|
|
3322
3322
|
}
|
|
3323
|
-
}), Ml = /* @__PURE__ */
|
|
3323
|
+
}), Ml = /* @__PURE__ */ Y(_2, [["__scopeId", "data-v-bb0418d3"]]), E2 = ["aria-label"], Z2 = ["onKeydown"], z2 = {
|
|
3324
3324
|
key: 1,
|
|
3325
3325
|
class: "rs-gallery-thumbs"
|
|
3326
|
-
},
|
|
3326
|
+
}, N2 = ["aria-selected"], q2 = ["onClick"], O2 = /* @__PURE__ */ z({
|
|
3327
3327
|
__name: "GalleryCarousel",
|
|
3328
|
-
props: /* @__PURE__ */
|
|
3328
|
+
props: /* @__PURE__ */ ue({
|
|
3329
3329
|
images: {},
|
|
3330
3330
|
layout: { default: "carousel" },
|
|
3331
3331
|
showThumbnails: { type: Boolean, default: !0 },
|
|
@@ -3342,7 +3342,7 @@ const i2 = {
|
|
|
3342
3342
|
},
|
|
3343
3343
|
modelModifiers: {}
|
|
3344
3344
|
}),
|
|
3345
|
-
emits: /* @__PURE__ */
|
|
3345
|
+
emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
|
|
3346
3346
|
setup(e, { emit: n }) {
|
|
3347
3347
|
const t = be(e, "modelValue"), a = e, o = n, i = M([]), l = M("next"), s = M(null), r = `gallery-caption-${he()}`, c = M(null), u = I(() => t.value), h = I(() => a.images[u.value]), m = (k, H) => {
|
|
3348
3348
|
k && (i.value[H] = k);
|
|
@@ -3360,7 +3360,7 @@ const i2 = {
|
|
|
3360
3360
|
return;
|
|
3361
3361
|
}
|
|
3362
3362
|
p(u.value - 1);
|
|
3363
|
-
},
|
|
3363
|
+
}, A = () => {
|
|
3364
3364
|
c.value && (s.value = c.value.offsetHeight);
|
|
3365
3365
|
}, $ = () => {
|
|
3366
3366
|
s.value = null;
|
|
@@ -3375,7 +3375,7 @@ const i2 = {
|
|
|
3375
3375
|
});
|
|
3376
3376
|
}), te(() => a.images, () => {
|
|
3377
3377
|
i.value = [];
|
|
3378
|
-
}), (k, H) => (
|
|
3378
|
+
}), (k, H) => (v(), b("div", {
|
|
3379
3379
|
role: "region",
|
|
3380
3380
|
class: "rs-gallery",
|
|
3381
3381
|
"aria-roledescription": "carousel",
|
|
@@ -3394,14 +3394,14 @@ const i2 = {
|
|
|
3394
3394
|
ye(ve(C, ["prevent"]), ["right"])
|
|
3395
3395
|
]
|
|
3396
3396
|
}, [
|
|
3397
|
-
|
|
3397
|
+
W(Ee, {
|
|
3398
3398
|
name: `rs-gallery-slide-${l.value}`,
|
|
3399
3399
|
mode: "out-in",
|
|
3400
|
-
onBeforeLeave:
|
|
3400
|
+
onBeforeLeave: A,
|
|
3401
3401
|
onAfterEnter: $
|
|
3402
3402
|
}, {
|
|
3403
|
-
default:
|
|
3404
|
-
h.value ? (
|
|
3403
|
+
default: ne(() => [
|
|
3404
|
+
h.value ? (v(), oe(Te, {
|
|
3405
3405
|
key: h.value.src,
|
|
3406
3406
|
src: h.value.src,
|
|
3407
3407
|
alt: h.value.alt || "",
|
|
@@ -3415,14 +3415,14 @@ const i2 = {
|
|
|
3415
3415
|
index: u.value
|
|
3416
3416
|
}, void 0, !0)
|
|
3417
3417
|
], 44, Z2),
|
|
3418
|
-
h.value?.title ? (
|
|
3418
|
+
h.value?.title ? (v(), b("p", {
|
|
3419
3419
|
key: 0,
|
|
3420
3420
|
id: r,
|
|
3421
3421
|
class: "rs-gallery-caption"
|
|
3422
|
-
},
|
|
3423
|
-
e.showThumbnails ? (
|
|
3424
|
-
(
|
|
3425
|
-
key:
|
|
3422
|
+
}, K(h.value.title), 1)) : F("", !0),
|
|
3423
|
+
e.showThumbnails ? (v(), b("ul", z2, [
|
|
3424
|
+
(v(!0), b(ce, null, Ce(e.images, (y, _) => (v(), b("li", {
|
|
3425
|
+
key: y.src,
|
|
3426
3426
|
ref_for: !0,
|
|
3427
3427
|
ref: (O) => m(O, _),
|
|
3428
3428
|
"aria-selected": u.value === _
|
|
@@ -3432,17 +3432,17 @@ const i2 = {
|
|
|
3432
3432
|
class: fe(["rs-gallery-thumb", { active: u.value === _ }]),
|
|
3433
3433
|
onClick: (O) => p(_)
|
|
3434
3434
|
}, [
|
|
3435
|
-
|
|
3436
|
-
src:
|
|
3435
|
+
W(Te, {
|
|
3436
|
+
src: y.src,
|
|
3437
3437
|
alt: `Select image ${_ + 1}`,
|
|
3438
3438
|
transform: e.transformThumbnails
|
|
3439
3439
|
}, null, 8, ["src", "alt", "transform"])
|
|
3440
|
-
], 10,
|
|
3441
|
-
], 8,
|
|
3440
|
+
], 10, q2)
|
|
3441
|
+
], 8, N2))), 128))
|
|
3442
3442
|
])) : F("", !0)
|
|
3443
3443
|
], 8, E2));
|
|
3444
3444
|
}
|
|
3445
|
-
}), $t = /* @__PURE__ */
|
|
3445
|
+
}), $t = /* @__PURE__ */ Y(O2, [["__scopeId", "data-v-dcfacff6"]]), F2 = ["aria-label"], P2 = ["onClick"], K2 = /* @__PURE__ */ z({
|
|
3446
3446
|
__name: "GalleryGrid",
|
|
3447
3447
|
props: {
|
|
3448
3448
|
images: {},
|
|
@@ -3457,19 +3457,19 @@ const i2 = {
|
|
|
3457
3457
|
},
|
|
3458
3458
|
emits: ["change"],
|
|
3459
3459
|
setup(e) {
|
|
3460
|
-
return (n, t) => (
|
|
3460
|
+
return (n, t) => (v(), b("div", {
|
|
3461
3461
|
class: "rs-gallery-grid",
|
|
3462
3462
|
style: Ie({ "--grid-columns": e.columns, "--grid-gap": e.gap }),
|
|
3463
3463
|
role: "list",
|
|
3464
3464
|
"aria-label": e.ariaLabel || "Image grid gallery"
|
|
3465
3465
|
}, [
|
|
3466
|
-
(
|
|
3466
|
+
(v(!0), b(ce, null, Ce(e.images, (a, o) => (v(), b("button", {
|
|
3467
3467
|
key: a.src,
|
|
3468
3468
|
type: "button",
|
|
3469
3469
|
class: "grid-item",
|
|
3470
3470
|
onClick: (i) => n.$emit("change", o)
|
|
3471
3471
|
}, [
|
|
3472
|
-
|
|
3472
|
+
W(Te, {
|
|
3473
3473
|
src: a.src,
|
|
3474
3474
|
alt: a.alt || "",
|
|
3475
3475
|
transform: e.transform
|
|
@@ -3477,9 +3477,9 @@ const i2 = {
|
|
|
3477
3477
|
], 8, P2))), 128))
|
|
3478
3478
|
], 12, F2));
|
|
3479
3479
|
}
|
|
3480
|
-
}), It = /* @__PURE__ */
|
|
3481
|
-
let et = 0,
|
|
3482
|
-
const nt =
|
|
3480
|
+
}), It = /* @__PURE__ */ Y(K2, [["__scopeId", "data-v-17067a4b"]]), Ue = /* @__PURE__ */ Symbol("ModalContext");
|
|
3481
|
+
let et = 0, Ne = 0, qe = null;
|
|
3482
|
+
const nt = z({
|
|
3483
3483
|
name: "Modal",
|
|
3484
3484
|
props: {
|
|
3485
3485
|
motion: {
|
|
@@ -3511,7 +3511,7 @@ const nt = q({
|
|
|
3511
3511
|
hasTitle: a
|
|
3512
3512
|
}), () => t.default?.();
|
|
3513
3513
|
}
|
|
3514
|
-
}), Ht =
|
|
3514
|
+
}), Ht = z({
|
|
3515
3515
|
name: "ModalContent",
|
|
3516
3516
|
setup(e, { slots: n }) {
|
|
3517
3517
|
const t = me(Ue);
|
|
@@ -3539,38 +3539,38 @@ const nt = q({
|
|
|
3539
3539
|
u.removeEventListener("keydown", C), l = null;
|
|
3540
3540
|
};
|
|
3541
3541
|
}, r = () => {
|
|
3542
|
-
++
|
|
3542
|
+
++Ne === 1 && (document.body.style.overflow = "hidden");
|
|
3543
3543
|
}, c = () => {
|
|
3544
|
-
--
|
|
3544
|
+
--Ne === 0 && (document.body.style.overflow = "");
|
|
3545
3545
|
};
|
|
3546
3546
|
return Ve(() => {
|
|
3547
|
-
l?.(), document.removeEventListener("keydown", i),
|
|
3548
|
-
}), () =>
|
|
3547
|
+
l?.(), document.removeEventListener("keydown", i), Ne > 0 && Ne--, Ne === 0 && (document.body.style.overflow = "");
|
|
3548
|
+
}), () => j(
|
|
3549
3549
|
Fe,
|
|
3550
3550
|
{ to: "body" },
|
|
3551
|
-
|
|
3551
|
+
j(
|
|
3552
3552
|
Ee,
|
|
3553
3553
|
{
|
|
3554
3554
|
name: `modal-${t.motion.value}`,
|
|
3555
3555
|
appear: !0,
|
|
3556
3556
|
onEnter: () => {
|
|
3557
|
-
o = ++et,
|
|
3557
|
+
o = ++et, qe = document.activeElement, r();
|
|
3558
3558
|
},
|
|
3559
3559
|
onAfterEnter: () => {
|
|
3560
3560
|
a.value && (s(a.value), document.addEventListener("keydown", i));
|
|
3561
3561
|
},
|
|
3562
3562
|
onAfterLeave: () => {
|
|
3563
|
-
et--, document.removeEventListener("keydown", i), l?.(), c(),
|
|
3563
|
+
et--, document.removeEventListener("keydown", i), l?.(), c(), qe && document.contains(qe) && qe.focus(), qe = null;
|
|
3564
3564
|
}
|
|
3565
3565
|
},
|
|
3566
3566
|
{
|
|
3567
|
-
default: () => t.isOpen.value ?
|
|
3567
|
+
default: () => t.isOpen.value ? j(
|
|
3568
3568
|
"div",
|
|
3569
3569
|
{
|
|
3570
3570
|
class: "modal-overlay",
|
|
3571
3571
|
onClick: () => t.closeOnOverlay && t.close()
|
|
3572
3572
|
},
|
|
3573
|
-
|
|
3573
|
+
j(
|
|
3574
3574
|
"div",
|
|
3575
3575
|
{
|
|
3576
3576
|
ref: a,
|
|
@@ -3588,34 +3588,34 @@ const nt = q({
|
|
|
3588
3588
|
)
|
|
3589
3589
|
);
|
|
3590
3590
|
}
|
|
3591
|
-
}), Vt =
|
|
3591
|
+
}), Vt = z({
|
|
3592
3592
|
name: "ModalTitle",
|
|
3593
3593
|
setup(e, { slots: n }) {
|
|
3594
3594
|
const t = me(Ue);
|
|
3595
3595
|
if (!t) throw new Error("ModalTitle components must be used inside <Modal>");
|
|
3596
|
-
return t.hasTitle.value = !0, () =>
|
|
3596
|
+
return t.hasTitle.value = !0, () => j("h2", { id: t.labelId }, n.default?.());
|
|
3597
3597
|
}
|
|
3598
|
-
}), Bt =
|
|
3598
|
+
}), Bt = z({
|
|
3599
3599
|
name: "ModalHeader",
|
|
3600
3600
|
setup(e, { slots: n }) {
|
|
3601
|
-
return () =>
|
|
3601
|
+
return () => j("div", { class: "modal-header" }, n.default?.());
|
|
3602
3602
|
}
|
|
3603
|
-
}), At =
|
|
3603
|
+
}), At = z({
|
|
3604
3604
|
name: "ModalBody",
|
|
3605
3605
|
setup(e, { slots: n }) {
|
|
3606
|
-
return () =>
|
|
3606
|
+
return () => j("div", { class: "modal-body" }, n.default?.());
|
|
3607
3607
|
}
|
|
3608
|
-
}), Ll =
|
|
3608
|
+
}), Ll = z({
|
|
3609
3609
|
name: "ModalFooter",
|
|
3610
3610
|
setup(e, { slots: n }) {
|
|
3611
|
-
return () =>
|
|
3611
|
+
return () => j("div", { class: "modal-footer" }, n.default?.());
|
|
3612
3612
|
}
|
|
3613
|
-
}), Rt =
|
|
3613
|
+
}), Rt = z({
|
|
3614
3614
|
name: "ModalClose",
|
|
3615
3615
|
setup() {
|
|
3616
3616
|
const e = me(Ue);
|
|
3617
3617
|
if (!e) throw new Error("ModalClose components must be used inside <Modal>");
|
|
3618
|
-
return () =>
|
|
3618
|
+
return () => j(
|
|
3619
3619
|
"button",
|
|
3620
3620
|
{
|
|
3621
3621
|
class: "modal-close",
|
|
@@ -3623,7 +3623,7 @@ const nt = q({
|
|
|
3623
3623
|
"aria-label": "Close modal",
|
|
3624
3624
|
onClick: e.close
|
|
3625
3625
|
},
|
|
3626
|
-
|
|
3626
|
+
j(pe, { name: "close", size: 32 })
|
|
3627
3627
|
);
|
|
3628
3628
|
}
|
|
3629
3629
|
});
|
|
@@ -3632,7 +3632,7 @@ Object.assign(nt, {
|
|
|
3632
3632
|
e.component("Modal", nt), e.component("ModalBody", At), e.component("ModalTitle", Vt), e.component("ModalClose", Rt), e.component("ModalHeader", Bt), e.component("ModalContent", Ht);
|
|
3633
3633
|
}
|
|
3634
3634
|
});
|
|
3635
|
-
const U2 = /* @__PURE__ */
|
|
3635
|
+
const U2 = /* @__PURE__ */ z({
|
|
3636
3636
|
__name: "GalleryGridWithLightbox",
|
|
3637
3637
|
props: {
|
|
3638
3638
|
images: {},
|
|
@@ -3650,37 +3650,37 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3650
3650
|
const n = M(0), t = M(!1), a = (i) => {
|
|
3651
3651
|
n.value = i, t.value = !0;
|
|
3652
3652
|
}, o = () => t.value = !1;
|
|
3653
|
-
return (i, l) => (
|
|
3654
|
-
|
|
3653
|
+
return (i, l) => (v(), b(ce, null, [
|
|
3654
|
+
W(It, {
|
|
3655
3655
|
images: e.images,
|
|
3656
3656
|
onChange: a,
|
|
3657
3657
|
"aria-label": e.ariaLabel,
|
|
3658
3658
|
transform: e.transform
|
|
3659
3659
|
}, null, 8, ["images", "aria-label", "transform"]),
|
|
3660
|
-
|
|
3660
|
+
W(Z(nt), {
|
|
3661
3661
|
open: t.value,
|
|
3662
3662
|
"onUpdate:open": l[2] || (l[2] = (s) => t.value = s),
|
|
3663
3663
|
motion: "fade",
|
|
3664
3664
|
size: "xl"
|
|
3665
3665
|
}, {
|
|
3666
|
-
default:
|
|
3667
|
-
|
|
3668
|
-
default:
|
|
3669
|
-
|
|
3670
|
-
default:
|
|
3671
|
-
|
|
3672
|
-
default:
|
|
3666
|
+
default: ne(() => [
|
|
3667
|
+
W(Z(Ht), null, {
|
|
3668
|
+
default: ne(() => [
|
|
3669
|
+
W(Z(Bt), null, {
|
|
3670
|
+
default: ne(() => [
|
|
3671
|
+
W(Z(Vt), null, {
|
|
3672
|
+
default: ne(() => [...l[3] || (l[3] = [
|
|
3673
3673
|
Me("Image Gallery", -1)
|
|
3674
3674
|
])]),
|
|
3675
3675
|
_: 1
|
|
3676
3676
|
}),
|
|
3677
|
-
|
|
3677
|
+
W(Z(Rt))
|
|
3678
3678
|
]),
|
|
3679
3679
|
_: 1
|
|
3680
3680
|
}),
|
|
3681
|
-
|
|
3682
|
-
default:
|
|
3683
|
-
|
|
3681
|
+
W(Z(At), null, {
|
|
3682
|
+
default: ne(() => [
|
|
3683
|
+
W($t, {
|
|
3684
3684
|
modelValue: n.value,
|
|
3685
3685
|
"onUpdate:modelValue": l[0] || (l[0] = (s) => n.value = s),
|
|
3686
3686
|
images: e.images,
|
|
@@ -3700,7 +3700,7 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3700
3700
|
}, 8, ["open"])
|
|
3701
3701
|
], 64));
|
|
3702
3702
|
}
|
|
3703
|
-
}), j2 = { class: "rs-gallery-masonry" }, W2 = /* @__PURE__ */
|
|
3703
|
+
}), j2 = { class: "rs-gallery-masonry" }, W2 = /* @__PURE__ */ z({
|
|
3704
3704
|
__name: "GalleryMasonry",
|
|
3705
3705
|
props: {
|
|
3706
3706
|
images: {},
|
|
@@ -3714,12 +3714,12 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3714
3714
|
gap: { default: "1rem" }
|
|
3715
3715
|
},
|
|
3716
3716
|
setup(e) {
|
|
3717
|
-
return (n, t) => (
|
|
3718
|
-
(
|
|
3717
|
+
return (n, t) => (v(), b("div", j2, [
|
|
3718
|
+
(v(!0), b(ce, null, Ce(e.images, (a) => (v(), b("button", {
|
|
3719
3719
|
key: a.src,
|
|
3720
3720
|
class: "masonry-item"
|
|
3721
3721
|
}, [
|
|
3722
|
-
|
|
3722
|
+
W(Te, {
|
|
3723
3723
|
src: a.src,
|
|
3724
3724
|
alt: a.alt || "",
|
|
3725
3725
|
transform: e.transform
|
|
@@ -3727,13 +3727,13 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3727
3727
|
]))), 128))
|
|
3728
3728
|
]));
|
|
3729
3729
|
}
|
|
3730
|
-
}), Y2 = /* @__PURE__ */
|
|
3730
|
+
}), Y2 = /* @__PURE__ */ Y(W2, [["__scopeId", "data-v-afb75845"]]), X2 = {
|
|
3731
3731
|
class: "rs-image-gallery",
|
|
3732
3732
|
role: "region",
|
|
3733
3733
|
"aria-label": "Image gallery"
|
|
3734
|
-
}, G2 = /* @__PURE__ */
|
|
3734
|
+
}, G2 = /* @__PURE__ */ z({
|
|
3735
3735
|
__name: "ImageGallery",
|
|
3736
|
-
props: /* @__PURE__ */
|
|
3736
|
+
props: /* @__PURE__ */ ue({
|
|
3737
3737
|
images: {},
|
|
3738
3738
|
layout: { default: "carousel" },
|
|
3739
3739
|
showThumbnails: { type: Boolean, default: !0 },
|
|
@@ -3750,7 +3750,7 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3750
3750
|
},
|
|
3751
3751
|
modelModifiers: {}
|
|
3752
3752
|
}),
|
|
3753
|
-
emits: /* @__PURE__ */
|
|
3753
|
+
emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
|
|
3754
3754
|
setup(e, { emit: n }) {
|
|
3755
3755
|
const t = be(e, "modelValue"), a = n, o = I({
|
|
3756
3756
|
get: () => t.value ?? 0,
|
|
@@ -3758,8 +3758,8 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3758
3758
|
t.value = l, a("change", l);
|
|
3759
3759
|
}
|
|
3760
3760
|
}), i = (l) => o.value = l;
|
|
3761
|
-
return (l, s) => (
|
|
3762
|
-
e.layout === "carousel" ? (
|
|
3761
|
+
return (l, s) => (v(), b("section", X2, [
|
|
3762
|
+
e.layout === "carousel" ? (v(), oe($t, {
|
|
3763
3763
|
key: 0,
|
|
3764
3764
|
modelValue: o.value,
|
|
3765
3765
|
"onUpdate:modelValue": s[0] || (s[0] = (r) => o.value = r),
|
|
@@ -3769,7 +3769,7 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3769
3769
|
transform: e.transform,
|
|
3770
3770
|
"transform-thumbnails": e.transformThumbnails,
|
|
3771
3771
|
"show-thumbnails": e.showThumbnails
|
|
3772
|
-
}, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (
|
|
3772
|
+
}, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), oe(It, {
|
|
3773
3773
|
key: 1,
|
|
3774
3774
|
modelValue: o.value,
|
|
3775
3775
|
"onUpdate:modelValue": s[1] || (s[1] = (r) => o.value = r),
|
|
@@ -3779,14 +3779,14 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3779
3779
|
gap: e.gap,
|
|
3780
3780
|
transform: e.transform,
|
|
3781
3781
|
"aria-label": e.ariaLabel
|
|
3782
|
-
}, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (
|
|
3782
|
+
}, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (v(), oe(U2, {
|
|
3783
3783
|
key: 2,
|
|
3784
3784
|
modelValue: o.value,
|
|
3785
3785
|
"onUpdate:modelValue": s[2] || (s[2] = (r) => o.value = r),
|
|
3786
3786
|
images: e.images,
|
|
3787
3787
|
transform: e.transform,
|
|
3788
3788
|
"aria-label": e.ariaLabel
|
|
3789
|
-
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (
|
|
3789
|
+
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (v(), oe(Y2, {
|
|
3790
3790
|
key: 3,
|
|
3791
3791
|
modelValue: o.value,
|
|
3792
3792
|
"onUpdate:modelValue": s[3] || (s[3] = (r) => o.value = r),
|
|
@@ -3796,7 +3796,7 @@ const U2 = /* @__PURE__ */ q({
|
|
|
3796
3796
|
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : F("", !0)
|
|
3797
3797
|
]));
|
|
3798
3798
|
}
|
|
3799
|
-
}), gt = /* @__PURE__ */
|
|
3799
|
+
}), gt = /* @__PURE__ */ Y(G2, [["__scopeId", "data-v-d6be1b96"]]);
|
|
3800
3800
|
gt.install = (e) => e.component("ImageGallery", gt);
|
|
3801
3801
|
const J2 = ["aria-busy"], Q2 = {
|
|
3802
3802
|
key: 0,
|
|
@@ -3805,7 +3805,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3805
3805
|
}, en = {
|
|
3806
3806
|
class: "message sr-only",
|
|
3807
3807
|
"aria-atomic": "true"
|
|
3808
|
-
}, tn = /* @__PURE__ */
|
|
3808
|
+
}, tn = /* @__PURE__ */ z({
|
|
3809
3809
|
__name: "Spinner",
|
|
3810
3810
|
props: {
|
|
3811
3811
|
message: {}
|
|
@@ -3823,7 +3823,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3823
3823
|
(s, r) => {
|
|
3824
3824
|
s !== r && (o.value = s || "", l());
|
|
3825
3825
|
}
|
|
3826
|
-
), de(i), Ve(l), (s, r) => (
|
|
3826
|
+
), de(i), Ve(l), (s, r) => (v(), b("div", {
|
|
3827
3827
|
class: "spinner-container",
|
|
3828
3828
|
role: "status",
|
|
3829
3829
|
"aria-live": "polite",
|
|
@@ -3833,11 +3833,11 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3833
3833
|
class: "spinner",
|
|
3834
3834
|
"aria-hidden": "true"
|
|
3835
3835
|
}, null, -1)),
|
|
3836
|
-
e.message ? (
|
|
3837
|
-
x("span", en,
|
|
3836
|
+
e.message ? (v(), b("span", Q2, K(o.value), 1)) : F("", !0),
|
|
3837
|
+
x("span", en, K(e.message || "Loading"), 1)
|
|
3838
3838
|
], 8, J2));
|
|
3839
3839
|
}
|
|
3840
|
-
}), Dt = /* @__PURE__ */
|
|
3840
|
+
}), Dt = /* @__PURE__ */ Y(tn, [["__scopeId", "data-v-e61a1cf5"]]), an = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], nn = {
|
|
3841
3841
|
class: "checkbox-control",
|
|
3842
3842
|
"aria-hidden": "true"
|
|
3843
3843
|
}, on = {
|
|
@@ -3847,9 +3847,9 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3847
3847
|
key: 1,
|
|
3848
3848
|
class: "indeterminate",
|
|
3849
3849
|
"view-box": "0 0 16 16"
|
|
3850
|
-
}, rn = { class: "checkbox-label" }, sn = /* @__PURE__ */
|
|
3850
|
+
}, rn = { class: "checkbox-label" }, sn = /* @__PURE__ */ z({
|
|
3851
3851
|
__name: "Checkbox",
|
|
3852
|
-
props: /* @__PURE__ */
|
|
3852
|
+
props: /* @__PURE__ */ ue({
|
|
3853
3853
|
id: {},
|
|
3854
3854
|
disabled: { type: Boolean, default: void 0 },
|
|
3855
3855
|
required: { type: Boolean, default: !1 },
|
|
@@ -3859,7 +3859,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3859
3859
|
modelValue: { type: Boolean, required: !0 },
|
|
3860
3860
|
modelModifiers: {}
|
|
3861
3861
|
}),
|
|
3862
|
-
emits: /* @__PURE__ */
|
|
3862
|
+
emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
|
|
3863
3863
|
setup(e, { emit: n }) {
|
|
3864
3864
|
const t = n, a = be(e, "modelValue"), o = e, i = he(), l = I(() => o.id ?? `checkbox-${i}`), s = M(null), r = y2(o).value, c = I(() => o.required ? !0 : void 0), u = I(() => o.triState && a.value === void 0 ? "mixed" : void 0);
|
|
3865
3865
|
te(
|
|
@@ -3879,7 +3879,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3879
3879
|
a.value === !1 ? a.value = !0 : a.value === !0 ? a.value = void 0 : a.value = !1, t("change", a.value);
|
|
3880
3880
|
}
|
|
3881
3881
|
};
|
|
3882
|
-
return (m, p) => (
|
|
3882
|
+
return (m, p) => (v(), b("label", {
|
|
3883
3883
|
class: fe(["checkbox-root", { required: c.value, error: e.invalid }])
|
|
3884
3884
|
}, [
|
|
3885
3885
|
x("input", {
|
|
@@ -3890,7 +3890,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3890
3890
|
checked: a.value === !0,
|
|
3891
3891
|
disabled: e.disabled,
|
|
3892
3892
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3893
|
-
"aria-disabled":
|
|
3893
|
+
"aria-disabled": Z(r),
|
|
3894
3894
|
"aria-checked": u.value,
|
|
3895
3895
|
onClick: p[0] || (p[0] = (C) => e.triState ? h(C) : void 0),
|
|
3896
3896
|
onChange: p[1] || (p[1] = (C) => e.triState ? void 0 : h(C)),
|
|
@@ -3898,12 +3898,12 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3898
3898
|
ref: s
|
|
3899
3899
|
}, null, 40, an),
|
|
3900
3900
|
x("span", nn, [
|
|
3901
|
-
a.value === !0 ? (
|
|
3901
|
+
a.value === !0 ? (v(), b("svg", on, [...p[2] || (p[2] = [
|
|
3902
3902
|
x("path", {
|
|
3903
3903
|
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",
|
|
3904
3904
|
fill: "currentColor"
|
|
3905
3905
|
}, null, -1)
|
|
3906
|
-
])])) : a.value === void 0 ? (
|
|
3906
|
+
])])) : a.value === void 0 ? (v(), b("svg", ln, [...p[3] || (p[3] = [
|
|
3907
3907
|
x("path", {
|
|
3908
3908
|
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",
|
|
3909
3909
|
fill: "currentColor"
|
|
@@ -3915,9 +3915,9 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3915
3915
|
])
|
|
3916
3916
|
], 2));
|
|
3917
3917
|
}
|
|
3918
|
-
}), xl = /* @__PURE__ */
|
|
3918
|
+
}), xl = /* @__PURE__ */ Y(sn, [["__scopeId", "data-v-3a0c4f73"]]), un = ["for"], cn = ["id", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], dn = /* @__PURE__ */ z({
|
|
3919
3919
|
__name: "Textarea",
|
|
3920
|
-
props: /* @__PURE__ */
|
|
3920
|
+
props: /* @__PURE__ */ ue({
|
|
3921
3921
|
id: {},
|
|
3922
3922
|
label: {},
|
|
3923
3923
|
type: {},
|
|
@@ -3929,55 +3929,55 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3929
3929
|
},
|
|
3930
3930
|
modelModifiers: {}
|
|
3931
3931
|
}),
|
|
3932
|
-
emits: /* @__PURE__ */
|
|
3932
|
+
emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
|
|
3933
3933
|
setup(e, { emit: n }) {
|
|
3934
3934
|
const t = be(e, "modelValue"), a = lt(), o = rt(), i = n, l = e, s = M(null), r = M(null), c = he(), u = `${c}-error`, h = `${c}-hint`, m = Ke(a).value, p = I(() => m ? `${h} ${c}-required-hint` : h), C = st(l, o, u, p.value).value, L = ($) => {
|
|
3935
3935
|
at(s.value, r.value);
|
|
3936
3936
|
const k = $.target;
|
|
3937
3937
|
t.value = l.type === "number" ? Number(k.value) : k.value;
|
|
3938
|
-
},
|
|
3938
|
+
}, A = I(() => l.invalid === !0 && l.errorMessage ? u : void 0);
|
|
3939
3939
|
return de(() => {
|
|
3940
3940
|
at(s.value, r.value);
|
|
3941
|
-
}), ($, k) => (
|
|
3942
|
-
class: fe(["textarea-box", { required:
|
|
3941
|
+
}), ($, k) => (v(), b("div", {
|
|
3942
|
+
class: fe(["textarea-box", { required: Z(m), error: e.invalid }]),
|
|
3943
3943
|
ref_key: "inputBoxRef",
|
|
3944
3944
|
ref: r
|
|
3945
3945
|
}, [
|
|
3946
3946
|
x("label", {
|
|
3947
3947
|
for: e.id,
|
|
3948
3948
|
class: "label"
|
|
3949
|
-
},
|
|
3949
|
+
}, K(e.label), 9, un),
|
|
3950
3950
|
x("textarea", ke({ id: e.id }, $.$attrs, {
|
|
3951
3951
|
class: "custom-textarea",
|
|
3952
|
-
onFocus: k[0] || (k[0] = (H) =>
|
|
3953
|
-
onBlur: k[1] || (k[1] = (H) =>
|
|
3952
|
+
onFocus: k[0] || (k[0] = (H) => Z(b2)(H, r.value, i)),
|
|
3953
|
+
onBlur: k[1] || (k[1] = (H) => Z(k2)(H, s.value, r.value, i)),
|
|
3954
3954
|
onInput: L,
|
|
3955
3955
|
value: t.value,
|
|
3956
|
-
required:
|
|
3956
|
+
required: Z(m),
|
|
3957
3957
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3958
|
-
"aria-errormessage":
|
|
3959
|
-
"aria-describedby":
|
|
3958
|
+
"aria-errormessage": A.value,
|
|
3959
|
+
"aria-describedby": Z(C),
|
|
3960
3960
|
ref_key: "textareaRef",
|
|
3961
3961
|
ref: s
|
|
3962
3962
|
}), " ", 16, cn),
|
|
3963
|
-
|
|
3964
|
-
default:
|
|
3963
|
+
W(it, { hintId: h }, {
|
|
3964
|
+
default: ne(() => [
|
|
3965
3965
|
J($.$slots, "hint", {}, void 0, !0)
|
|
3966
3966
|
]),
|
|
3967
3967
|
_: 3
|
|
3968
3968
|
}),
|
|
3969
|
-
|
|
3970
|
-
baseId:
|
|
3971
|
-
isRequired:
|
|
3969
|
+
W(ut, {
|
|
3970
|
+
baseId: Z(c),
|
|
3971
|
+
isRequired: Z(m)
|
|
3972
3972
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3973
|
-
|
|
3973
|
+
W(ct, {
|
|
3974
3974
|
errorId: u,
|
|
3975
3975
|
invalid: e.invalid,
|
|
3976
3976
|
errorMessage: e.errorMessage
|
|
3977
3977
|
}, null, 8, ["invalid", "errorMessage"])
|
|
3978
3978
|
], 2));
|
|
3979
3979
|
}
|
|
3980
|
-
}), $l = /* @__PURE__ */
|
|
3980
|
+
}), $l = /* @__PURE__ */ Y(dn, [["__scopeId", "data-v-3615613f"]]), vn = { key: 0 }, fn = { key: 1 }, mn = /* @__PURE__ */ z({
|
|
3981
3981
|
__name: "Highlight",
|
|
3982
3982
|
props: {
|
|
3983
3983
|
text: {},
|
|
@@ -3990,11 +3990,11 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
3990
3990
|
let s = 0;
|
|
3991
3991
|
return t.replace(i, (r, c) => (c > s && l.push({ text: t.slice(s, c), match: !1 }), l.push({ text: r, match: !0 }), s = c + r.length, r)), s < t.length && l.push({ text: t.slice(s), match: !1 }), l;
|
|
3992
3992
|
};
|
|
3993
|
-
return (t, a) => (
|
|
3994
|
-
o.match ? (
|
|
3993
|
+
return (t, a) => (v(!0), b(ce, null, Ce(n(e.text, e.query), (o, i) => (v(), b(ce, { key: i }, [
|
|
3994
|
+
o.match ? (v(), b("mark", vn, K(o.text), 1)) : (v(), b("span", fn, K(o.text), 1))
|
|
3995
3995
|
], 64))), 128));
|
|
3996
3996
|
}
|
|
3997
|
-
}), pn = /* @__PURE__ */
|
|
3997
|
+
}), pn = /* @__PURE__ */ Y(mn, [["__scopeId", "data-v-edfa70b3"]]), Cn = [
|
|
3998
3998
|
{
|
|
3999
3999
|
key: "length",
|
|
4000
4000
|
label: "At least 8 characters",
|
|
@@ -4020,7 +4020,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
4020
4020
|
label: "The passwords must match.",
|
|
4021
4021
|
validator: (e, n) => e === n && e.length > 0
|
|
4022
4022
|
}
|
|
4023
|
-
], hn = { class: "password-validation" }, gn = { class: "password-rules" }, yn = ["data-rule"], bn = { class: "strength-meter" }, kn = { class: "strength-top" }, wn = /* @__PURE__ */
|
|
4023
|
+
], hn = { class: "password-validation" }, gn = { class: "password-rules" }, yn = ["data-rule"], bn = { class: "strength-meter" }, kn = { class: "strength-top" }, wn = /* @__PURE__ */ z({
|
|
4024
4024
|
__name: "PasswordValidator",
|
|
4025
4025
|
props: {
|
|
4026
4026
|
id: {},
|
|
@@ -4050,13 +4050,13 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
4050
4050
|
const p = u(), C = Object.values(h()).every(Boolean);
|
|
4051
4051
|
return p && C;
|
|
4052
4052
|
}, u = () => {
|
|
4053
|
-
const p = h(), C = Object.values(p).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0,
|
|
4054
|
-
return i.value && (i.value.style.width = `${
|
|
4053
|
+
const p = h(), C = Object.values(p).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, A = Math.min(100, (C + L) * 20), $ = Math.min(t.labels.length - 1, Math.floor(A / 25));
|
|
4054
|
+
return i.value && (i.value.style.width = `${A}%`), l.value && (l.value.textContent = t.labels[$] ?? "Very weak"), C === t.rules.length;
|
|
4055
4055
|
}, h = () => {
|
|
4056
4056
|
const p = m();
|
|
4057
4057
|
return o.value.forEach((C) => {
|
|
4058
|
-
const L = C.dataset.rule,
|
|
4059
|
-
C.classList.toggle("passed",
|
|
4058
|
+
const L = C.dataset.rule, A = !!p[L];
|
|
4059
|
+
C.classList.toggle("passed", A);
|
|
4060
4060
|
}), p;
|
|
4061
4061
|
}, m = () => {
|
|
4062
4062
|
const p = {};
|
|
@@ -4067,17 +4067,17 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
4067
4067
|
);
|
|
4068
4068
|
}), p;
|
|
4069
4069
|
};
|
|
4070
|
-
return (p, C) => (
|
|
4070
|
+
return (p, C) => (v(), b("section", hn, [
|
|
4071
4071
|
x("ul", gn, [
|
|
4072
|
-
(
|
|
4072
|
+
(v(!0), b(ce, null, Ce(t.rules, (L, A) => (v(), b("li", {
|
|
4073
4073
|
key: L.key,
|
|
4074
4074
|
class: "password-rule",
|
|
4075
4075
|
"data-rule": L.key,
|
|
4076
4076
|
ref_for: !0,
|
|
4077
|
-
ref: ($) => s($,
|
|
4077
|
+
ref: ($) => s($, A)
|
|
4078
4078
|
}, [
|
|
4079
4079
|
C[0] || (C[0] = x("span", { class: "rule-icon" }, "•", -1)),
|
|
4080
|
-
Me(" " +
|
|
4080
|
+
Me(" " + K(L.label), 1)
|
|
4081
4081
|
], 8, yn))), 128))
|
|
4082
4082
|
]),
|
|
4083
4083
|
x("div", bn, [
|
|
@@ -4101,7 +4101,7 @@ const J2 = ["aria-busy"], Q2 = {
|
|
|
4101
4101
|
])
|
|
4102
4102
|
]));
|
|
4103
4103
|
}
|
|
4104
|
-
}), yt = /* @__PURE__ */
|
|
4104
|
+
}), yt = /* @__PURE__ */ Y(wn, [["__scopeId", "data-v-e7569cc0"]]);
|
|
4105
4105
|
yt.install = (e) => {
|
|
4106
4106
|
e.component("PasswordValidator", yt);
|
|
4107
4107
|
};
|
|
@@ -4112,52 +4112,52 @@ const Mn = {
|
|
|
4112
4112
|
key: 0,
|
|
4113
4113
|
class: "ui-breadcrumb__separator",
|
|
4114
4114
|
"aria-hidden": "true"
|
|
4115
|
-
}, $n = /* @__PURE__ */
|
|
4115
|
+
}, $n = /* @__PURE__ */ z({
|
|
4116
4116
|
__name: "Breadcrumb",
|
|
4117
4117
|
props: {
|
|
4118
4118
|
items: {},
|
|
4119
4119
|
separator: { default: "/" }
|
|
4120
4120
|
},
|
|
4121
4121
|
setup(e) {
|
|
4122
|
-
const n = e, t = me(
|
|
4122
|
+
const n = e, t = me(qt), a = (s) => s === n.items.length - 1, o = (s, r) => i(s, r), i = (s, r) => a(r) || s.disabled ? "span" : s.to && t ? Tt("RouterLink") : s.href ? "a" : "span", l = (s, r) => a(r) || s.disabled ? { "data-disabled": s.disabled || void 0 } : s.to ? { to: s.to } : s.href ? {
|
|
4123
4123
|
href: s.href,
|
|
4124
4124
|
target: s.external ? "_blank" : void 0,
|
|
4125
4125
|
rel: s.external ? "noopener noreferrer" : void 0,
|
|
4126
4126
|
"aria-label": s.external ? `${s.label} (opens in a new tab)` : void 0
|
|
4127
4127
|
} : {};
|
|
4128
|
-
return (s, r) => (
|
|
4128
|
+
return (s, r) => (v(), b("nav", Mn, [
|
|
4129
4129
|
x("ol", Ln, [
|
|
4130
|
-
(
|
|
4130
|
+
(v(!0), b(ce, null, Ce(e.items, (c, u) => (v(), b("li", {
|
|
4131
4131
|
key: c.to ?? c.href ?? `${c.label}-${u}`,
|
|
4132
4132
|
class: "ui-breadcrumb__item"
|
|
4133
4133
|
}, [
|
|
4134
|
-
(
|
|
4134
|
+
(v(), oe(Ze(o(c, u)), ke({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, l(c, u), {
|
|
4135
4135
|
"aria-posinset": u + 1,
|
|
4136
4136
|
"aria-setsize": e.items.length,
|
|
4137
4137
|
"aria-current": a(u) ? "page" : void 0,
|
|
4138
4138
|
tabindex: a(u) || o(c, u) === "span" ? -1 : void 0
|
|
4139
4139
|
}), {
|
|
4140
|
-
default:
|
|
4141
|
-
Me(
|
|
4140
|
+
default: ne(() => [
|
|
4141
|
+
Me(K(c.label), 1)
|
|
4142
4142
|
]),
|
|
4143
4143
|
_: 2
|
|
4144
4144
|
}, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
|
|
4145
|
-
a(u) ? F("", !0) : (
|
|
4145
|
+
a(u) ? F("", !0) : (v(), b("span", xn, [
|
|
4146
4146
|
J(s.$slots, "separator", {}, () => [
|
|
4147
|
-
Me(
|
|
4147
|
+
Me(K(e.separator), 1)
|
|
4148
4148
|
], !0)
|
|
4149
4149
|
]))
|
|
4150
4150
|
]))), 128))
|
|
4151
4151
|
])
|
|
4152
4152
|
]));
|
|
4153
4153
|
}
|
|
4154
|
-
}), Il = /* @__PURE__ */
|
|
4154
|
+
}), Il = /* @__PURE__ */ Y($n, [["__scopeId", "data-v-baed1592"]]), In = ["aria-invalid", "aria-required", "disabled"], Hn = { class: "sr-only" }, Vn = ["name", "value", "disabled", "required"], Bn = {
|
|
4155
4155
|
key: 0,
|
|
4156
4156
|
class: "radio-control",
|
|
4157
4157
|
"aria-hidden": "true"
|
|
4158
|
-
}, An = { class: "radio-label" }, Rn = /* @__PURE__ */
|
|
4158
|
+
}, An = { class: "radio-label" }, Rn = /* @__PURE__ */ z({
|
|
4159
4159
|
__name: "RadioButton",
|
|
4160
|
-
props: /* @__PURE__ */
|
|
4160
|
+
props: /* @__PURE__ */ ue({
|
|
4161
4161
|
name: {},
|
|
4162
4162
|
options: {},
|
|
4163
4163
|
disabled: { type: Boolean },
|
|
@@ -4174,14 +4174,14 @@ const Mn = {
|
|
|
4174
4174
|
emits: ["update:modelValue"],
|
|
4175
4175
|
setup(e) {
|
|
4176
4176
|
const n = e, t = be(e, "modelValue"), a = I(() => n.invalid ? "true" : void 0), o = I(() => n.required && !n.disabled ? "true" : void 0), i = I(() => n.disabled ? !0 : void 0);
|
|
4177
|
-
return (l, s) => (
|
|
4177
|
+
return (l, s) => (v(), b("fieldset", {
|
|
4178
4178
|
class: fe(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
|
|
4179
4179
|
"aria-invalid": a.value,
|
|
4180
4180
|
"aria-required": o.value,
|
|
4181
4181
|
disabled: i.value
|
|
4182
4182
|
}, [
|
|
4183
|
-
x("legend", Hn,
|
|
4184
|
-
(
|
|
4183
|
+
x("legend", Hn, K(e.name), 1),
|
|
4184
|
+
(v(!0), b(ce, null, Ce(e.options, (r) => (v(), b("label", {
|
|
4185
4185
|
key: r.key,
|
|
4186
4186
|
class: fe(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
|
|
4187
4187
|
}, [
|
|
@@ -4196,19 +4196,19 @@ const Mn = {
|
|
|
4196
4196
|
}, null, 8, Vn), [
|
|
4197
4197
|
[_t, t.value]
|
|
4198
4198
|
]),
|
|
4199
|
-
e.mode === "standard" ? (
|
|
4199
|
+
e.mode === "standard" ? (v(), b("span", Bn)) : F("", !0),
|
|
4200
4200
|
x("span", An, [
|
|
4201
|
-
r.icon ? (
|
|
4201
|
+
r.icon ? (v(), oe(pe, {
|
|
4202
4202
|
key: 0,
|
|
4203
4203
|
name: r.icon,
|
|
4204
4204
|
size: 22
|
|
4205
4205
|
}, null, 8, ["name"])) : F("", !0),
|
|
4206
|
-
Me(" " +
|
|
4206
|
+
Me(" " + K(r.label), 1)
|
|
4207
4207
|
])
|
|
4208
4208
|
], 2))), 128))
|
|
4209
4209
|
], 10, In));
|
|
4210
4210
|
}
|
|
4211
|
-
}), Hl = /* @__PURE__ */
|
|
4211
|
+
}), Hl = /* @__PURE__ */ Y(Rn, [["__scopeId", "data-v-4a7c1870"]]), Dn = ["for"], Sn = ["id", "type", "aria-expanded", "aria-activedescendant", "aria-required", "aria-invalid", "disabled", "aria-disabled"], Tn = ["id", "aria-disabled", "aria-selected", "onClick"], _n = {
|
|
4212
4212
|
class: "option-value",
|
|
4213
4213
|
"aria-hidden": "true"
|
|
4214
4214
|
}, En = { class: "option-value sr-only" }, Zn = {
|
|
@@ -4220,13 +4220,13 @@ const Mn = {
|
|
|
4220
4220
|
class: "option recents",
|
|
4221
4221
|
"aria-disabled": "true",
|
|
4222
4222
|
"aria-hidden": "true"
|
|
4223
|
-
},
|
|
4223
|
+
}, Nn = ["onClick"], qn = { class: "option-value" }, On = {
|
|
4224
4224
|
key: 0,
|
|
4225
4225
|
class: "start-icon",
|
|
4226
4226
|
"aria-hidden": "true"
|
|
4227
|
-
}, Fn = /* @__PURE__ */
|
|
4227
|
+
}, Fn = /* @__PURE__ */ z({
|
|
4228
4228
|
__name: "Autocomplete",
|
|
4229
|
-
props: /* @__PURE__ */
|
|
4229
|
+
props: /* @__PURE__ */ ue({
|
|
4230
4230
|
id: {},
|
|
4231
4231
|
type: { default: "text" },
|
|
4232
4232
|
options: {},
|
|
@@ -4248,13 +4248,13 @@ const Mn = {
|
|
|
4248
4248
|
},
|
|
4249
4249
|
modelModifiers: {}
|
|
4250
4250
|
}),
|
|
4251
|
-
emits: /* @__PURE__ */
|
|
4251
|
+
emits: /* @__PURE__ */ ue(["change", "select", "focus", "blur"], ["update:modelValue"]),
|
|
4252
4252
|
setup(e, { emit: n }) {
|
|
4253
|
-
const t = e, a = n, o = be(e, "modelValue"), i = M(null), l = M(""), s = M(!1), r = M([]), c = M(null), u = M(null), h = I(() => t.id ? `${t.id}-search-history` : "search-history"), p = `${he()}-list`, C = M(!1), L = I(() => o.value !== null && o.value !== void 0 && o.value !== ""),
|
|
4253
|
+
const t = e, a = n, o = be(e, "modelValue"), i = M(null), l = M(""), s = M(!1), r = M([]), c = M(null), u = M(null), h = I(() => t.id ? `${t.id}-search-history` : "search-history"), p = `${he()}-list`, C = M(!1), L = I(() => o.value !== null && o.value !== void 0 && o.value !== ""), A = I(() => c.value !== null ? `${p}-option-${c.value}` : void 0), $ = I(() => s.value && A.value ? A.value : void 0), k = I(() => r.value.length > 0), H = I(() => {
|
|
4254
4254
|
if (!t.filterable) return t.options;
|
|
4255
4255
|
const w = l.value.toLowerCase();
|
|
4256
|
-
return t.options.filter((
|
|
4257
|
-
}),
|
|
4256
|
+
return t.options.filter((D) => t.getValue(D).toLowerCase().includes(w));
|
|
4257
|
+
}), y = Ke(t).value;
|
|
4258
4258
|
te(
|
|
4259
4259
|
() => h.value,
|
|
4260
4260
|
(w) => {
|
|
@@ -4271,11 +4271,11 @@ const Mn = {
|
|
|
4271
4271
|
c.value = null;
|
|
4272
4272
|
return;
|
|
4273
4273
|
}
|
|
4274
|
-
H.value.length !== 0 && (await $e(),
|
|
4274
|
+
H.value.length !== 0 && (await $e(), P());
|
|
4275
4275
|
}), te(
|
|
4276
4276
|
() => t.loading,
|
|
4277
4277
|
async (w) => {
|
|
4278
|
-
w || s.value && H.value.length !== 0 && (await $e(),
|
|
4278
|
+
w || s.value && H.value.length !== 0 && (await $e(), P());
|
|
4279
4279
|
}
|
|
4280
4280
|
), te(
|
|
4281
4281
|
() => t.options,
|
|
@@ -4286,82 +4286,82 @@ const Mn = {
|
|
|
4286
4286
|
const _ = (w) => {
|
|
4287
4287
|
l.value.length >= t.minChars && !t.filterable && !t.loading && (s.value = !0), C.value = !0, a("focus", w);
|
|
4288
4288
|
}, O = (w) => {
|
|
4289
|
-
const
|
|
4290
|
-
i.value?.contains(
|
|
4291
|
-
},
|
|
4292
|
-
const
|
|
4293
|
-
if (!
|
|
4294
|
-
s.value = !1,
|
|
4295
|
-
const
|
|
4296
|
-
|
|
4297
|
-
},
|
|
4289
|
+
const D = w.relatedTarget;
|
|
4290
|
+
i.value?.contains(D) || (s.value = !1, o.value ? B() : l.value = "", C.value = !1, a("blur", w));
|
|
4291
|
+
}, Q = (w, D) => {
|
|
4292
|
+
const ae = i.value;
|
|
4293
|
+
if (!ae || t.isDisabled(w)) return;
|
|
4294
|
+
s.value = !1, q(l.value), u.value = D, c.value = D;
|
|
4295
|
+
const d = t.getKey(w);
|
|
4296
|
+
d && d.toString().length > 0 ? ae.classList.add("filled") : ae.classList.remove("filled"), l.value = t.getValue(w), o.value = d, a("select", d);
|
|
4297
|
+
}, S = (w) => {
|
|
4298
4298
|
if (!s.value && ["ArrowDown", "ArrowUp"].includes(w.key)) {
|
|
4299
|
-
s.value = !0, c.value = c.value ?? H.value.findIndex((
|
|
4299
|
+
s.value = !0, c.value = c.value ?? H.value.findIndex((D) => !t.isDisabled(D)), w.preventDefault();
|
|
4300
4300
|
return;
|
|
4301
4301
|
}
|
|
4302
4302
|
if (s.value) {
|
|
4303
|
-
if (w.key === "ArrowDown" && (
|
|
4304
|
-
const
|
|
4305
|
-
|
|
4303
|
+
if (w.key === "ArrowDown" && (T(1), w.preventDefault()), w.key === "ArrowUp" && (T(-1), w.preventDefault()), w.key === "Home") {
|
|
4304
|
+
const D = ee();
|
|
4305
|
+
D >= 0 && (c.value = D), w.preventDefault();
|
|
4306
4306
|
}
|
|
4307
4307
|
if (w.key === "End") {
|
|
4308
|
-
const
|
|
4309
|
-
|
|
4308
|
+
const D = R();
|
|
4309
|
+
D >= 0 && (c.value = D), w.preventDefault();
|
|
4310
4310
|
}
|
|
4311
4311
|
if (w.key === "Enter") {
|
|
4312
4312
|
if (c.value === null) return;
|
|
4313
|
-
const
|
|
4314
|
-
if (!
|
|
4315
|
-
|
|
4313
|
+
const D = H.value[c.value];
|
|
4314
|
+
if (!D || t.isDisabled(D)) return;
|
|
4315
|
+
Q(D, c.value), s.value = !1, w.preventDefault();
|
|
4316
4316
|
}
|
|
4317
4317
|
w.key === "Escape" && (s.value = !1);
|
|
4318
4318
|
}
|
|
4319
|
-
},
|
|
4319
|
+
}, T = (w) => {
|
|
4320
4320
|
if (c.value === null) return;
|
|
4321
|
-
let
|
|
4321
|
+
let D = c.value;
|
|
4322
4322
|
do
|
|
4323
|
-
|
|
4324
|
-
while (
|
|
4325
|
-
|
|
4323
|
+
D += w;
|
|
4324
|
+
while (D >= 0 && D < H.value.length && t.isDisabled(H.value[D]));
|
|
4325
|
+
D >= 0 && D < H.value.length && (c.value = D);
|
|
4326
4326
|
}, N = () => {
|
|
4327
4327
|
l.value.length === 0 && (o.value = ""), l.value.length >= t.minChars ? (a("change", l.value), s.value = !0) : s.value = !1;
|
|
4328
|
-
},
|
|
4328
|
+
}, B = () => {
|
|
4329
4329
|
if (o.value.toString().length === 0 || !t.options || t.options.length === 0) return;
|
|
4330
|
-
const w = t.options.findIndex((
|
|
4330
|
+
const w = t.options.findIndex((D) => t.getKey(D) === o.value);
|
|
4331
4331
|
w > -1 && (c.value = w, u.value = w, l.value = t.getValue(t.options[w]));
|
|
4332
4332
|
};
|
|
4333
4333
|
te(
|
|
4334
4334
|
[() => t.options.length, () => o.value],
|
|
4335
|
-
async ([w,
|
|
4336
|
-
|
|
4335
|
+
async ([w, D]) => {
|
|
4336
|
+
D && w !== 0 && (await $e(), B());
|
|
4337
4337
|
},
|
|
4338
4338
|
{ flush: "post", immediate: !0 }
|
|
4339
4339
|
);
|
|
4340
4340
|
const E = () => {
|
|
4341
4341
|
l.value = "", o.value = "";
|
|
4342
|
-
},
|
|
4342
|
+
}, q = (w) => {
|
|
4343
4343
|
!w || w.trim().length === 0 || (r.value = [
|
|
4344
4344
|
w,
|
|
4345
|
-
...r.value.filter((
|
|
4345
|
+
...r.value.filter((D) => D !== w)
|
|
4346
4346
|
].slice(0, t.suggestionsLimit), localStorage.setItem(h.value, JSON.stringify(r.value)));
|
|
4347
|
-
},
|
|
4347
|
+
}, re = (w) => {
|
|
4348
4348
|
l.value = w, N();
|
|
4349
|
-
},
|
|
4350
|
-
const w =
|
|
4349
|
+
}, P = () => {
|
|
4350
|
+
const w = ee();
|
|
4351
4351
|
w >= 0 && (c.value = w);
|
|
4352
|
-
},
|
|
4352
|
+
}, ee = () => H.value.findIndex((w) => !t.isDisabled(w)), R = () => {
|
|
4353
4353
|
for (let w = H.value.length - 1; w >= 0; w--) if (!t.isDisabled(H.value[w])) return w;
|
|
4354
4354
|
return -1;
|
|
4355
4355
|
};
|
|
4356
|
-
return de(() =>
|
|
4357
|
-
class: fe(["autocomplete", { required:
|
|
4356
|
+
return de(() => B()), (w, D) => (v(), b("div", {
|
|
4357
|
+
class: fe(["autocomplete", { required: Z(y), error: e.invalid, "has-icon": Object.keys(w.$slots).includes("icon"), filled: L.value, focused: C.value }]),
|
|
4358
4358
|
ref_key: "autocompleteRef",
|
|
4359
4359
|
ref: i
|
|
4360
4360
|
}, [
|
|
4361
4361
|
x("label", {
|
|
4362
4362
|
for: e.id,
|
|
4363
4363
|
class: "label"
|
|
4364
|
-
},
|
|
4364
|
+
}, K(e.label), 9, Dn),
|
|
4365
4365
|
Re(x("input", ke({
|
|
4366
4366
|
id: e.id,
|
|
4367
4367
|
type: e.type
|
|
@@ -4371,99 +4371,99 @@ const Mn = {
|
|
|
4371
4371
|
"aria-expanded": s.value,
|
|
4372
4372
|
"aria-controls": p,
|
|
4373
4373
|
"aria-activedescendant": $.value,
|
|
4374
|
-
"aria-required":
|
|
4374
|
+
"aria-required": Z(y),
|
|
4375
4375
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4376
4376
|
disabled: e.disabled ? !0 : void 0,
|
|
4377
4377
|
"aria-disabled": e.disabled ? !0 : void 0,
|
|
4378
|
-
"onUpdate:modelValue":
|
|
4378
|
+
"onUpdate:modelValue": D[0] || (D[0] = (ae) => l.value = ae),
|
|
4379
4379
|
onFocus: _,
|
|
4380
4380
|
onBlur: O,
|
|
4381
4381
|
onInput: N,
|
|
4382
|
-
onKeydown:
|
|
4382
|
+
onKeydown: S
|
|
4383
4383
|
}), null, 16, Sn), [
|
|
4384
4384
|
[Et, l.value]
|
|
4385
4385
|
]),
|
|
4386
|
-
|
|
4387
|
-
default:
|
|
4386
|
+
W(Ee, { name: "select" }, {
|
|
4387
|
+
default: ne(() => [
|
|
4388
4388
|
Re(x("ul", {
|
|
4389
4389
|
id: p,
|
|
4390
4390
|
role: "listbox",
|
|
4391
4391
|
class: "options"
|
|
4392
4392
|
}, [
|
|
4393
|
-
H.value.length > 0 ? (
|
|
4394
|
-
id: `${p}-option-${
|
|
4395
|
-
key: e.getKey(
|
|
4393
|
+
H.value.length > 0 ? (v(!0), b(ce, { key: 0 }, Ce(H.value, (ae, d) => (v(), b("li", {
|
|
4394
|
+
id: `${p}-option-${d}`,
|
|
4395
|
+
key: e.getKey(ae),
|
|
4396
4396
|
role: "option",
|
|
4397
|
-
class: fe(["option", { "focus-visible": c.value ===
|
|
4398
|
-
"aria-disabled": t.isDisabled(
|
|
4399
|
-
"aria-selected":
|
|
4400
|
-
onMousedown:
|
|
4397
|
+
class: fe(["option", { "focus-visible": c.value === d }]),
|
|
4398
|
+
"aria-disabled": t.isDisabled(ae) || void 0,
|
|
4399
|
+
"aria-selected": d === u.value,
|
|
4400
|
+
onMousedown: D[1] || (D[1] = ve(() => {
|
|
4401
4401
|
}, ["prevent"])),
|
|
4402
|
-
onClick: (
|
|
4402
|
+
onClick: (f) => !t.isDisabled(ae) && Q(ae, d)
|
|
4403
4403
|
}, [
|
|
4404
|
-
t.isDisabled(
|
|
4404
|
+
t.isDisabled(ae) ? F("", !0) : (v(), oe(pe, {
|
|
4405
4405
|
key: 0,
|
|
4406
4406
|
name: "search",
|
|
4407
4407
|
size: 22
|
|
4408
4408
|
})),
|
|
4409
4409
|
J(w.$slots, "option", {
|
|
4410
|
-
option:
|
|
4411
|
-
value: e.getValue(
|
|
4410
|
+
option: ae,
|
|
4411
|
+
value: e.getValue(ae),
|
|
4412
4412
|
query: l.value,
|
|
4413
|
-
selected:
|
|
4414
|
-
active:
|
|
4413
|
+
selected: d === u.value,
|
|
4414
|
+
active: d === c.value
|
|
4415
4415
|
}, () => [
|
|
4416
4416
|
x("div", _n, [
|
|
4417
|
-
|
|
4418
|
-
text: e.getValue(
|
|
4417
|
+
W(pn, {
|
|
4418
|
+
text: e.getValue(ae),
|
|
4419
4419
|
query: l.value
|
|
4420
4420
|
}, null, 8, ["text", "query"])
|
|
4421
4421
|
])
|
|
4422
4422
|
], !0),
|
|
4423
|
-
x("div", En,
|
|
4424
|
-
], 42, Tn))), 128)) : H.value.length === 0 && !e.loading ? (
|
|
4423
|
+
x("div", En, K(e.getValue(ae)), 1)
|
|
4424
|
+
], 42, Tn))), 128)) : H.value.length === 0 && !e.loading ? (v(), b("li", Zn, [...D[3] || (D[3] = [
|
|
4425
4425
|
x("div", { class: "option-value" }, "No results found", -1)
|
|
4426
|
-
])])) : (
|
|
4426
|
+
])])) : (v(), oe(Dt, {
|
|
4427
4427
|
key: 2,
|
|
4428
4428
|
"aria-live": "polite",
|
|
4429
4429
|
role: "status",
|
|
4430
4430
|
message: "Loading"
|
|
4431
4431
|
})),
|
|
4432
|
-
k.value ? (
|
|
4432
|
+
k.value ? (v(), b("li", zn, [...D[4] || (D[4] = [
|
|
4433
4433
|
x("div", { class: "option-value" }, " Recents ", -1)
|
|
4434
4434
|
])])) : F("", !0),
|
|
4435
|
-
(
|
|
4436
|
-
key:
|
|
4435
|
+
(v(!0), b(ce, null, Ce(r.value, (ae) => (v(), b("li", {
|
|
4436
|
+
key: ae,
|
|
4437
4437
|
role: "presentation",
|
|
4438
4438
|
"aria-hidden": "true",
|
|
4439
4439
|
class: "option recent-item",
|
|
4440
|
-
onClick: (
|
|
4440
|
+
onClick: (d) => re(ae)
|
|
4441
4441
|
}, [
|
|
4442
|
-
|
|
4443
|
-
x("div",
|
|
4444
|
-
], 8,
|
|
4442
|
+
W(pe, { name: "clock" }),
|
|
4443
|
+
x("div", qn, K(ae), 1)
|
|
4444
|
+
], 8, Nn))), 128))
|
|
4445
4445
|
], 512), [
|
|
4446
4446
|
[ot, s.value]
|
|
4447
4447
|
])
|
|
4448
4448
|
]),
|
|
4449
4449
|
_: 3
|
|
4450
4450
|
}),
|
|
4451
|
-
w.$slots.icon ? (
|
|
4451
|
+
w.$slots.icon ? (v(), b("span", On, [
|
|
4452
4452
|
J(w.$slots, "icon", {}, void 0, !0)
|
|
4453
4453
|
])) : F("", !0),
|
|
4454
|
-
l.value.length > 0 && !e.disabled ? (
|
|
4454
|
+
l.value.length > 0 && !e.disabled ? (v(), oe(Le, {
|
|
4455
4455
|
key: 1,
|
|
4456
4456
|
type: "button",
|
|
4457
4457
|
class: "btn btn-icon",
|
|
4458
4458
|
"aria-label": "Clear search query",
|
|
4459
4459
|
title: "Clear search query",
|
|
4460
4460
|
"\\": "",
|
|
4461
|
-
onMousedown:
|
|
4461
|
+
onMousedown: D[2] || (D[2] = ve(() => {
|
|
4462
4462
|
}, ["prevent"])),
|
|
4463
4463
|
onClick: E
|
|
4464
4464
|
}, {
|
|
4465
|
-
default:
|
|
4466
|
-
|
|
4465
|
+
default: ne(() => [
|
|
4466
|
+
W(pe, {
|
|
4467
4467
|
class: "clear-search",
|
|
4468
4468
|
"aria-hidden": "true",
|
|
4469
4469
|
name: "close",
|
|
@@ -4474,7 +4474,7 @@ const Mn = {
|
|
|
4474
4474
|
})) : F("", !0)
|
|
4475
4475
|
], 2));
|
|
4476
4476
|
}
|
|
4477
|
-
}), Vl = /* @__PURE__ */
|
|
4477
|
+
}), Vl = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-75e8a9a2"]]), Pn = 5, we = Mt({
|
|
4478
4478
|
toasts: []
|
|
4479
4479
|
});
|
|
4480
4480
|
let Kn = 0;
|
|
@@ -4504,7 +4504,7 @@ const Se = (e, n = "info") => {
|
|
|
4504
4504
|
), jn = ["data-variant", "data-state", "role", "aria-describedby"], Wn = { class: "content" }, Yn = {
|
|
4505
4505
|
key: 0,
|
|
4506
4506
|
class: "progress"
|
|
4507
|
-
}, Xn = 160, Gn = /* @__PURE__ */
|
|
4507
|
+
}, Xn = 160, Gn = /* @__PURE__ */ z({
|
|
4508
4508
|
__name: "ToastRoot",
|
|
4509
4509
|
props: {
|
|
4510
4510
|
id: {},
|
|
@@ -4538,7 +4538,7 @@ const Se = (e, n = "info") => {
|
|
|
4538
4538
|
const c = () => {
|
|
4539
4539
|
cancelAnimationFrame(l), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), Xn);
|
|
4540
4540
|
};
|
|
4541
|
-
return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (u, h) => (
|
|
4541
|
+
return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (u, h) => (v(), b("div", {
|
|
4542
4542
|
ref_key: "rootRef",
|
|
4543
4543
|
ref: t,
|
|
4544
4544
|
tabindex: "-1",
|
|
@@ -4552,14 +4552,14 @@ const Se = (e, n = "info") => {
|
|
|
4552
4552
|
}, [
|
|
4553
4553
|
x("div", Wn, [
|
|
4554
4554
|
J(u.$slots, "default", {}, void 0, !0),
|
|
4555
|
-
|
|
4555
|
+
W(Le, {
|
|
4556
4556
|
type: "button",
|
|
4557
4557
|
onClick: c,
|
|
4558
4558
|
"aria-label": `Close ${e.variant} notification`,
|
|
4559
4559
|
class: "btn-sm"
|
|
4560
4560
|
}, {
|
|
4561
|
-
default:
|
|
4562
|
-
|
|
4561
|
+
default: ne(() => [
|
|
4562
|
+
W(pe, {
|
|
4563
4563
|
name: "close",
|
|
4564
4564
|
size: 32
|
|
4565
4565
|
})
|
|
@@ -4567,7 +4567,7 @@ const Se = (e, n = "info") => {
|
|
|
4567
4567
|
_: 1
|
|
4568
4568
|
}, 8, ["aria-label"])
|
|
4569
4569
|
]),
|
|
4570
|
-
e.duration !== 1 / 0 ? (
|
|
4570
|
+
e.duration !== 1 / 0 ? (v(), b("div", Yn, [
|
|
4571
4571
|
x("div", {
|
|
4572
4572
|
class: "bar",
|
|
4573
4573
|
style: Ie({ width: o.value + "%" })
|
|
@@ -4575,31 +4575,31 @@ const Se = (e, n = "info") => {
|
|
|
4575
4575
|
])) : F("", !0)
|
|
4576
4576
|
], 8, jn));
|
|
4577
4577
|
}
|
|
4578
|
-
}), Jn = /* @__PURE__ */
|
|
4578
|
+
}), Jn = /* @__PURE__ */ Y(Gn, [["__scopeId", "data-v-f9e75b9d"]]), Qn = { class: "toast-viewport" }, eo = { class: "toast-message" }, to = { key: 0 }, ao = ["id"], no = /* @__PURE__ */ z({
|
|
4579
4579
|
__name: "ToastViewport",
|
|
4580
4580
|
setup(e) {
|
|
4581
|
-
return (n, t) => (
|
|
4581
|
+
return (n, t) => (v(), oe(Fe, { to: "body" }, [
|
|
4582
4582
|
x("div", Qn, [
|
|
4583
|
-
|
|
4584
|
-
default:
|
|
4585
|
-
(
|
|
4583
|
+
W(Zt, { name: "toast-stack" }, {
|
|
4584
|
+
default: ne(() => [
|
|
4585
|
+
(v(!0), b(ce, null, Ce(Z(we).toasts, (a) => (v(), oe(Jn, {
|
|
4586
4586
|
key: a.id,
|
|
4587
4587
|
id: a.id,
|
|
4588
4588
|
duration: a.duration,
|
|
4589
4589
|
variant: a.variant,
|
|
4590
4590
|
loading: a.loading
|
|
4591
4591
|
}, {
|
|
4592
|
-
default:
|
|
4592
|
+
default: ne(() => [
|
|
4593
4593
|
x("div", eo, [
|
|
4594
|
-
a.title ? (
|
|
4595
|
-
a.loading ? (
|
|
4594
|
+
a.title ? (v(), b("strong", to, K(a.title), 1)) : F("", !0),
|
|
4595
|
+
a.loading ? (v(), oe(Dt, {
|
|
4596
4596
|
key: 1,
|
|
4597
4597
|
message: a.description,
|
|
4598
4598
|
"aria-hidden": "true"
|
|
4599
|
-
}, null, 8, ["message"])) : (
|
|
4599
|
+
}, null, 8, ["message"])) : (v(), b("p", {
|
|
4600
4600
|
key: 2,
|
|
4601
4601
|
id: `toast-desc-${a.id}`
|
|
4602
|
-
},
|
|
4602
|
+
}, K(a.description), 9, ao))
|
|
4603
4603
|
])
|
|
4604
4604
|
]),
|
|
4605
4605
|
_: 2
|
|
@@ -4610,7 +4610,7 @@ const Se = (e, n = "info") => {
|
|
|
4610
4610
|
])
|
|
4611
4611
|
]));
|
|
4612
4612
|
}
|
|
4613
|
-
}), bt = /* @__PURE__ */
|
|
4613
|
+
}), bt = /* @__PURE__ */ Y(no, [["__scopeId", "data-v-afe47f2a"]]);
|
|
4614
4614
|
let kt = !1;
|
|
4615
4615
|
const Al = {
|
|
4616
4616
|
install(e, n = {}) {
|
|
@@ -4621,7 +4621,7 @@ const Al = {
|
|
|
4621
4621
|
a.setAttribute("data-toast-host", ""), document.body.appendChild(a), zt(bt).mount(a);
|
|
4622
4622
|
}
|
|
4623
4623
|
}
|
|
4624
|
-
}, oo = /* @__PURE__ */
|
|
4624
|
+
}, oo = /* @__PURE__ */ z({
|
|
4625
4625
|
__name: "Card",
|
|
4626
4626
|
props: {
|
|
4627
4627
|
as: { default: "div" },
|
|
@@ -4632,7 +4632,7 @@ const Al = {
|
|
|
4632
4632
|
const t = e, a = n, o = M(), i = M();
|
|
4633
4633
|
He("card:labelId", o), He("card:descriptionId", i);
|
|
4634
4634
|
const l = I(() => t.clickable && t.as !== "button" && t.as !== "a"), s = () => t.clickable && a("click");
|
|
4635
|
-
return (r, c) => (
|
|
4635
|
+
return (r, c) => (v(), oe(Ze(e.as), {
|
|
4636
4636
|
class: fe(["rs-card", { clickable: e.clickable }]),
|
|
4637
4637
|
tabindex: l.value ? 0 : void 0,
|
|
4638
4638
|
role: l.value ? "button" : void 0,
|
|
@@ -4644,54 +4644,54 @@ const Al = {
|
|
|
4644
4644
|
"aria-labelledby": o.value,
|
|
4645
4645
|
"aria-describedby": i.value
|
|
4646
4646
|
}, {
|
|
4647
|
-
default:
|
|
4647
|
+
default: ne(() => [
|
|
4648
4648
|
J(r.$slots, "default", {}, void 0, !0)
|
|
4649
4649
|
]),
|
|
4650
4650
|
_: 3
|
|
4651
4651
|
}, 40, ["class", "tabindex", "role", "aria-labelledby", "aria-describedby"]));
|
|
4652
4652
|
}
|
|
4653
|
-
}), Rl = /* @__PURE__ */
|
|
4653
|
+
}), Rl = /* @__PURE__ */ Y(oo, [["__scopeId", "data-v-e892a9f2"]]), lo = /* @__PURE__ */ z({
|
|
4654
4654
|
__name: "CardHeader",
|
|
4655
4655
|
props: {
|
|
4656
4656
|
as: { default: "div" }
|
|
4657
4657
|
},
|
|
4658
4658
|
setup(e) {
|
|
4659
4659
|
const n = me("card:labelId", void 0), t = `rs-card-label-${he()}`;
|
|
4660
|
-
return de(() => n && (n.value = t)), (a, o) => (
|
|
4660
|
+
return de(() => n && (n.value = t)), (a, o) => (v(), oe(Ze(e.as), {
|
|
4661
4661
|
id: t,
|
|
4662
4662
|
class: "rs-card-header"
|
|
4663
4663
|
}, {
|
|
4664
|
-
default:
|
|
4664
|
+
default: ne(() => [
|
|
4665
4665
|
J(a.$slots, "default", {}, void 0, !0)
|
|
4666
4666
|
]),
|
|
4667
4667
|
_: 3
|
|
4668
4668
|
}));
|
|
4669
4669
|
}
|
|
4670
|
-
}), Dl = /* @__PURE__ */
|
|
4670
|
+
}), Dl = /* @__PURE__ */ Y(lo, [["__scopeId", "data-v-570794b4"]]), ro = /* @__PURE__ */ z({
|
|
4671
4671
|
__name: "CardBody",
|
|
4672
4672
|
setup(e) {
|
|
4673
4673
|
const n = me("card:descriptionId", void 0), t = `rs-card-desc-${he()}`;
|
|
4674
|
-
return de(() => n && (n.value = t)), (a, o) => (
|
|
4674
|
+
return de(() => n && (n.value = t)), (a, o) => (v(), b("div", {
|
|
4675
4675
|
id: t,
|
|
4676
4676
|
class: "rs-card-body"
|
|
4677
4677
|
}, [
|
|
4678
4678
|
J(a.$slots, "default", {}, void 0, !0)
|
|
4679
4679
|
]));
|
|
4680
4680
|
}
|
|
4681
|
-
}), Sl = /* @__PURE__ */
|
|
4681
|
+
}), Sl = /* @__PURE__ */ Y(ro, [["__scopeId", "data-v-f0380fda"]]), so = /* @__PURE__ */ z({
|
|
4682
4682
|
__name: "CardFooter",
|
|
4683
4683
|
props: {
|
|
4684
4684
|
as: { default: "div" }
|
|
4685
4685
|
},
|
|
4686
4686
|
setup(e) {
|
|
4687
|
-
return (n, t) => (
|
|
4688
|
-
default:
|
|
4687
|
+
return (n, t) => (v(), oe(Ze(e.as), { class: "rs-card-footer" }, {
|
|
4688
|
+
default: ne(() => [
|
|
4689
4689
|
J(n.$slots, "default", {}, void 0, !0)
|
|
4690
4690
|
]),
|
|
4691
4691
|
_: 3
|
|
4692
4692
|
}));
|
|
4693
4693
|
}
|
|
4694
|
-
}), Tl = /* @__PURE__ */
|
|
4694
|
+
}), Tl = /* @__PURE__ */ Y(so, [["__scopeId", "data-v-9b223473"]]), io = ["data-status", "data-orientation", "data-active", "data-completed", "aria-labelledby", "tabindex", "aria-current", "aria-posinset", "aria-setsize", "aria-describedby"], uo = {
|
|
4695
4695
|
key: 2,
|
|
4696
4696
|
class: "icon",
|
|
4697
4697
|
"aria-hidden": "true",
|
|
@@ -4707,7 +4707,7 @@ const Al = {
|
|
|
4707
4707
|
}, fo = ["id"], mo = { class: "addons" }, po = ["id"], Co = {
|
|
4708
4708
|
key: 0,
|
|
4709
4709
|
class: "slot-default"
|
|
4710
|
-
}, ho = /* @__PURE__ */
|
|
4710
|
+
}, ho = /* @__PURE__ */ z({
|
|
4711
4711
|
__name: "Step",
|
|
4712
4712
|
props: {
|
|
4713
4713
|
title: {},
|
|
@@ -4744,7 +4744,7 @@ const Al = {
|
|
|
4744
4744
|
default:
|
|
4745
4745
|
return "default";
|
|
4746
4746
|
}
|
|
4747
|
-
}), L = I(() => n.size ?? t.size ?? "sm"),
|
|
4747
|
+
}), L = I(() => n.size ?? t.size ?? "sm"), A = I(() => {
|
|
4748
4748
|
switch (u.value) {
|
|
4749
4749
|
case "completed":
|
|
4750
4750
|
return t.tagTitles.completed;
|
|
@@ -4758,7 +4758,7 @@ const Al = {
|
|
|
4758
4758
|
});
|
|
4759
4759
|
te(
|
|
4760
4760
|
() => u.value,
|
|
4761
|
-
(
|
|
4761
|
+
(y) => t.registerStepStatus(c, y),
|
|
4762
4762
|
{ immediate: !0 }
|
|
4763
4763
|
);
|
|
4764
4764
|
const $ = () => {
|
|
@@ -4767,11 +4767,11 @@ const Al = {
|
|
|
4767
4767
|
}));
|
|
4768
4768
|
}, k = () => {
|
|
4769
4769
|
if (!o.value || !i.value) return;
|
|
4770
|
-
const
|
|
4770
|
+
const y = i.value.getBoundingClientRect(), _ = t.stepsRef.value.getBoundingClientRect(), O = t.orientation === "vertical" ? y.top + y.height / 2 - _.top : y.left + y.width / 2 - _.left;
|
|
4771
4771
|
t.registerIndicatorCenter(c, O);
|
|
4772
|
-
}, H = (
|
|
4772
|
+
}, H = (y) => {
|
|
4773
4773
|
const _ = t.orientation === "horizontal", O = t.orientation === "vertical";
|
|
4774
|
-
switch (
|
|
4774
|
+
switch (y.key) {
|
|
4775
4775
|
case "ArrowRight":
|
|
4776
4776
|
_ && t.focusNext();
|
|
4777
4777
|
break;
|
|
@@ -4793,7 +4793,7 @@ const Al = {
|
|
|
4793
4793
|
default:
|
|
4794
4794
|
return;
|
|
4795
4795
|
}
|
|
4796
|
-
|
|
4796
|
+
y.preventDefault();
|
|
4797
4797
|
};
|
|
4798
4798
|
return de(() => {
|
|
4799
4799
|
!o.value || !i.value || (requestAnimationFrame(() => {
|
|
@@ -4803,7 +4803,7 @@ const Al = {
|
|
|
4803
4803
|
}), r.observe(o.value), r.observe(i.value), t.stepsRef.value && r.observe(t.stepsRef.value), t.registerStep(o.value));
|
|
4804
4804
|
}), Ve(() => {
|
|
4805
4805
|
r?.disconnect(), t.unregisterStep(o.value), s != null && cancelAnimationFrame(s);
|
|
4806
|
-
}), (
|
|
4806
|
+
}), (y, _) => (v(), b("li", {
|
|
4807
4807
|
ref_key: "stepRef",
|
|
4808
4808
|
ref: o,
|
|
4809
4809
|
class: fe(["step", `step__${L.value}`]),
|
|
@@ -4812,12 +4812,12 @@ const Al = {
|
|
|
4812
4812
|
"data-orientation": l.value,
|
|
4813
4813
|
"data-active": u.value === "active",
|
|
4814
4814
|
"data-completed": u.value === "completed",
|
|
4815
|
-
"aria-labelledby": `step-title-${
|
|
4815
|
+
"aria-labelledby": `step-title-${Z(c)}`,
|
|
4816
4816
|
tabindex: u.value === "active" ? 0 : -1,
|
|
4817
4817
|
"aria-current": u.value === "active" ? "step" : void 0,
|
|
4818
|
-
"aria-posinset":
|
|
4819
|
-
"aria-setsize":
|
|
4820
|
-
"aria-describedby": `step-status-${
|
|
4818
|
+
"aria-posinset": Z(c) + 1,
|
|
4819
|
+
"aria-setsize": Z(t).stepsCount.value,
|
|
4820
|
+
"aria-describedby": `step-status-${Z(c)}`,
|
|
4821
4821
|
onKeydown: H
|
|
4822
4822
|
}, [
|
|
4823
4823
|
x("span", {
|
|
@@ -4826,51 +4826,51 @@ const Al = {
|
|
|
4826
4826
|
class: "indicator",
|
|
4827
4827
|
"aria-hidden": "true"
|
|
4828
4828
|
}, [
|
|
4829
|
-
|
|
4829
|
+
y.$slots.icon ? J(y.$slots, "icon", {
|
|
4830
4830
|
key: 0,
|
|
4831
4831
|
status: u.value
|
|
4832
|
-
}, void 0, !0) : m.value ? (
|
|
4832
|
+
}, void 0, !0) : m.value ? (v(), oe(pe, {
|
|
4833
4833
|
key: 1,
|
|
4834
4834
|
name: m.value,
|
|
4835
4835
|
class: "icon"
|
|
4836
4836
|
}, null, 8, ["name"])) : F("", !0),
|
|
4837
|
-
u.value === "completed" ? (
|
|
4837
|
+
u.value === "completed" ? (v(), b("svg", uo, [..._[0] || (_[0] = [
|
|
4838
4838
|
x("path", {
|
|
4839
4839
|
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",
|
|
4840
4840
|
fill: "currentColor"
|
|
4841
4841
|
}, null, -1)
|
|
4842
|
-
])])) : u.value === "error" ? (
|
|
4842
|
+
])])) : u.value === "error" ? (v(), b("svg", co, [..._[1] || (_[1] = [
|
|
4843
4843
|
x("path", {
|
|
4844
4844
|
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",
|
|
4845
4845
|
fill: "currentColor"
|
|
4846
4846
|
}, null, -1)
|
|
4847
|
-
])])) : u.value === "active" ? (
|
|
4847
|
+
])])) : u.value === "active" ? (v(), b("span", vo)) : F("", !0)
|
|
4848
4848
|
], 512),
|
|
4849
4849
|
x("span", {
|
|
4850
|
-
id: `step-status-${
|
|
4850
|
+
id: `step-status-${Z(c)}`,
|
|
4851
4851
|
class: "sr-only"
|
|
4852
|
-
},
|
|
4852
|
+
}, K(p.value), 9, fo),
|
|
4853
4853
|
x("div", mo, [
|
|
4854
4854
|
x("span", {
|
|
4855
|
-
id: `step-title-${
|
|
4855
|
+
id: `step-title-${Z(c)}`,
|
|
4856
4856
|
class: "title"
|
|
4857
|
-
},
|
|
4858
|
-
|
|
4857
|
+
}, K(e.title), 9, po),
|
|
4858
|
+
W(v2, {
|
|
4859
4859
|
variant: C.value,
|
|
4860
4860
|
size: "sm"
|
|
4861
4861
|
}, {
|
|
4862
|
-
default:
|
|
4863
|
-
Me(
|
|
4862
|
+
default: ne(() => [
|
|
4863
|
+
Me(K(A.value), 1)
|
|
4864
4864
|
]),
|
|
4865
4865
|
_: 1
|
|
4866
4866
|
}, 8, ["variant"]),
|
|
4867
|
-
|
|
4868
|
-
J(
|
|
4867
|
+
y.$slots.default ? (v(), b("span", Co, [
|
|
4868
|
+
J(y.$slots, "default", {}, void 0, !0)
|
|
4869
4869
|
])) : F("", !0)
|
|
4870
4870
|
])
|
|
4871
4871
|
], 42, io));
|
|
4872
4872
|
}
|
|
4873
|
-
}), _l = /* @__PURE__ */
|
|
4873
|
+
}), _l = /* @__PURE__ */ Y(ho, [["__scopeId", "data-v-22b83230"]]), go = /* @__PURE__ */ z({
|
|
4874
4874
|
__name: "StepsItem",
|
|
4875
4875
|
props: {
|
|
4876
4876
|
index: {}
|
|
@@ -4882,9 +4882,9 @@ const Al = {
|
|
|
4882
4882
|
"aria-live": "polite",
|
|
4883
4883
|
"aria-atomic": "true",
|
|
4884
4884
|
class: "sr-only"
|
|
4885
|
-
}, wo = /* @__PURE__ */
|
|
4885
|
+
}, wo = /* @__PURE__ */ z({
|
|
4886
4886
|
__name: "Steps",
|
|
4887
|
-
props: /* @__PURE__ */
|
|
4887
|
+
props: /* @__PURE__ */ ue({
|
|
4888
4888
|
orientation: { default: "horizontal" },
|
|
4889
4889
|
icons: {},
|
|
4890
4890
|
size: { default: "sm" },
|
|
@@ -4903,13 +4903,13 @@ const Al = {
|
|
|
4903
4903
|
}),
|
|
4904
4904
|
emits: ["update:modelValue"],
|
|
4905
4905
|
setup(e) {
|
|
4906
|
-
const n = e, t = M(0), a = rt(), o = be(e, "modelValue"), i = M([]), l = M(null), s = I(() => o.value ?? 0), r = `steps-description-${he()}`, c =
|
|
4906
|
+
const n = e, t = M(0), a = rt(), o = be(e, "modelValue"), i = M([]), l = M(null), s = I(() => o.value ?? 0), r = `steps-description-${he()}`, c = Nt({}), u = Mt({});
|
|
4907
4907
|
let h = null;
|
|
4908
|
-
const m = I(() => (a.default?.() ?? [])[s.value]?.props?.title ?? ""), p = I(() => Object.entries(u).filter(([,
|
|
4908
|
+
const m = I(() => (a.default?.() ?? [])[s.value]?.props?.title ?? ""), p = I(() => Object.entries(u).filter(([, T]) => T !== "completed").length === 0), C = I(
|
|
4909
4909
|
() => Object.values(u).includes("error")
|
|
4910
4910
|
), L = I(() => {
|
|
4911
|
-
const
|
|
4912
|
-
if (N.value[0] == null || N.value[
|
|
4911
|
+
const T = s.value, N = c;
|
|
4912
|
+
if (N.value[0] == null || N.value[T] == null)
|
|
4913
4913
|
return n.orientation === "vertical" ? {
|
|
4914
4914
|
height: "100%",
|
|
4915
4915
|
top: "0px"
|
|
@@ -4917,71 +4917,71 @@ const Al = {
|
|
|
4917
4917
|
width: "100%",
|
|
4918
4918
|
left: "0px"
|
|
4919
4919
|
};
|
|
4920
|
-
const
|
|
4920
|
+
const B = N.value[0], E = N.value[T];
|
|
4921
4921
|
return n.orientation === "vertical" ? {
|
|
4922
|
-
top: `${
|
|
4923
|
-
height: `${E -
|
|
4922
|
+
top: `${B}px`,
|
|
4923
|
+
height: `${E - B}px`
|
|
4924
4924
|
} : {
|
|
4925
|
-
left: `${
|
|
4926
|
-
width: `${E -
|
|
4925
|
+
left: `${B}px`,
|
|
4926
|
+
width: `${E - B}px`
|
|
4927
4927
|
};
|
|
4928
|
-
}),
|
|
4929
|
-
const
|
|
4930
|
-
if (
|
|
4931
|
-
const N =
|
|
4928
|
+
}), A = I(() => {
|
|
4929
|
+
const T = Object.values(c.value).sort((E, q) => E - q);
|
|
4930
|
+
if (T.length < 2) return {};
|
|
4931
|
+
const N = T[0], B = T[T.length - 1];
|
|
4932
4932
|
return n.orientation === "vertical" ? {
|
|
4933
4933
|
top: `${N}px`,
|
|
4934
|
-
height: `${
|
|
4934
|
+
height: `${B - N}px`
|
|
4935
4935
|
} : {
|
|
4936
4936
|
left: `${N}px`,
|
|
4937
|
-
right: `calc(100% - ${
|
|
4937
|
+
right: `calc(100% - ${B}px)`
|
|
4938
4938
|
};
|
|
4939
|
-
}), $ = (
|
|
4940
|
-
function k(
|
|
4941
|
-
i.value.push(
|
|
4939
|
+
}), $ = (T, N) => c.value = { ...c.value, [T]: N };
|
|
4940
|
+
function k(T) {
|
|
4941
|
+
i.value.push(T), t.value = i.value.length;
|
|
4942
4942
|
}
|
|
4943
|
-
function H(
|
|
4944
|
-
i.value = i.value.filter((N) => N !==
|
|
4943
|
+
function H(T) {
|
|
4944
|
+
i.value = i.value.filter((N) => N !== T), t.value = i.value.length;
|
|
4945
4945
|
}
|
|
4946
|
-
function
|
|
4947
|
-
|
|
4946
|
+
function y(T) {
|
|
4947
|
+
T < 0 || T >= i.value.length || (o.value = T, i.value[T]?.focus());
|
|
4948
4948
|
}
|
|
4949
4949
|
function _() {
|
|
4950
|
-
|
|
4950
|
+
y(o.value + 1);
|
|
4951
4951
|
}
|
|
4952
4952
|
function O() {
|
|
4953
|
-
|
|
4953
|
+
y(o.value - 1);
|
|
4954
4954
|
}
|
|
4955
|
-
function
|
|
4956
|
-
|
|
4955
|
+
function Q() {
|
|
4956
|
+
y(0);
|
|
4957
4957
|
}
|
|
4958
|
-
function
|
|
4959
|
-
|
|
4958
|
+
function S() {
|
|
4959
|
+
y(t.value - 1);
|
|
4960
4960
|
}
|
|
4961
4961
|
return de(() => {
|
|
4962
4962
|
l.value && (h = new ResizeObserver(() => {
|
|
4963
4963
|
}), h.observe(l.value));
|
|
4964
4964
|
}), Ve(() => h?.disconnect()), He("StepsContext", {
|
|
4965
4965
|
current: I(() => o.value),
|
|
4966
|
-
update: (
|
|
4966
|
+
update: (T) => o.value = T,
|
|
4967
4967
|
stepsCount: t,
|
|
4968
4968
|
icons: n.icons,
|
|
4969
4969
|
size: n.size,
|
|
4970
4970
|
orientation: n.orientation,
|
|
4971
4971
|
stepStatusMap: u,
|
|
4972
4972
|
stepsRef: l,
|
|
4973
|
-
registerStepStatus: (
|
|
4974
|
-
u[
|
|
4973
|
+
registerStepStatus: (T, N) => {
|
|
4974
|
+
u[T] = N;
|
|
4975
4975
|
},
|
|
4976
4976
|
registerIndicatorCenter: $,
|
|
4977
4977
|
registerStep: k,
|
|
4978
4978
|
unregisterStep: H,
|
|
4979
4979
|
focusNext: _,
|
|
4980
4980
|
focusPrev: O,
|
|
4981
|
-
focusFirst:
|
|
4982
|
-
focusLast:
|
|
4981
|
+
focusFirst: Q,
|
|
4982
|
+
focusLast: S,
|
|
4983
4983
|
tagTitles: n.tagTitles
|
|
4984
|
-
}), (
|
|
4984
|
+
}), (T, N) => (v(), b(ce, null, [
|
|
4985
4985
|
x("ol", {
|
|
4986
4986
|
ref_key: "stepsRef",
|
|
4987
4987
|
ref: l,
|
|
@@ -4998,7 +4998,7 @@ const Al = {
|
|
|
4998
4998
|
x("div", {
|
|
4999
4999
|
class: "track",
|
|
5000
5000
|
"aria-hidden": "true",
|
|
5001
|
-
style: Ie(
|
|
5001
|
+
style: Ie(A.value)
|
|
5002
5002
|
}, [
|
|
5003
5003
|
x("div", {
|
|
5004
5004
|
class: "track-progress",
|
|
@@ -5007,26 +5007,26 @@ const Al = {
|
|
|
5007
5007
|
style: Ie(L.value)
|
|
5008
5008
|
}, null, 12, bo)
|
|
5009
5009
|
], 4),
|
|
5010
|
-
(
|
|
5010
|
+
(v(!0), b(ce, null, Ce(T.$slots.default?.(), (B, E) => (v(), oe(go, {
|
|
5011
5011
|
key: E,
|
|
5012
5012
|
index: E
|
|
5013
5013
|
}, {
|
|
5014
|
-
default:
|
|
5015
|
-
(
|
|
5014
|
+
default: ne(() => [
|
|
5015
|
+
(v(), oe(Ze(B)))
|
|
5016
5016
|
]),
|
|
5017
5017
|
_: 2
|
|
5018
5018
|
}, 1032, ["index"]))), 128))
|
|
5019
5019
|
], 8, yo),
|
|
5020
|
-
x("div", ko, " Step " +
|
|
5020
|
+
x("div", ko, " Step " + K(s.value + 1) + " of " + K(t.value) + ": " + K(m.value), 1)
|
|
5021
5021
|
], 64));
|
|
5022
5022
|
}
|
|
5023
|
-
}), El = /* @__PURE__ */
|
|
5023
|
+
}), El = /* @__PURE__ */ Y(wo, [["__scopeId", "data-v-2fa0f578"]]), Mo = ["data-align"], Lo = /* @__PURE__ */ z({
|
|
5024
5024
|
__name: "Timeline",
|
|
5025
5025
|
props: {
|
|
5026
5026
|
align: { default: "left" }
|
|
5027
5027
|
},
|
|
5028
5028
|
setup(e) {
|
|
5029
|
-
return He("TimelineContext", e), (t, a) => (
|
|
5029
|
+
return He("TimelineContext", e), (t, a) => (v(), b("ol", {
|
|
5030
5030
|
role: "list",
|
|
5031
5031
|
class: "ui-timeline",
|
|
5032
5032
|
"data-align": e.align
|
|
@@ -5034,7 +5034,7 @@ const Al = {
|
|
|
5034
5034
|
J(t.$slots, "default", {}, void 0, !0)
|
|
5035
5035
|
], 8, Mo));
|
|
5036
5036
|
}
|
|
5037
|
-
}), Zl = /* @__PURE__ */
|
|
5037
|
+
}), Zl = /* @__PURE__ */ Y(Lo, [["__scopeId", "data-v-d56deb2b"]]), xo = ["data-align", "aria-labelledby", "aria-describedby"], $o = { class: "ui-timeline-content" }, Io = ["datetime"], Ho = { class: "ui-timeline-date--month" }, Vo = { class: "ui-timeline-date--day" }, Bo = { class: "ui-timeline-date--year" }, Ao = ["data-direction"], Ro = { class: "info" }, Do = ["id"], So = { class: "addons" }, To = /* @__PURE__ */ z({
|
|
5038
5038
|
__name: "TimelineItem",
|
|
5039
5039
|
props: {
|
|
5040
5040
|
date: {},
|
|
@@ -5051,26 +5051,26 @@ const Al = {
|
|
|
5051
5051
|
const u = new Date(c).getDay();
|
|
5052
5052
|
return u < 10 ? `0${u}` : u;
|
|
5053
5053
|
}, s = (c) => new Date(c).toLocaleString("default", { month: "short" }), r = (c) => new Date(c).getFullYear();
|
|
5054
|
-
return (c, u) => (
|
|
5054
|
+
return (c, u) => (v(), b("li", {
|
|
5055
5055
|
tabindex: "0",
|
|
5056
5056
|
class: fe([i.value, "ui-timeline-item"]),
|
|
5057
|
-
"data-align":
|
|
5058
|
-
"aria-labelledby": e.title ?
|
|
5059
|
-
"aria-describedby": e.description ?
|
|
5057
|
+
"data-align": Z(t).align,
|
|
5058
|
+
"aria-labelledby": e.title ? Z(a) : void 0,
|
|
5059
|
+
"aria-describedby": e.description ? Z(o) : void 0
|
|
5060
5060
|
}, [
|
|
5061
5061
|
u[0] || (u[0] = x("div", {
|
|
5062
5062
|
class: "ui-timeline-marker",
|
|
5063
5063
|
"aria-hidden": "true"
|
|
5064
5064
|
}, null, -1)),
|
|
5065
5065
|
x("div", $o, [
|
|
5066
|
-
e.date ? (
|
|
5066
|
+
e.date ? (v(), b("time", {
|
|
5067
5067
|
key: 0,
|
|
5068
5068
|
class: "ui-timeline-date",
|
|
5069
5069
|
datetime: e.date
|
|
5070
5070
|
}, [
|
|
5071
|
-
x("span", Ho,
|
|
5072
|
-
x("span", Vo,
|
|
5073
|
-
x("span", Bo,
|
|
5071
|
+
x("span", Ho, K(s(e.date)), 1),
|
|
5072
|
+
x("span", Vo, K(l(e.date)), 1),
|
|
5073
|
+
x("span", Bo, K(r(e.date)), 1)
|
|
5074
5074
|
], 8, Io)) : F("", !0),
|
|
5075
5075
|
x("div", {
|
|
5076
5076
|
class: "ui-timeline-body",
|
|
@@ -5078,22 +5078,22 @@ const Al = {
|
|
|
5078
5078
|
}, [
|
|
5079
5079
|
x("div", Ro, [
|
|
5080
5080
|
J(c.$slots, "title", {}, () => [
|
|
5081
|
-
(
|
|
5082
|
-
id:
|
|
5081
|
+
(v(), oe(Ze(e.titleAs ?? "h3"), {
|
|
5082
|
+
id: Z(a),
|
|
5083
5083
|
class: "ui-timeline-title"
|
|
5084
5084
|
}, {
|
|
5085
|
-
default:
|
|
5086
|
-
Me(
|
|
5085
|
+
default: ne(() => [
|
|
5086
|
+
Me(K(e.title), 1)
|
|
5087
5087
|
]),
|
|
5088
5088
|
_: 1
|
|
5089
5089
|
}, 8, ["id"]))
|
|
5090
5090
|
], !0),
|
|
5091
5091
|
J(c.$slots, "description", {}, () => [
|
|
5092
|
-
e.description ? (
|
|
5092
|
+
e.description ? (v(), b("p", {
|
|
5093
5093
|
key: 0,
|
|
5094
|
-
id:
|
|
5094
|
+
id: Z(o),
|
|
5095
5095
|
class: "ui-timeline-description"
|
|
5096
|
-
},
|
|
5096
|
+
}, K(e.description), 9, Do)) : F("", !0)
|
|
5097
5097
|
], !0)
|
|
5098
5098
|
]),
|
|
5099
5099
|
x("div", So, [
|
|
@@ -5103,16 +5103,16 @@ const Al = {
|
|
|
5103
5103
|
])
|
|
5104
5104
|
], 10, xo));
|
|
5105
5105
|
}
|
|
5106
|
-
}), zl = /* @__PURE__ */
|
|
5106
|
+
}), zl = /* @__PURE__ */ Y(To, [["__scopeId", "data-v-10599410"]]), _o = ["aria-label", "aria-activedescendant"], Eo = { class: "carousel-viewport" }, Zo = {
|
|
5107
5107
|
class: "sr-only",
|
|
5108
5108
|
"aria-live": "polite"
|
|
5109
5109
|
}, zo = {
|
|
5110
5110
|
key: 0,
|
|
5111
5111
|
role: "tablist",
|
|
5112
5112
|
class: "carousel-indicators"
|
|
5113
|
-
},
|
|
5113
|
+
}, No = ["aria-label", "aria-selected", "aria-current", "onClick", "onKeydown"], qo = 0.35, Oo = 0.2, Fo = /* @__PURE__ */ z({
|
|
5114
5114
|
__name: "Carousel",
|
|
5115
|
-
props: /* @__PURE__ */
|
|
5115
|
+
props: /* @__PURE__ */ ue({
|
|
5116
5116
|
ariaLabel: { default: "Carousel" },
|
|
5117
5117
|
showIndicators: { type: Boolean, default: !0 },
|
|
5118
5118
|
loop: { type: Boolean, default: !0 },
|
|
@@ -5132,77 +5132,77 @@ const Al = {
|
|
|
5132
5132
|
}),
|
|
5133
5133
|
emits: ["update:modelValue"],
|
|
5134
5134
|
setup(e) {
|
|
5135
|
-
const n = be(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), s = M(0), r = M(0), c = M(!1), u = M(!1), h = M(0), m = M([]), p = M(1), C = M(n.value), L = M(null),
|
|
5135
|
+
const n = be(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), s = M(0), r = M(0), c = M(!1), u = M(!1), h = M(0), m = M([]), p = M(1), C = M(n.value), L = M(null), A = M(null);
|
|
5136
5136
|
let $ = null, k = null;
|
|
5137
5137
|
te(
|
|
5138
5138
|
() => n.value,
|
|
5139
|
-
(
|
|
5139
|
+
(d) => C.value = d
|
|
5140
5140
|
);
|
|
5141
|
-
const H = I(() => m.value[C.value] ?? void 0),
|
|
5142
|
-
const
|
|
5141
|
+
const H = I(() => m.value[C.value] ?? void 0), y = I(() => Math.floor(C.value / p.value)), _ = I(() => Math.ceil(re.value / p.value)), O = I(() => Math.max(0, re.value - p.value)), Q = I(() => {
|
|
5142
|
+
const d = C.value * (100 / p.value), f = u.value && A.value ? i.value / A.value.clientWidth * 100 : 0;
|
|
5143
5143
|
return {
|
|
5144
|
-
transform: `translateX(calc(-${
|
|
5144
|
+
transform: `translateX(calc(-${d}% + ${f}%))`,
|
|
5145
5145
|
transition: u.value ? "none" : "transform 300ms ease"
|
|
5146
5146
|
};
|
|
5147
|
-
}),
|
|
5148
|
-
let
|
|
5147
|
+
}), S = (d) => {
|
|
5148
|
+
let f = d;
|
|
5149
5149
|
if (t.loop) {
|
|
5150
|
-
const
|
|
5151
|
-
|
|
5150
|
+
const g = Math.round(d / p.value), V = _.value;
|
|
5151
|
+
f = (g % V + V) % V * p.value;
|
|
5152
5152
|
} else
|
|
5153
|
-
|
|
5154
|
-
Math.max(
|
|
5153
|
+
f = Math.min(
|
|
5154
|
+
Math.max(d, 0),
|
|
5155
5155
|
O.value
|
|
5156
5156
|
);
|
|
5157
|
-
C.value =
|
|
5158
|
-
},
|
|
5159
|
-
|
|
5160
|
-
}, E = (
|
|
5157
|
+
C.value = f, n.value = f;
|
|
5158
|
+
}, T = () => S(C.value + p.value), N = () => S(C.value - p.value), B = (d) => {
|
|
5159
|
+
d.key === "ArrowRight" ? T() : d.key === "ArrowLeft" && N();
|
|
5160
|
+
}, E = (d) => (m.value.includes(d) || m.value.push(d), m.value.indexOf(d)), q = (d) => m.value = m.value.filter((f) => f !== d), re = I(() => m.value.length), P = () => {
|
|
5161
5161
|
!t.autoplay || $ !== null || ($ = window.setInterval(() => {
|
|
5162
|
-
c.value ||
|
|
5162
|
+
c.value || T();
|
|
5163
5163
|
}, t.autoplayDelay));
|
|
5164
|
-
},
|
|
5164
|
+
}, ee = () => {
|
|
5165
5165
|
$ !== null && (clearInterval($), $ = null);
|
|
5166
|
-
},
|
|
5166
|
+
}, R = (d) => {
|
|
5167
5167
|
if (typeof t.itemsPerView == "number")
|
|
5168
5168
|
return t.itemsPerView;
|
|
5169
|
-
const
|
|
5170
|
-
let
|
|
5171
|
-
for (const [V,
|
|
5172
|
-
return
|
|
5173
|
-
}, w = (
|
|
5174
|
-
|
|
5175
|
-
},
|
|
5169
|
+
const f = Object.entries(t.itemsPerView).map(([V, U]) => [Number(V), U]).sort((V, U) => V[0] - U[0]);
|
|
5170
|
+
let g = f[0]?.[1] ?? 1;
|
|
5171
|
+
for (const [V, U] of f) d >= V && (g = U);
|
|
5172
|
+
return g;
|
|
5173
|
+
}, w = (d) => {
|
|
5174
|
+
d.button === 0 && (u.value = !0, o.value = d.clientX, a.value = d.clientX, r.value = d.clientX, i.value = 0, l.value = performance.now(), s.value = 0, h.value = C.value, A.value?.setPointerCapture(d.pointerId), ee(), A.value.style.userSelect = "");
|
|
5175
|
+
}, D = (d) => {
|
|
5176
5176
|
if (!u.value) return;
|
|
5177
|
-
const
|
|
5178
|
-
V > 0 && (s.value =
|
|
5179
|
-
},
|
|
5177
|
+
const f = performance.now(), g = d.clientX - a.value, V = f - l.value;
|
|
5178
|
+
V > 0 && (s.value = g / V), a.value = d.clientX, l.value = f, r.value = d.clientX, i.value = r.value - o.value;
|
|
5179
|
+
}, ae = (d) => {
|
|
5180
5180
|
if (!u.value) return;
|
|
5181
|
-
u.value = !1,
|
|
5182
|
-
const
|
|
5183
|
-
Math.abs(s.value) >
|
|
5181
|
+
u.value = !1, A.value?.releasePointerCapture(d.pointerId), A.value.style.userSelect = "";
|
|
5182
|
+
const f = A.value.clientWidth / p.value, g = i.value / f;
|
|
5183
|
+
Math.abs(s.value) > qo ? s.value < 0 ? T() : N() : Math.abs(g) > Oo ? g < 0 ? T() : N() : S(h.value), i.value = 0, s.value = 0, P();
|
|
5184
5184
|
};
|
|
5185
5185
|
return de(() => {
|
|
5186
|
-
|
|
5187
|
-
const
|
|
5188
|
-
|
|
5186
|
+
P(), L.value && (k = new ResizeObserver((d) => {
|
|
5187
|
+
const f = d[0]?.contentRect.width;
|
|
5188
|
+
f !== void 0 && (p.value = R(f));
|
|
5189
5189
|
}), k.observe(L.value));
|
|
5190
5190
|
}), Ve(() => {
|
|
5191
|
-
|
|
5191
|
+
ee(), k?.disconnect();
|
|
5192
5192
|
}), te(
|
|
5193
5193
|
() => t.autoplay,
|
|
5194
|
-
(
|
|
5195
|
-
|
|
5194
|
+
(d) => {
|
|
5195
|
+
d ? P() : ee();
|
|
5196
5196
|
},
|
|
5197
5197
|
{ immediate: !0 }
|
|
5198
5198
|
), te(p, () => C.value = Math.min(C.value, O.value)), He("CarouselContext", {
|
|
5199
5199
|
register: E,
|
|
5200
|
-
unregister:
|
|
5200
|
+
unregister: q,
|
|
5201
5201
|
activeIndex: C,
|
|
5202
|
-
slideCount:
|
|
5202
|
+
slideCount: re,
|
|
5203
5203
|
deltaX: i,
|
|
5204
5204
|
itemsPerView: t.itemsPerView instanceof Object ? p : M(t.itemsPerView)
|
|
5205
|
-
}), (
|
|
5205
|
+
}), (d, f) => (v(), b("div", {
|
|
5206
5206
|
ref_key: "rootRef",
|
|
5207
5207
|
ref: L,
|
|
5208
5208
|
role: "region",
|
|
@@ -5212,72 +5212,72 @@ const Al = {
|
|
|
5212
5212
|
tabindex: "0",
|
|
5213
5213
|
"aria-activedescendant": H.value,
|
|
5214
5214
|
style: Ie({ "--items-per-view": p.value }),
|
|
5215
|
-
onKeydown:
|
|
5216
|
-
onMouseenter:
|
|
5217
|
-
onMouseleave:
|
|
5218
|
-
onFocusin:
|
|
5219
|
-
onFocusout:
|
|
5215
|
+
onKeydown: B,
|
|
5216
|
+
onMouseenter: f[0] || (f[0] = (g) => c.value = !0),
|
|
5217
|
+
onMouseleave: f[1] || (f[1] = (g) => c.value = !1),
|
|
5218
|
+
onFocusin: f[2] || (f[2] = (g) => c.value = !0),
|
|
5219
|
+
onFocusout: f[3] || (f[3] = (g) => c.value = !1)
|
|
5220
5220
|
}, [
|
|
5221
|
-
|
|
5221
|
+
f[4] || (f[4] = x("span", {
|
|
5222
5222
|
id: "carousel-instructions",
|
|
5223
5223
|
class: "sr-only"
|
|
5224
5224
|
}, " Use left and right arrow keys to navigate slides ", -1)),
|
|
5225
5225
|
x("div", Eo, [
|
|
5226
5226
|
x("div", {
|
|
5227
5227
|
ref_key: "trackRef",
|
|
5228
|
-
ref:
|
|
5228
|
+
ref: A,
|
|
5229
5229
|
class: "carousel-track",
|
|
5230
|
-
style: Ie(
|
|
5230
|
+
style: Ie(Q.value),
|
|
5231
5231
|
onPointerdown: w,
|
|
5232
|
-
onPointermove:
|
|
5233
|
-
onPointerup:
|
|
5234
|
-
onPointercancel:
|
|
5232
|
+
onPointermove: D,
|
|
5233
|
+
onPointerup: ae,
|
|
5234
|
+
onPointercancel: ae
|
|
5235
5235
|
}, [
|
|
5236
|
-
J(
|
|
5236
|
+
J(d.$slots, "default", {}, void 0, !0)
|
|
5237
5237
|
], 36)
|
|
5238
5238
|
]),
|
|
5239
|
-
x("span", Zo, " Slide " +
|
|
5239
|
+
x("span", Zo, " Slide " + K(Math.floor(C.value / p.value) + 1) + " of " + K(_.value), 1),
|
|
5240
5240
|
x("button", {
|
|
5241
5241
|
type: "button",
|
|
5242
5242
|
class: "carousel-control prev",
|
|
5243
5243
|
"aria-label": "Previous slide",
|
|
5244
5244
|
onClick: N
|
|
5245
5245
|
}, [
|
|
5246
|
-
|
|
5246
|
+
W(pe, { name: "directionDown" })
|
|
5247
5247
|
]),
|
|
5248
5248
|
x("button", {
|
|
5249
5249
|
type: "button",
|
|
5250
5250
|
class: "carousel-control next",
|
|
5251
5251
|
"aria-label": "Next slide",
|
|
5252
|
-
onClick:
|
|
5252
|
+
onClick: T
|
|
5253
5253
|
}, [
|
|
5254
|
-
|
|
5254
|
+
W(pe, { name: "directionDown" })
|
|
5255
5255
|
]),
|
|
5256
|
-
e.showIndicators ? (
|
|
5257
|
-
(
|
|
5256
|
+
e.showIndicators ? (v(), b("div", zo, [
|
|
5257
|
+
(v(!0), b(ce, null, Ce(_.value, (g, V) => (v(), b("button", {
|
|
5258
5258
|
role: "tab",
|
|
5259
5259
|
type: "button",
|
|
5260
5260
|
key: V,
|
|
5261
5261
|
class: fe(["indicator", { active: V === Math.floor(C.value / p.value) }]),
|
|
5262
5262
|
"aria-label": `Go to slide ${V + 1}`,
|
|
5263
|
-
"aria-selected": V ===
|
|
5264
|
-
"aria-current": V ===
|
|
5265
|
-
onClick: (
|
|
5263
|
+
"aria-selected": V === y.value,
|
|
5264
|
+
"aria-current": V === y.value,
|
|
5265
|
+
onClick: (U) => S(V * p.value),
|
|
5266
5266
|
onKeydown: [
|
|
5267
|
-
ye(ve((
|
|
5268
|
-
ye(ve((
|
|
5267
|
+
ye(ve((U) => S((V - 1 + _.value) % _.value * p.value), ["prevent"]), ["left"]),
|
|
5268
|
+
ye(ve((U) => S((V + 1) % _.value * p.value), ["prevent"]), ["right"])
|
|
5269
5269
|
]
|
|
5270
|
-
}, null, 42,
|
|
5270
|
+
}, null, 42, No))), 128))
|
|
5271
5271
|
])) : F("", !0)
|
|
5272
5272
|
], 44, _o));
|
|
5273
5273
|
}
|
|
5274
|
-
}),
|
|
5274
|
+
}), Nl = /* @__PURE__ */ Y(Fo, [["__scopeId", "data-v-30cdfc00"]]), Po = ["aria-hidden", "aria-label"], Ko = /* @__PURE__ */ z({
|
|
5275
5275
|
__name: "CarouselItem",
|
|
5276
5276
|
setup(e) {
|
|
5277
5277
|
const n = me("CarouselContext");
|
|
5278
5278
|
if (!n) throw new Error("CarouselItem must be used inside a Carousel");
|
|
5279
5279
|
const t = "carousel-item-" + he(), a = M(0), o = I(() => Math.abs(n.deltaX.value) > 5), i = I(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
|
|
5280
|
-
return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, s) => (
|
|
5280
|
+
return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, s) => (v(), b("div", {
|
|
5281
5281
|
role: "group",
|
|
5282
5282
|
class: "carousel-item",
|
|
5283
5283
|
id: t,
|
|
@@ -5289,7 +5289,7 @@ const Al = {
|
|
|
5289
5289
|
J(l.$slots, "default", {}, void 0, !0)
|
|
5290
5290
|
], 40, Po));
|
|
5291
5291
|
}
|
|
5292
|
-
}),
|
|
5292
|
+
}), ql = /* @__PURE__ */ Y(Ko, [["__scopeId", "data-v-a569d055"]]), je = /* @__PURE__ */ Symbol("TabsContext"), Ol = z({
|
|
5293
5293
|
name: "Tabs",
|
|
5294
5294
|
props: {
|
|
5295
5295
|
modelValue: String,
|
|
@@ -5321,17 +5321,17 @@ const Al = {
|
|
|
5321
5321
|
const r = (C, L) => i.value[L] = C, c = (C) => {
|
|
5322
5322
|
const L = i.value.filter(Boolean);
|
|
5323
5323
|
if (!L.length) return;
|
|
5324
|
-
const
|
|
5325
|
-
if (!
|
|
5324
|
+
const A = a.value;
|
|
5325
|
+
if (!A) {
|
|
5326
5326
|
a.value = C, n("update:modelValue", C);
|
|
5327
5327
|
return;
|
|
5328
5328
|
}
|
|
5329
|
-
const $ = L.indexOf(
|
|
5329
|
+
const $ = L.indexOf(A), k = L.indexOf(C);
|
|
5330
5330
|
if ($ === -1 || k === -1) {
|
|
5331
5331
|
a.value = C, n("update:modelValue", C);
|
|
5332
5332
|
return;
|
|
5333
5333
|
}
|
|
5334
|
-
$ !== -1 && k !== -1 && (l.value = k > $ ? "forward" : "backward"),
|
|
5334
|
+
$ !== -1 && k !== -1 && (l.value = k > $ ? "forward" : "backward"), A !== C && (a.value = C, n("update:modelValue", C));
|
|
5335
5335
|
}, u = I(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), h = (C) => {
|
|
5336
5336
|
C instanceof HTMLElement && s.value && (s.value.style.height = `${C.offsetHeight}px`);
|
|
5337
5337
|
}, m = (C) => {
|
|
@@ -5355,20 +5355,20 @@ const Al = {
|
|
|
5355
5355
|
contentWrapperRef: s,
|
|
5356
5356
|
focusOnChange: o
|
|
5357
5357
|
}), () => {
|
|
5358
|
-
const C = t.default?.() || [], L = [],
|
|
5358
|
+
const C = t.default?.() || [], L = [], A = [];
|
|
5359
5359
|
C.forEach((k) => {
|
|
5360
|
-
k.type?.name === "TabsContent" ?
|
|
5360
|
+
k.type?.name === "TabsContent" ? A.push(k) : L.push(k);
|
|
5361
5361
|
});
|
|
5362
|
-
const $ =
|
|
5362
|
+
const $ = A.find((k) => k.props?.value === a.value);
|
|
5363
5363
|
return [
|
|
5364
5364
|
...L,
|
|
5365
|
-
|
|
5365
|
+
j(
|
|
5366
5366
|
"div",
|
|
5367
5367
|
{
|
|
5368
5368
|
class: "tabs-content-wrapper",
|
|
5369
5369
|
ref: s
|
|
5370
5370
|
},
|
|
5371
|
-
|
|
5371
|
+
j(
|
|
5372
5372
|
Ee,
|
|
5373
5373
|
{
|
|
5374
5374
|
name: u.value,
|
|
@@ -5377,7 +5377,7 @@ const Al = {
|
|
|
5377
5377
|
onEnter: m,
|
|
5378
5378
|
onAfterEnter: p
|
|
5379
5379
|
},
|
|
5380
|
-
() => $ ? [
|
|
5380
|
+
() => $ ? [j($.type, {
|
|
5381
5381
|
...$.props,
|
|
5382
5382
|
key: $.props.value
|
|
5383
5383
|
}, $.children)] : []
|
|
@@ -5386,12 +5386,12 @@ const Al = {
|
|
|
5386
5386
|
];
|
|
5387
5387
|
};
|
|
5388
5388
|
}
|
|
5389
|
-
}), Fl =
|
|
5389
|
+
}), Fl = z({
|
|
5390
5390
|
name: "TabsList",
|
|
5391
5391
|
setup(e, { slots: n }) {
|
|
5392
5392
|
const t = me(je);
|
|
5393
5393
|
if (!t) throw new Error("TabsList components must be used inside <Tabs>");
|
|
5394
|
-
return () =>
|
|
5394
|
+
return () => j(
|
|
5395
5395
|
"div",
|
|
5396
5396
|
{
|
|
5397
5397
|
role: "tablist",
|
|
@@ -5401,7 +5401,7 @@ const Al = {
|
|
|
5401
5401
|
n.default?.()
|
|
5402
5402
|
);
|
|
5403
5403
|
}
|
|
5404
|
-
}), Pl =
|
|
5404
|
+
}), Pl = z({
|
|
5405
5405
|
name: "TabsTrigger",
|
|
5406
5406
|
props: {
|
|
5407
5407
|
value: {
|
|
@@ -5452,7 +5452,7 @@ const Al = {
|
|
|
5452
5452
|
document.getElementById(`tab-${m}`)?.focus();
|
|
5453
5453
|
});
|
|
5454
5454
|
};
|
|
5455
|
-
return de(() => !e.disabled && t.registerTrigger(e.value, e.index)), Ve(() => t.triggers.value[e.index] = void 0), () =>
|
|
5455
|
+
return de(() => !e.disabled && t.registerTrigger(e.value, e.index)), Ve(() => t.triggers.value[e.index] = void 0), () => j(
|
|
5456
5456
|
Le,
|
|
5457
5457
|
{
|
|
5458
5458
|
role: "tab",
|
|
@@ -5469,7 +5469,7 @@ const Al = {
|
|
|
5469
5469
|
{ default: () => n.default?.() }
|
|
5470
5470
|
);
|
|
5471
5471
|
}
|
|
5472
|
-
}), Kl =
|
|
5472
|
+
}), Kl = z({
|
|
5473
5473
|
name: "TabsContent",
|
|
5474
5474
|
props: {
|
|
5475
5475
|
value: {
|
|
@@ -5479,7 +5479,7 @@ const Al = {
|
|
|
5479
5479
|
},
|
|
5480
5480
|
setup(e, { slots: n }) {
|
|
5481
5481
|
if (!me(je)) throw new Error("TabsContent components must be used inside <Tabs>");
|
|
5482
|
-
return () =>
|
|
5482
|
+
return () => j(
|
|
5483
5483
|
"div",
|
|
5484
5484
|
{
|
|
5485
5485
|
id: `panel-${e.value}`,
|
|
@@ -5491,7 +5491,7 @@ const Al = {
|
|
|
5491
5491
|
n.default?.()
|
|
5492
5492
|
);
|
|
5493
5493
|
}
|
|
5494
|
-
}), Uo = { class: "ui-dropdown" }, Ul = /* @__PURE__ */
|
|
5494
|
+
}), Uo = { class: "ui-dropdown" }, Ul = /* @__PURE__ */ z({
|
|
5495
5495
|
__name: "Dropdown",
|
|
5496
5496
|
setup(e) {
|
|
5497
5497
|
let n = 0;
|
|
@@ -5510,11 +5510,11 @@ const Al = {
|
|
|
5510
5510
|
const k = Object.keys(o.value), H = k[k.length - 1];
|
|
5511
5511
|
H && m(H);
|
|
5512
5512
|
}, L = (k) => {
|
|
5513
|
-
const H = Object.keys(o.value),
|
|
5514
|
-
|
|
5515
|
-
},
|
|
5516
|
-
const H = Object.keys(o.value),
|
|
5517
|
-
|
|
5513
|
+
const H = Object.keys(o.value), y = $(k), _ = H[y + 1];
|
|
5514
|
+
y >= 0 && y < H.length - 1 && _ && m(_);
|
|
5515
|
+
}, A = (k) => {
|
|
5516
|
+
const H = Object.keys(o.value), y = $(k), _ = H[y - 1];
|
|
5517
|
+
y > 0 && _ && m(_);
|
|
5518
5518
|
}, $ = (k) => Object.keys(o.value).indexOf(k);
|
|
5519
5519
|
return He("DropdownContext", {
|
|
5520
5520
|
open: r,
|
|
@@ -5524,17 +5524,17 @@ const Al = {
|
|
|
5524
5524
|
registerItem: h,
|
|
5525
5525
|
focusItem: m,
|
|
5526
5526
|
focusNextItem: L,
|
|
5527
|
-
focusPrevItem:
|
|
5527
|
+
focusPrevItem: A,
|
|
5528
5528
|
focusFirstItem: p,
|
|
5529
5529
|
focusLastItem: C,
|
|
5530
5530
|
triggerRef: a,
|
|
5531
5531
|
menuId: l,
|
|
5532
5532
|
triggerId: s
|
|
5533
|
-
}), (k, H) => (
|
|
5533
|
+
}), (k, H) => (v(), b("div", Uo, [
|
|
5534
5534
|
J(k.$slots, "default")
|
|
5535
5535
|
]));
|
|
5536
5536
|
}
|
|
5537
|
-
}), jo = /* @__PURE__ */
|
|
5537
|
+
}), jo = /* @__PURE__ */ z({
|
|
5538
5538
|
__name: "DropdownTrigger",
|
|
5539
5539
|
props: {
|
|
5540
5540
|
variant: { default: "button" }
|
|
@@ -5545,20 +5545,20 @@ const Al = {
|
|
|
5545
5545
|
const a = M(), o = (i) => {
|
|
5546
5546
|
i.key === "ArrowDown" && (i.preventDefault(), t.open(), $e(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), $e(() => t.focusLastItem()));
|
|
5547
5547
|
};
|
|
5548
|
-
return de(() => t.triggerRef.value = a.value?.el), (i, l) => (
|
|
5548
|
+
return de(() => t.triggerRef.value = a.value?.el), (i, l) => (v(), oe(Le, {
|
|
5549
5549
|
ref_key: "btn",
|
|
5550
5550
|
ref: a,
|
|
5551
|
-
id:
|
|
5551
|
+
id: Z(t).triggerId,
|
|
5552
5552
|
class: fe(["ui-dropdown-trigger", { "btn-outline": n.variant === "button" }]),
|
|
5553
5553
|
"aria-haspopup": "menu",
|
|
5554
|
-
"aria-controls":
|
|
5555
|
-
"aria-expanded":
|
|
5556
|
-
onClick:
|
|
5554
|
+
"aria-controls": Z(t).menuId,
|
|
5555
|
+
"aria-expanded": Z(t).isOpen.value,
|
|
5556
|
+
onClick: Z(t).toggle,
|
|
5557
5557
|
onKeydown: o
|
|
5558
5558
|
}, {
|
|
5559
|
-
default:
|
|
5559
|
+
default: ne(() => [
|
|
5560
5560
|
J(i.$slots, "default", {}, void 0, !0),
|
|
5561
|
-
n.variant === "button" ? (
|
|
5561
|
+
n.variant === "button" ? (v(), oe(pe, {
|
|
5562
5562
|
key: 0,
|
|
5563
5563
|
name: "directionDown"
|
|
5564
5564
|
})) : F("", !0)
|
|
@@ -5566,7 +5566,7 @@ const Al = {
|
|
|
5566
5566
|
_: 3
|
|
5567
5567
|
}, 8, ["id", "class", "aria-controls", "aria-expanded", "onClick"]));
|
|
5568
5568
|
}
|
|
5569
|
-
}), jl = /* @__PURE__ */
|
|
5569
|
+
}), jl = /* @__PURE__ */ Y(jo, [["__scopeId", "data-v-267a3d51"]]), Wo = ["id", "aria-labelledby"], Yo = /* @__PURE__ */ z({
|
|
5570
5570
|
__name: "DropdownMenu",
|
|
5571
5571
|
setup(e) {
|
|
5572
5572
|
const n = me("DropdownContext");
|
|
@@ -5604,16 +5604,16 @@ const Al = {
|
|
|
5604
5604
|
window.addEventListener("scroll", l, !0), window.addEventListener("resize", l);
|
|
5605
5605
|
}), Ve(() => {
|
|
5606
5606
|
window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
|
|
5607
|
-
}), (s, r) => (
|
|
5608
|
-
|
|
5607
|
+
}), (s, r) => (v(), oe(Fe, { to: "body" }, [
|
|
5608
|
+
Z(n).isOpen.value ? (v(), b("div", {
|
|
5609
5609
|
key: 0,
|
|
5610
5610
|
role: "menu",
|
|
5611
5611
|
ref_key: "menuRef",
|
|
5612
5612
|
ref: t,
|
|
5613
5613
|
style: Ie(a.value),
|
|
5614
|
-
id:
|
|
5614
|
+
id: Z(n).menuId,
|
|
5615
5615
|
"aria-orientation": "vertical",
|
|
5616
|
-
"aria-labelledby":
|
|
5616
|
+
"aria-labelledby": Z(n).triggerId,
|
|
5617
5617
|
class: "ui-dropdown-menu",
|
|
5618
5618
|
onKeydown: i
|
|
5619
5619
|
}, [
|
|
@@ -5621,7 +5621,7 @@ const Al = {
|
|
|
5621
5621
|
], 44, Wo)) : F("", !0)
|
|
5622
5622
|
]));
|
|
5623
5623
|
}
|
|
5624
|
-
}), Wl = /* @__PURE__ */
|
|
5624
|
+
}), Wl = /* @__PURE__ */ Y(Yo, [["__scopeId", "data-v-acff21c3"]]), Xo = /* @__PURE__ */ z({
|
|
5625
5625
|
__name: "DropdownItem",
|
|
5626
5626
|
setup(e) {
|
|
5627
5627
|
const n = me("DropdownContext");
|
|
@@ -5630,7 +5630,7 @@ const Al = {
|
|
|
5630
5630
|
const a = M(), o = (i) => {
|
|
5631
5631
|
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());
|
|
5632
5632
|
};
|
|
5633
|
-
return de(() => t = n.registerItem(a.value)), (i, l) => (
|
|
5633
|
+
return de(() => t = n.registerItem(a.value)), (i, l) => (v(), b("div", {
|
|
5634
5634
|
ref_key: "itemRef",
|
|
5635
5635
|
ref: a,
|
|
5636
5636
|
role: "menuitem",
|
|
@@ -5638,13 +5638,13 @@ const Al = {
|
|
|
5638
5638
|
tabindex: "-1",
|
|
5639
5639
|
onKeydown: o,
|
|
5640
5640
|
onClick: l[0] || (l[0] = //@ts-ignore
|
|
5641
|
-
(...s) =>
|
|
5641
|
+
(...s) => Z(n).close && Z(n).close(...s)),
|
|
5642
5642
|
onPointerenter: l[1] || (l[1] = (s) => a.value?.focus())
|
|
5643
5643
|
}, [
|
|
5644
5644
|
J(i.$slots, "default", {}, void 0, !0)
|
|
5645
5645
|
], 544));
|
|
5646
5646
|
}
|
|
5647
|
-
}), Yl = /* @__PURE__ */
|
|
5647
|
+
}), Yl = /* @__PURE__ */ Y(Xo, [["__scopeId", "data-v-69de3d9c"]]), Go = (e) => {
|
|
5648
5648
|
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 = I(() => {
|
|
5649
5649
|
const m = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
|
|
5650
5650
|
return m.charAt(0).toUpperCase() + m.slice(1);
|
|
@@ -5655,8 +5655,8 @@ const Al = {
|
|
|
5655
5655
|
return L.setDate(m.getDate() + (C + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
|
|
5656
5656
|
});
|
|
5657
5657
|
}), r = I(() => {
|
|
5658
|
-
const m = o.value.getFullYear(), p = o.value.getMonth(), C = new Date(m, p, 1), L = new Date(m, p + 1, 0),
|
|
5659
|
-
for (let H = 0; H <
|
|
5658
|
+
const m = o.value.getFullYear(), p = o.value.getMonth(), C = new Date(m, p, 1), L = new Date(m, p + 1, 0), A = (C.getDay() - i + 7) % 7, $ = L.getDate(), k = [];
|
|
5659
|
+
for (let H = 0; H < A; H++) k.push(null);
|
|
5660
5660
|
for (let H = 1; H <= $; H++) k.push(new Date(m, p, H));
|
|
5661
5661
|
return k;
|
|
5662
5662
|
});
|
|
@@ -5716,9 +5716,9 @@ const Qo = (e, n) => {
|
|
|
5716
5716
|
}, ol = { class: "dp-header" }, ll = { class: "month__name" }, rl = { class: "dp-weekdays" }, sl = {
|
|
5717
5717
|
class: "dp-days",
|
|
5718
5718
|
role: "grid"
|
|
5719
|
-
}, il = ["disabled", "aria-pressed", "data-selected", "onMousedown", "aria-label"], ul = /* @__PURE__ */
|
|
5719
|
+
}, il = ["disabled", "aria-pressed", "data-selected", "onMousedown", "aria-label"], ul = /* @__PURE__ */ z({
|
|
5720
5720
|
__name: "DatePicker",
|
|
5721
|
-
props: /* @__PURE__ */
|
|
5721
|
+
props: /* @__PURE__ */ ue({
|
|
5722
5722
|
id: {},
|
|
5723
5723
|
label: {},
|
|
5724
5724
|
locale: { default: "default" },
|
|
@@ -5732,7 +5732,7 @@ const Qo = (e, n) => {
|
|
|
5732
5732
|
modelValue: {},
|
|
5733
5733
|
modelModifiers: {}
|
|
5734
5734
|
}),
|
|
5735
|
-
emits: /* @__PURE__ */
|
|
5735
|
+
emits: /* @__PURE__ */ ue(["update:open"], ["update:modelValue"]),
|
|
5736
5736
|
setup(e, { emit: n }) {
|
|
5737
5737
|
const t = be(e, "modelValue"), a = n, o = e, i = M(!1), l = M(""), s = M(null), r = M(null), {
|
|
5738
5738
|
monthLabel: c,
|
|
@@ -5749,74 +5749,74 @@ const Qo = (e, n) => {
|
|
|
5749
5749
|
});
|
|
5750
5750
|
te(
|
|
5751
5751
|
() => t.value,
|
|
5752
|
-
(
|
|
5753
|
-
if (!
|
|
5752
|
+
(S) => {
|
|
5753
|
+
if (!S) {
|
|
5754
5754
|
l.value = "", r.value = null;
|
|
5755
5755
|
return;
|
|
5756
5756
|
}
|
|
5757
|
-
L(
|
|
5757
|
+
L(S), h.value = new Date(S), r.value = S, l.value = tt(S, o.format);
|
|
5758
5758
|
},
|
|
5759
5759
|
{ immediate: !0 }
|
|
5760
5760
|
), te(
|
|
5761
5761
|
i,
|
|
5762
|
-
async (
|
|
5763
|
-
if (
|
|
5762
|
+
async (S) => {
|
|
5763
|
+
if (S) {
|
|
5764
5764
|
await $e();
|
|
5765
|
-
let
|
|
5766
|
-
if (!
|
|
5765
|
+
let T = s.value?.querySelector('button[data-selected="true"]');
|
|
5766
|
+
if (!T) {
|
|
5767
5767
|
const N = /* @__PURE__ */ new Date();
|
|
5768
|
-
|
|
5768
|
+
T = Array.from(s.value?.querySelectorAll("button") || []).find((B) => Number(B.textContent) === N.getDate() && !B.disabled);
|
|
5769
5769
|
}
|
|
5770
|
-
|
|
5770
|
+
T && T.focus(), document.addEventListener("keydown", k);
|
|
5771
5771
|
} else document.removeEventListener("keydown", k);
|
|
5772
5772
|
}
|
|
5773
5773
|
);
|
|
5774
|
-
const
|
|
5775
|
-
r.value =
|
|
5776
|
-
}, $ = (
|
|
5777
|
-
|
|
5778
|
-
},
|
|
5779
|
-
const
|
|
5780
|
-
let
|
|
5781
|
-
const
|
|
5782
|
-
|
|
5783
|
-
const
|
|
5784
|
-
l.value =
|
|
5785
|
-
let
|
|
5786
|
-
for (let
|
|
5787
|
-
if (/\d/.test(
|
|
5788
|
-
|
|
5774
|
+
const A = (S) => {
|
|
5775
|
+
r.value = S, t.value = S, l.value = tt(S, o.format), L(S), i.value = !1;
|
|
5776
|
+
}, $ = (S) => !S || !r.value ? "" : S.toDateString() === r.value.toDateString() ? "dp-selected" : "", k = (S) => S.key === "Escape" && (i.value = !1), H = (S) => {
|
|
5777
|
+
S.key === "Backspace" || S.key === "Delete" || S.key === "ArrowLeft" || S.key === "ArrowRight" || S.key === "Tab" || /[0-9]/.test(S.key) || S.preventDefault();
|
|
5778
|
+
}, y = (S) => {
|
|
5779
|
+
const T = S.target, N = T.selectionStart ?? 0, E = T.value.slice(0, N).replace(/\D/g, "").length;
|
|
5780
|
+
let q = T.value.replace(/\D/g, "");
|
|
5781
|
+
const re = el(o.format);
|
|
5782
|
+
q = q.slice(0, re);
|
|
5783
|
+
const P = Qo(q, o.format);
|
|
5784
|
+
l.value = P, T.value = P;
|
|
5785
|
+
let ee = 0, R = 0;
|
|
5786
|
+
for (let D = 0; D < P.length; D++)
|
|
5787
|
+
if (/\d/.test(P[D] ?? "") && R++, R >= E) {
|
|
5788
|
+
ee = D + 1;
|
|
5789
5789
|
break;
|
|
5790
5790
|
}
|
|
5791
|
-
requestAnimationFrame(() =>
|
|
5792
|
-
const w = wt(
|
|
5791
|
+
requestAnimationFrame(() => T.setSelectionRange(ee, ee));
|
|
5792
|
+
const w = wt(P, o.format);
|
|
5793
5793
|
w && (r.value = w, t.value = w);
|
|
5794
5794
|
}, _ = () => {
|
|
5795
5795
|
i.value || (i.value = !0, a("update:open", !0));
|
|
5796
|
-
}, O = (
|
|
5797
|
-
s.value && (s.value.contains(
|
|
5798
|
-
},
|
|
5799
|
-
const
|
|
5800
|
-
!
|
|
5796
|
+
}, O = (S) => {
|
|
5797
|
+
s.value && (s.value.contains(S.target) || (i.value = !1, a("update:open", !1)));
|
|
5798
|
+
}, Q = () => {
|
|
5799
|
+
const S = wt(l.value, o.format);
|
|
5800
|
+
!S && !r.value ? (l.value = "", t.value = null, r.value = null) : S && (r.value = S, t.value = S, l.value = tt(S, o.format));
|
|
5801
5801
|
};
|
|
5802
|
-
return de(() => document.addEventListener("mousedown", O)), _e(() => document.removeEventListener("mousedown", O)), (
|
|
5802
|
+
return de(() => document.addEventListener("mousedown", O)), _e(() => document.removeEventListener("mousedown", O)), (S, T) => (v(), b("div", {
|
|
5803
5803
|
ref_key: "root",
|
|
5804
5804
|
ref: s,
|
|
5805
|
-
class: fe(["dp", { required: Object.keys(
|
|
5805
|
+
class: fe(["dp", { required: Object.keys(S.$attrs).includes("required"), error: e.invalid }])
|
|
5806
5806
|
}, [
|
|
5807
5807
|
x("label", {
|
|
5808
5808
|
for: e.id,
|
|
5809
5809
|
class: "label"
|
|
5810
|
-
},
|
|
5810
|
+
}, K(e.label), 9, tl),
|
|
5811
5811
|
x("input", {
|
|
5812
5812
|
id: e.id,
|
|
5813
5813
|
class: "dp-input",
|
|
5814
5814
|
value: l.value,
|
|
5815
|
-
onBlur:
|
|
5816
|
-
onInput:
|
|
5815
|
+
onBlur: Q,
|
|
5816
|
+
onInput: y,
|
|
5817
5817
|
onKeydown: H,
|
|
5818
5818
|
onMousedown: _,
|
|
5819
|
-
required: Object.keys(
|
|
5819
|
+
required: Object.keys(S.$attrs).includes("required") || void 0,
|
|
5820
5820
|
"aria-invalid": !r.value && l.value !== "",
|
|
5821
5821
|
disabled: e.disabled ? !0 : void 0,
|
|
5822
5822
|
"data-disabled": e.disabled ? !0 : void 0,
|
|
@@ -5825,79 +5825,79 @@ const Qo = (e, n) => {
|
|
|
5825
5825
|
autocomplete: "off",
|
|
5826
5826
|
placeholder: e.placeholder || e.format
|
|
5827
5827
|
}, null, 40, al),
|
|
5828
|
-
|
|
5828
|
+
W(Le, {
|
|
5829
5829
|
type: "button",
|
|
5830
5830
|
class: "btn-icon",
|
|
5831
5831
|
onClick: _,
|
|
5832
5832
|
disabled: e.disabled || void 0
|
|
5833
5833
|
}, {
|
|
5834
|
-
default:
|
|
5835
|
-
|
|
5834
|
+
default: ne(() => [
|
|
5835
|
+
W(pe, { name: "calendar" })
|
|
5836
5836
|
]),
|
|
5837
5837
|
_: 1
|
|
5838
5838
|
}, 8, ["disabled"]),
|
|
5839
|
-
|
|
5839
|
+
T[3] || (T[3] = x("small", {
|
|
5840
5840
|
id: "time-help",
|
|
5841
5841
|
class: "sr-only"
|
|
5842
5842
|
}, "After selecting a date, adjust hours and minutes", -1)),
|
|
5843
|
-
i.value ? (
|
|
5843
|
+
i.value ? (v(), b("div", nl, [
|
|
5844
5844
|
x("header", ol, [
|
|
5845
5845
|
x("button", {
|
|
5846
5846
|
type: "button",
|
|
5847
|
-
onClick:
|
|
5848
|
-
(...N) =>
|
|
5847
|
+
onClick: T[0] || (T[0] = //@ts-ignore
|
|
5848
|
+
(...N) => Z(C) && Z(C)(...N)),
|
|
5849
5849
|
class: "btn__prev_month",
|
|
5850
5850
|
"aria-label": "Previous month"
|
|
5851
5851
|
}, "‹"),
|
|
5852
|
-
x("span", ll,
|
|
5852
|
+
x("span", ll, K(Z(c)), 1),
|
|
5853
5853
|
x("button", {
|
|
5854
5854
|
type: "button",
|
|
5855
|
-
onClick:
|
|
5856
|
-
(...N) =>
|
|
5855
|
+
onClick: T[1] || (T[1] = //@ts-ignore
|
|
5856
|
+
(...N) => Z(p) && Z(p)(...N)),
|
|
5857
5857
|
class: "btn__next_month",
|
|
5858
5858
|
"aria-label": "Next month"
|
|
5859
5859
|
}, "›")
|
|
5860
5860
|
]),
|
|
5861
5861
|
x("div", rl, [
|
|
5862
|
-
(
|
|
5862
|
+
(v(!0), b(ce, null, Ce(Z(u), (N) => (v(), b("span", {
|
|
5863
5863
|
class: "week-day__name",
|
|
5864
5864
|
key: N
|
|
5865
|
-
},
|
|
5865
|
+
}, K(N), 1))), 128))
|
|
5866
5866
|
]),
|
|
5867
5867
|
x("div", sl, [
|
|
5868
|
-
(
|
|
5869
|
-
key:
|
|
5868
|
+
(v(!0), b(ce, null, Ce(Z(m), (N, B) => (v(), b("button", {
|
|
5869
|
+
key: B,
|
|
5870
5870
|
type: "button",
|
|
5871
5871
|
role: "gridcell",
|
|
5872
5872
|
class: fe(["btn__day", $(N)]),
|
|
5873
5873
|
disabled: !N,
|
|
5874
5874
|
"aria-pressed": $(N) === "dp-selected",
|
|
5875
5875
|
"data-selected": N && $(N) === "dp-selected",
|
|
5876
|
-
onMousedown: ve((E) => N &&
|
|
5876
|
+
onMousedown: ve((E) => N && A(N), ["prevent"]),
|
|
5877
5877
|
"aria-label": N ? N.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
|
|
5878
|
-
},
|
|
5878
|
+
}, K(N?.getDate()), 43, il))), 128))
|
|
5879
5879
|
]),
|
|
5880
|
-
|
|
5880
|
+
W(Le, {
|
|
5881
5881
|
class: "btn-ghost btn-sm",
|
|
5882
|
-
onClick:
|
|
5882
|
+
onClick: T[2] || (T[2] = (N) => t.value = /* @__PURE__ */ new Date())
|
|
5883
5883
|
}, {
|
|
5884
|
-
default:
|
|
5885
|
-
Me(
|
|
5884
|
+
default: ne(() => [
|
|
5885
|
+
Me(K(e.todayLabel), 1)
|
|
5886
5886
|
]),
|
|
5887
5887
|
_: 1
|
|
5888
5888
|
}),
|
|
5889
|
-
J(
|
|
5889
|
+
J(S.$slots, "time", {}, void 0, !0)
|
|
5890
5890
|
])) : F("", !0)
|
|
5891
5891
|
], 2));
|
|
5892
5892
|
}
|
|
5893
|
-
}), cl = /* @__PURE__ */
|
|
5893
|
+
}), cl = /* @__PURE__ */ Y(ul, [["__scopeId", "data-v-83c4dfc2"]]), dl = {
|
|
5894
5894
|
key: 0,
|
|
5895
5895
|
class: "time-panel",
|
|
5896
5896
|
role: "group",
|
|
5897
5897
|
"aria-label": "Time selection"
|
|
5898
|
-
}, vl = ["id", "aria-valuenow"], fl = { key: 1 }, ml = ["id", "aria-valuenow"], pl = { key: 3 }, Cl = ["id", "aria-valuenow"], hl = /* @__PURE__ */
|
|
5898
|
+
}, vl = ["id", "aria-valuenow"], fl = { key: 1 }, ml = ["id", "aria-valuenow"], pl = { key: 3 }, Cl = ["id", "aria-valuenow"], hl = /* @__PURE__ */ z({
|
|
5899
5899
|
__name: "DateTimePicker",
|
|
5900
|
-
props: /* @__PURE__ */
|
|
5900
|
+
props: /* @__PURE__ */ ue({
|
|
5901
5901
|
id: {},
|
|
5902
5902
|
label: {},
|
|
5903
5903
|
locale: { default: "default" },
|
|
@@ -5924,15 +5924,15 @@ const Qo = (e, n) => {
|
|
|
5924
5924
|
c.value = null, u.value = 0, h.value = 0, m.value = 0;
|
|
5925
5925
|
}, { immediate: !0 }), te(c, ($) => {
|
|
5926
5926
|
if (!$) return;
|
|
5927
|
-
const k = $.getHours(), H = $.getMinutes(),
|
|
5928
|
-
k !== u.value && (u.value = k), H !== h.value && (h.value = H),
|
|
5927
|
+
const k = $.getHours(), H = $.getMinutes(), y = $.getSeconds();
|
|
5928
|
+
k !== u.value && (u.value = k), H !== h.value && (h.value = H), y !== m.value && (m.value = y);
|
|
5929
5929
|
}, { immediate: !0 }), te([c, u, h, m], () => {
|
|
5930
5930
|
if (!c.value) {
|
|
5931
5931
|
n.value = null;
|
|
5932
5932
|
return;
|
|
5933
5933
|
}
|
|
5934
|
-
const $ = Math.min(Math.max(u.value ?? 0, 0), 23), k = Math.min(Math.max(h.value ?? 0, 0), 59), H = Math.min(Math.max(m.value ?? 0, 0), 59),
|
|
5935
|
-
|
|
5934
|
+
const $ = Math.min(Math.max(u.value ?? 0, 0), 23), k = Math.min(Math.max(h.value ?? 0, 0), 59), H = Math.min(Math.max(m.value ?? 0, 0), 59), y = new Date(c.value);
|
|
5935
|
+
y.setHours($, k, H, 0), (!n.value || n.value.getTime() !== y.getTime()) && (n.value = y);
|
|
5936
5936
|
});
|
|
5937
5937
|
const p = ($) => {
|
|
5938
5938
|
i.value && (i.value.contains($.target) || (o.value = !1));
|
|
@@ -5942,7 +5942,7 @@ const Qo = (e, n) => {
|
|
|
5942
5942
|
}, L = ($) => {
|
|
5943
5943
|
const k = Number($.target.value);
|
|
5944
5944
|
isNaN(k) || k < 0 ? h.value = 0 : k > 59 ? h.value = 59 : h.value = k;
|
|
5945
|
-
},
|
|
5945
|
+
}, A = ($) => {
|
|
5946
5946
|
const k = Number($.target.value);
|
|
5947
5947
|
isNaN(k) || k < 0 ? m.value = 0 : k > 59 ? m.value = 59 : m.value = k;
|
|
5948
5948
|
};
|
|
@@ -5950,12 +5950,12 @@ const Qo = (e, n) => {
|
|
|
5950
5950
|
document.addEventListener("mousedown", p);
|
|
5951
5951
|
}), _e(() => {
|
|
5952
5952
|
document.removeEventListener("mousedown", p);
|
|
5953
|
-
}), ($, k) => (
|
|
5953
|
+
}), ($, k) => (v(), b("div", {
|
|
5954
5954
|
class: "dtp",
|
|
5955
5955
|
ref_key: "root",
|
|
5956
5956
|
ref: i
|
|
5957
5957
|
}, [
|
|
5958
|
-
|
|
5958
|
+
W(cl, ke($.$attrs, {
|
|
5959
5959
|
modelValue: c.value,
|
|
5960
5960
|
"onUpdate:modelValue": k[3] || (k[3] = (H) => c.value = H),
|
|
5961
5961
|
open: o.value,
|
|
@@ -5968,11 +5968,11 @@ const Qo = (e, n) => {
|
|
|
5968
5968
|
"first-day-of-week": e.firstDayOfWeek,
|
|
5969
5969
|
placeholder: e.placeholder
|
|
5970
5970
|
}), {
|
|
5971
|
-
time:
|
|
5972
|
-
o.value ? (
|
|
5973
|
-
l.value ? Re((
|
|
5971
|
+
time: ne(() => [
|
|
5972
|
+
o.value ? (v(), b("div", dl, [
|
|
5973
|
+
l.value ? Re((v(), b("input", {
|
|
5974
5974
|
key: 0,
|
|
5975
|
-
id: `hour_${
|
|
5975
|
+
id: `hour_${Z(a)}`,
|
|
5976
5976
|
type: "number",
|
|
5977
5977
|
"onUpdate:modelValue": k[0] || (k[0] = (H) => u.value = H),
|
|
5978
5978
|
min: "0",
|
|
@@ -5990,10 +5990,10 @@ const Qo = (e, n) => {
|
|
|
5990
5990
|
{ number: !0 }
|
|
5991
5991
|
]
|
|
5992
5992
|
]) : F("", !0),
|
|
5993
|
-
l.value && s.value ? (
|
|
5994
|
-
s.value ? Re((
|
|
5993
|
+
l.value && s.value ? (v(), b("span", fl, ":")) : F("", !0),
|
|
5994
|
+
s.value ? Re((v(), b("input", {
|
|
5995
5995
|
key: 2,
|
|
5996
|
-
id: `minute_${
|
|
5996
|
+
id: `minute_${Z(a)}`,
|
|
5997
5997
|
type: "number",
|
|
5998
5998
|
"onUpdate:modelValue": k[1] || (k[1] = (H) => h.value = H),
|
|
5999
5999
|
min: "0",
|
|
@@ -6011,10 +6011,10 @@ const Qo = (e, n) => {
|
|
|
6011
6011
|
{ number: !0 }
|
|
6012
6012
|
]
|
|
6013
6013
|
]) : F("", !0),
|
|
6014
|
-
(l.value || s.value) && r.value ? (
|
|
6015
|
-
r.value ? Re((
|
|
6014
|
+
(l.value || s.value) && r.value ? (v(), b("span", pl, ":")) : F("", !0),
|
|
6015
|
+
r.value ? Re((v(), b("input", {
|
|
6016
6016
|
key: 4,
|
|
6017
|
-
id: `second_${
|
|
6017
|
+
id: `second_${Z(a)}`,
|
|
6018
6018
|
type: "number",
|
|
6019
6019
|
"onUpdate:modelValue": k[2] || (k[2] = (H) => m.value = H),
|
|
6020
6020
|
min: "0",
|
|
@@ -6023,7 +6023,7 @@ const Qo = (e, n) => {
|
|
|
6023
6023
|
"aria-valuemin": "0",
|
|
6024
6024
|
"aria-valuemax": "59",
|
|
6025
6025
|
"aria-valuenow": m.value,
|
|
6026
|
-
onInput:
|
|
6026
|
+
onInput: A
|
|
6027
6027
|
}, null, 40, Cl)), [
|
|
6028
6028
|
[
|
|
6029
6029
|
Ge,
|
|
@@ -6038,7 +6038,7 @@ const Qo = (e, n) => {
|
|
|
6038
6038
|
}, 16, ["modelValue", "open", "id", "invalid", "locale", "format", "label", "first-day-of-week", "placeholder"])
|
|
6039
6039
|
], 512));
|
|
6040
6040
|
}
|
|
6041
|
-
}), Xl = /* @__PURE__ */
|
|
6041
|
+
}), Xl = /* @__PURE__ */ Y(hl, [["__scopeId", "data-v-870f6dd9"]]), Gl = z({
|
|
6042
6042
|
name: "Table",
|
|
6043
6043
|
props: {
|
|
6044
6044
|
columns: {
|
|
@@ -6069,7 +6069,7 @@ const Qo = (e, n) => {
|
|
|
6069
6069
|
if (!r.sortable) return;
|
|
6070
6070
|
const c = e.sort?.key === r.key && e.sort.direction === "asc" ? "desc" : "asc";
|
|
6071
6071
|
n("update:sort", { key: r.key, direction: c });
|
|
6072
|
-
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (r, c) => c.split(".").reduce((u, h) => u?.[h], r), l = () =>
|
|
6072
|
+
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (r, c) => c.split(".").reduce((u, h) => u?.[h], r), l = () => j(
|
|
6073
6073
|
"div",
|
|
6074
6074
|
{
|
|
6075
6075
|
class: "rs-table-mobile",
|
|
@@ -6077,7 +6077,7 @@ const Qo = (e, n) => {
|
|
|
6077
6077
|
"aria-busy": e.loading || void 0
|
|
6078
6078
|
},
|
|
6079
6079
|
e.loading ? t.loading?.() ?? "Loading..." : e.data.length === 0 ? t.empty?.() ?? "No data available." : e.data.map(
|
|
6080
|
-
(r, c) =>
|
|
6080
|
+
(r, c) => j(
|
|
6081
6081
|
"div",
|
|
6082
6082
|
{
|
|
6083
6083
|
key: r.id ?? c,
|
|
@@ -6090,16 +6090,16 @@ const Qo = (e, n) => {
|
|
|
6090
6090
|
} : void 0
|
|
6091
6091
|
},
|
|
6092
6092
|
e.columns.map(
|
|
6093
|
-
(u) =>
|
|
6093
|
+
(u) => j(
|
|
6094
6094
|
"div",
|
|
6095
6095
|
{ class: "rs-table-card-row" },
|
|
6096
6096
|
[
|
|
6097
|
-
|
|
6097
|
+
j(
|
|
6098
6098
|
"span",
|
|
6099
6099
|
{ class: "rs-table-card-label" },
|
|
6100
6100
|
u.header
|
|
6101
6101
|
),
|
|
6102
|
-
|
|
6102
|
+
j(
|
|
6103
6103
|
"span",
|
|
6104
6104
|
{ class: "rs-table-card-value" },
|
|
6105
6105
|
t.cell?.({
|
|
@@ -6113,27 +6113,27 @@ const Qo = (e, n) => {
|
|
|
6113
6113
|
)
|
|
6114
6114
|
)
|
|
6115
6115
|
)
|
|
6116
|
-
), s = () =>
|
|
6116
|
+
), s = () => j(
|
|
6117
6117
|
"div",
|
|
6118
6118
|
{ class: "rs-table-container" },
|
|
6119
|
-
|
|
6119
|
+
j(
|
|
6120
6120
|
"div",
|
|
6121
6121
|
{ class: "rs-table-scroll" },
|
|
6122
|
-
|
|
6122
|
+
j(
|
|
6123
6123
|
"table",
|
|
6124
6124
|
{
|
|
6125
6125
|
class: "rs-table",
|
|
6126
6126
|
"aria-busy": e.loading || void 0
|
|
6127
6127
|
},
|
|
6128
6128
|
[
|
|
6129
|
-
|
|
6129
|
+
j(
|
|
6130
6130
|
"thead",
|
|
6131
6131
|
null,
|
|
6132
|
-
|
|
6132
|
+
j(
|
|
6133
6133
|
"tr",
|
|
6134
6134
|
null,
|
|
6135
6135
|
e.columns.map(
|
|
6136
|
-
(r) =>
|
|
6136
|
+
(r) => j(
|
|
6137
6137
|
"th",
|
|
6138
6138
|
{
|
|
6139
6139
|
key: r.key,
|
|
@@ -6149,15 +6149,15 @@ const Qo = (e, n) => {
|
|
|
6149
6149
|
} : void 0,
|
|
6150
6150
|
scope: "col"
|
|
6151
6151
|
},
|
|
6152
|
-
|
|
6152
|
+
j(
|
|
6153
6153
|
"div",
|
|
6154
6154
|
{ class: "rs-table-th-content" },
|
|
6155
6155
|
[
|
|
6156
|
-
|
|
6156
|
+
j(
|
|
6157
6157
|
"span",
|
|
6158
6158
|
r.header
|
|
6159
6159
|
),
|
|
6160
|
-
r.sortable ?
|
|
6160
|
+
r.sortable ? j(
|
|
6161
6161
|
pe,
|
|
6162
6162
|
{
|
|
6163
6163
|
name: e.sort?.key === r.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
|
|
@@ -6170,15 +6170,15 @@ const Qo = (e, n) => {
|
|
|
6170
6170
|
)
|
|
6171
6171
|
)
|
|
6172
6172
|
),
|
|
6173
|
-
|
|
6173
|
+
j(
|
|
6174
6174
|
"tbody",
|
|
6175
6175
|
null,
|
|
6176
6176
|
e.loading ? [
|
|
6177
|
-
|
|
6177
|
+
j(
|
|
6178
6178
|
"tr",
|
|
6179
6179
|
null,
|
|
6180
6180
|
[
|
|
6181
|
-
|
|
6181
|
+
j(
|
|
6182
6182
|
"td",
|
|
6183
6183
|
{ colspan: e.columns.length },
|
|
6184
6184
|
t.loading?.() ?? "Loading..."
|
|
@@ -6186,11 +6186,11 @@ const Qo = (e, n) => {
|
|
|
6186
6186
|
]
|
|
6187
6187
|
)
|
|
6188
6188
|
] : e.data.length === 0 ? [
|
|
6189
|
-
|
|
6189
|
+
j(
|
|
6190
6190
|
"tr",
|
|
6191
6191
|
null,
|
|
6192
6192
|
[
|
|
6193
|
-
|
|
6193
|
+
j(
|
|
6194
6194
|
"td",
|
|
6195
6195
|
{ colspan: e.columns.length },
|
|
6196
6196
|
t.empty?.() ?? "No data available."
|
|
@@ -6198,7 +6198,7 @@ const Qo = (e, n) => {
|
|
|
6198
6198
|
]
|
|
6199
6199
|
)
|
|
6200
6200
|
] : e.data.map(
|
|
6201
|
-
(r, c) =>
|
|
6201
|
+
(r, c) => j(
|
|
6202
6202
|
"tr",
|
|
6203
6203
|
{
|
|
6204
6204
|
key: r.id ?? c,
|
|
@@ -6211,7 +6211,7 @@ const Qo = (e, n) => {
|
|
|
6211
6211
|
"data-clickable": e.rowClickable || void 0
|
|
6212
6212
|
},
|
|
6213
6213
|
e.columns.map(
|
|
6214
|
-
(u) =>
|
|
6214
|
+
(u) => j(
|
|
6215
6215
|
"td",
|
|
6216
6216
|
{
|
|
6217
6217
|
key: u.key,
|
|
@@ -6235,14 +6235,14 @@ const Qo = (e, n) => {
|
|
|
6235
6235
|
);
|
|
6236
6236
|
return () => {
|
|
6237
6237
|
const r = e.responsive === "card" || e.responsive === "auto" && o();
|
|
6238
|
-
return
|
|
6238
|
+
return j(
|
|
6239
6239
|
"div",
|
|
6240
6240
|
{ class: "rs-table-container" },
|
|
6241
6241
|
r ? l() : s()
|
|
6242
6242
|
);
|
|
6243
6243
|
};
|
|
6244
6244
|
}
|
|
6245
|
-
}), We = /* @__PURE__ */ Symbol("AccordionContext"), Jl =
|
|
6245
|
+
}), We = /* @__PURE__ */ Symbol("AccordionContext"), Jl = z({
|
|
6246
6246
|
name: "Accordion",
|
|
6247
6247
|
props: {
|
|
6248
6248
|
multiple: { type: Boolean, default: !1 },
|
|
@@ -6282,7 +6282,7 @@ const Qo = (e, n) => {
|
|
|
6282
6282
|
focusLast: u
|
|
6283
6283
|
}), () => n.default?.();
|
|
6284
6284
|
}
|
|
6285
|
-
}), Ql =
|
|
6285
|
+
}), Ql = z({
|
|
6286
6286
|
name: "AccordionItem",
|
|
6287
6287
|
props: {
|
|
6288
6288
|
id: { type: String, required: !0 },
|
|
@@ -6292,7 +6292,7 @@ const Qo = (e, n) => {
|
|
|
6292
6292
|
const t = me(We);
|
|
6293
6293
|
if (!t) throw new Error("AccordionItem must be used inside Accordion");
|
|
6294
6294
|
const a = I(() => t.openItems.value.has(e.id));
|
|
6295
|
-
return () =>
|
|
6295
|
+
return () => j(
|
|
6296
6296
|
"div",
|
|
6297
6297
|
{
|
|
6298
6298
|
class: "rs-accordion-item",
|
|
@@ -6301,7 +6301,7 @@ const Qo = (e, n) => {
|
|
|
6301
6301
|
n.default?.({ open: a.value })
|
|
6302
6302
|
);
|
|
6303
6303
|
}
|
|
6304
|
-
}), er =
|
|
6304
|
+
}), er = z({
|
|
6305
6305
|
name: "AccordionHeader",
|
|
6306
6306
|
props: {
|
|
6307
6307
|
id: { type: String, required: !0 },
|
|
@@ -6333,7 +6333,7 @@ const Qo = (e, n) => {
|
|
|
6333
6333
|
a.value && t.registerHeader(a.value);
|
|
6334
6334
|
}), _e(() => {
|
|
6335
6335
|
a.value && t.unregisterHeader(a.value);
|
|
6336
|
-
}), () =>
|
|
6336
|
+
}), () => j(
|
|
6337
6337
|
"button",
|
|
6338
6338
|
{
|
|
6339
6339
|
ref: a,
|
|
@@ -6348,20 +6348,20 @@ const Qo = (e, n) => {
|
|
|
6348
6348
|
onKeydown: l
|
|
6349
6349
|
},
|
|
6350
6350
|
[
|
|
6351
|
-
|
|
6351
|
+
j(
|
|
6352
6352
|
"span",
|
|
6353
6353
|
{ class: "rs-accordion-trigger__label" },
|
|
6354
6354
|
n.default?.()
|
|
6355
6355
|
),
|
|
6356
|
-
|
|
6356
|
+
j(
|
|
6357
6357
|
"span",
|
|
6358
6358
|
{ class: "rs-accordion-trigger__icon", "aria-hidden": "true" },
|
|
6359
|
-
|
|
6359
|
+
j(pe, { name: "directionDown" })
|
|
6360
6360
|
)
|
|
6361
6361
|
]
|
|
6362
6362
|
);
|
|
6363
6363
|
}
|
|
6364
|
-
}), tr =
|
|
6364
|
+
}), tr = z({
|
|
6365
6365
|
name: "AccordionPanel",
|
|
6366
6366
|
props: {
|
|
6367
6367
|
id: { type: String, required: !0 }
|
|
@@ -6370,7 +6370,7 @@ const Qo = (e, n) => {
|
|
|
6370
6370
|
const t = me(We);
|
|
6371
6371
|
if (!t) throw new Error("AccordionPanel must be used inside Accordion");
|
|
6372
6372
|
const a = I(() => t.openItems.value.has(e.id));
|
|
6373
|
-
return () =>
|
|
6373
|
+
return () => j(
|
|
6374
6374
|
"div",
|
|
6375
6375
|
{
|
|
6376
6376
|
id: `panel-${e.id}`,
|
|
@@ -6380,7 +6380,7 @@ const Qo = (e, n) => {
|
|
|
6380
6380
|
"data-state": a.value ? "open" : "closed",
|
|
6381
6381
|
"aria-labelledby": `header-${e.id}`
|
|
6382
6382
|
},
|
|
6383
|
-
|
|
6383
|
+
j(
|
|
6384
6384
|
"div",
|
|
6385
6385
|
{ class: "rs-accordion-panel__inner" },
|
|
6386
6386
|
n.default?.()
|
|
@@ -6401,8 +6401,8 @@ export {
|
|
|
6401
6401
|
Sl as CardBody,
|
|
6402
6402
|
Tl as CardFooter,
|
|
6403
6403
|
Dl as CardHeader,
|
|
6404
|
-
|
|
6405
|
-
|
|
6404
|
+
Nl as Carousel,
|
|
6405
|
+
ql as CarouselItem,
|
|
6406
6406
|
xl as Checkbox,
|
|
6407
6407
|
cl as DatePicker,
|
|
6408
6408
|
Xl as DateTimePicker,
|