@dskripchenko/ui 1.8.0 → 1.10.0
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/components/Checkbox/UidCheckbox.vue.d.ts +2 -2
- package/dist/components/Combobox/UidCombobox.vue.d.ts +1 -1
- package/dist/components/Grid/UidGrid.vue.d.ts +1 -1
- package/dist/components/Heatmap/UidHeatmapMatrix.vue.d.ts +68 -0
- package/dist/components/Heatmap/colorScales.d.ts +8 -0
- package/dist/components/Heatmap/index.d.ts +4 -0
- package/dist/components/Input/UidInput.vue.d.ts +2 -2
- package/dist/components/Mention/UidMention.vue.d.ts +2 -2
- package/dist/components/NumberInput/UidNumberInput.vue.d.ts +1 -1
- package/dist/components/Pagination/UidPageSize.vue.d.ts +1 -1
- package/dist/components/Radio/UidRadio.vue.d.ts +2 -2
- package/dist/components/Slider/UidSlider.vue.d.ts +1 -1
- package/dist/components/Switch/UidSwitch.vue.d.ts +2 -2
- package/dist/components/TagsInput/UidTagsInput.vue.d.ts +1 -1
- package/dist/components/Textarea/UidTextarea.vue.d.ts +2 -2
- package/dist/composables/useControlAttrs.d.ts +16 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +1280 -844
- package/dist/locales/types.d.ts +2 -0
- package/dist/styles/all.css +1 -1
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./UidIcon-5947kXOj.js";
|
|
2
2
|
import { Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, h as m, inject as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, vModelDynamic as H, vModelText as U, vShow as W, watch as G, watchEffect as K, withCtx as q, withDirectives as J, withKeys as Y, withModifiers as X } from "vue";
|
|
3
|
-
import { AlertCircle as
|
|
3
|
+
import { AlertCircle as Z, AlertTriangle as ee, ArrowDown as te, ArrowLeft as ne, ArrowUp as re, ArrowUpDown as ie, Calendar as ae, Check as Q, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, Clock as de, Copy as fe, CornerDownRight as pe, FileText as me, Folder as he, FolderOpen as ge, ImageOff as _e, Info as ve, Minus as ye, Plus as be, Search as xe, ServerCrash as Se, Star as Ce, Upload as we, WifiOff as Te, X as Ee, XCircle as De } from "lucide-vue-next";
|
|
4
4
|
//#region src/components/Button/UidButton.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var Oe = [
|
|
6
6
|
"type",
|
|
@@ -247,7 +247,9 @@ var Oe = [
|
|
|
247
247
|
heatmap: {
|
|
248
248
|
summary: (e) => `Тепловая карта активности: ${e} событий`,
|
|
249
249
|
less: "Меньше",
|
|
250
|
-
more: "Больше"
|
|
250
|
+
more: "Больше",
|
|
251
|
+
matrixSummary: (e, t) => `Тепловая карта: ${e} строк × ${t} столбцов`,
|
|
252
|
+
noData: "Нет данных"
|
|
251
253
|
},
|
|
252
254
|
validation: {
|
|
253
255
|
value: "значение",
|
|
@@ -380,15 +382,31 @@ function st(e, t, n) {
|
|
|
380
382
|
};
|
|
381
383
|
}
|
|
382
384
|
//#endregion
|
|
385
|
+
//#region src/composables/useControlAttrs.ts
|
|
386
|
+
function ct() {
|
|
387
|
+
let e = R();
|
|
388
|
+
return {
|
|
389
|
+
rootAttrs: () => ({
|
|
390
|
+
class: e.class,
|
|
391
|
+
style: e.style
|
|
392
|
+
}),
|
|
393
|
+
controlAttrs: () => {
|
|
394
|
+
let t = {};
|
|
395
|
+
for (let n of Object.keys(e)) n !== "class" && n !== "style" && (t[n] = e[n]);
|
|
396
|
+
return t;
|
|
397
|
+
}
|
|
398
|
+
};
|
|
399
|
+
}
|
|
400
|
+
//#endregion
|
|
383
401
|
//#region src/components/Input/UidInput.vue?vue&type=script&setup=true&lang.ts
|
|
384
|
-
var
|
|
402
|
+
var lt = ["for"], ut = {
|
|
385
403
|
key: 0,
|
|
386
404
|
class: "uid-input-field__required",
|
|
387
405
|
"aria-hidden": "true"
|
|
388
|
-
},
|
|
406
|
+
}, dt = { class: "uid-input-field__control" }, ft = {
|
|
389
407
|
key: 0,
|
|
390
408
|
class: "uid-input-field__prepend"
|
|
391
|
-
},
|
|
409
|
+
}, pt = [
|
|
392
410
|
"id",
|
|
393
411
|
"type",
|
|
394
412
|
"name",
|
|
@@ -399,10 +417,11 @@ var ct = ["for"], lt = {
|
|
|
399
417
|
"autocomplete",
|
|
400
418
|
"aria-invalid",
|
|
401
419
|
"aria-describedby"
|
|
402
|
-
],
|
|
420
|
+
], mt = {
|
|
403
421
|
key: 1,
|
|
404
422
|
class: "uid-input-field__append"
|
|
405
|
-
},
|
|
423
|
+
}, ht = ["id"], gt = /* @__PURE__ */ f({
|
|
424
|
+
inheritAttrs: !1,
|
|
406
425
|
__name: "UidInput",
|
|
407
426
|
props: /* @__PURE__ */ g({
|
|
408
427
|
type: { default: "text" },
|
|
@@ -433,29 +452,29 @@ var ct = ["for"], lt = {
|
|
|
433
452
|
}),
|
|
434
453
|
emits: /* @__PURE__ */ g(["blur", "focus"], ["update:modelValue"]),
|
|
435
454
|
setup(e, { expose: t, emit: n }) {
|
|
436
|
-
let r = e,
|
|
437
|
-
name:
|
|
438
|
-
label:
|
|
439
|
-
}),
|
|
440
|
-
function
|
|
441
|
-
|
|
455
|
+
let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = o.id ?? z(), { error: m, validate: h, onBlur: g } = st(f, a(() => o.rules), {
|
|
456
|
+
name: o.name,
|
|
457
|
+
label: o.label
|
|
458
|
+
}), v = a(() => o.error || m.value), b = a(() => !!v.value), x = a(() => v.value || o.hint);
|
|
459
|
+
function S(e) {
|
|
460
|
+
g(), d("blur", e);
|
|
442
461
|
}
|
|
443
|
-
return t({ validate:
|
|
462
|
+
return t({ validate: h }), (t, n) => (T(), c("div", _(L(r)(), { class: ["uid-input-field", [
|
|
444
463
|
`uid-input-field--${e.size}`,
|
|
445
|
-
|
|
464
|
+
b.value && "uid-input-field--error",
|
|
446
465
|
e.disabled && "uid-input-field--disabled",
|
|
447
466
|
e.readonly && "uid-input-field--readonly"
|
|
448
|
-
]]
|
|
467
|
+
]] }), [
|
|
449
468
|
e.label ? (T(), c("label", {
|
|
450
469
|
key: 0,
|
|
451
|
-
for: L(
|
|
470
|
+
for: L(p),
|
|
452
471
|
class: "uid-input-field__label"
|
|
453
|
-
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span",
|
|
454
|
-
l("div",
|
|
455
|
-
t.$slots.prepend ? (T(), c("span",
|
|
456
|
-
J(l("input", {
|
|
457
|
-
id: L(
|
|
458
|
-
"onUpdate:modelValue": n[0] ||= (e) =>
|
|
472
|
+
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", ut, "*")) : s("", !0)], 8, lt)) : s("", !0),
|
|
473
|
+
l("div", dt, [
|
|
474
|
+
t.$slots.prepend ? (T(), c("span", ft, [A(t.$slots, "prepend")])) : s("", !0),
|
|
475
|
+
J(l("input", _(L(i)(), {
|
|
476
|
+
id: L(p),
|
|
477
|
+
"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
|
|
459
478
|
class: "uid-input-field__input",
|
|
460
479
|
type: e.type,
|
|
461
480
|
name: e.name,
|
|
@@ -464,25 +483,25 @@ var ct = ["for"], lt = {
|
|
|
464
483
|
readonly: e.readonly,
|
|
465
484
|
required: e.required,
|
|
466
485
|
autocomplete: e.autocomplete,
|
|
467
|
-
"aria-invalid":
|
|
468
|
-
"aria-describedby":
|
|
469
|
-
onBlur:
|
|
470
|
-
onFocus: n[1] ||= (e) =>
|
|
471
|
-
}, null,
|
|
472
|
-
t.$slots.append ? (T(), c("span",
|
|
486
|
+
"aria-invalid": b.value ? "true" : void 0,
|
|
487
|
+
"aria-describedby": x.value ? `${L(p)}-hint` : void 0,
|
|
488
|
+
onBlur: S,
|
|
489
|
+
onFocus: n[1] ||= (e) => d("focus", e)
|
|
490
|
+
}), null, 16, pt), [[H, f.value]]),
|
|
491
|
+
t.$slots.append ? (T(), c("span", mt, [A(t.$slots, "append")])) : s("", !0)
|
|
473
492
|
]),
|
|
474
|
-
|
|
493
|
+
x.value ? (T(), c("p", {
|
|
475
494
|
key: 1,
|
|
476
|
-
id: `${L(
|
|
477
|
-
class: y(["uid-input-field__hint",
|
|
478
|
-
}, P(
|
|
479
|
-
],
|
|
495
|
+
id: `${L(p)}-hint`,
|
|
496
|
+
class: y(["uid-input-field__hint", b.value && "uid-input-field__hint--error"])
|
|
497
|
+
}, P(x.value), 11, ht)) : s("", !0)
|
|
498
|
+
], 16));
|
|
480
499
|
}
|
|
481
|
-
}),
|
|
500
|
+
}), _t = ["for"], vt = {
|
|
482
501
|
key: 0,
|
|
483
502
|
class: "uid-textarea-field__required",
|
|
484
503
|
"aria-hidden": "true"
|
|
485
|
-
},
|
|
504
|
+
}, yt = [
|
|
486
505
|
"id",
|
|
487
506
|
"name",
|
|
488
507
|
"placeholder",
|
|
@@ -492,7 +511,8 @@ var ct = ["for"], lt = {
|
|
|
492
511
|
"rows",
|
|
493
512
|
"aria-invalid",
|
|
494
513
|
"aria-describedby"
|
|
495
|
-
],
|
|
514
|
+
], bt = ["id"], xt = /* @__PURE__ */ f({
|
|
515
|
+
inheritAttrs: !1,
|
|
496
516
|
__name: "UidTextarea",
|
|
497
517
|
props: /* @__PURE__ */ g({
|
|
498
518
|
placeholder: { default: void 0 },
|
|
@@ -535,46 +555,46 @@ var ct = ["for"], lt = {
|
|
|
535
555
|
}),
|
|
536
556
|
emits: /* @__PURE__ */ g(["blur", "focus"], ["update:modelValue"]),
|
|
537
557
|
setup(e, { expose: t, emit: n }) {
|
|
538
|
-
let r = e,
|
|
539
|
-
name:
|
|
540
|
-
label:
|
|
541
|
-
}),
|
|
542
|
-
function
|
|
543
|
-
let e =
|
|
558
|
+
let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = O(null), m = z(), h = o.id ?? m, { error: g, validate: b, onBlur: x } = st(f, a(() => o.rules), {
|
|
559
|
+
name: o.name,
|
|
560
|
+
label: o.label
|
|
561
|
+
}), C = a(() => o.error || g.value), w = a(() => !!C.value), E = a(() => C.value || o.hint);
|
|
562
|
+
function D() {
|
|
563
|
+
let e = p.value;
|
|
544
564
|
if (!e) return;
|
|
545
565
|
let t = getComputedStyle(e);
|
|
546
566
|
e.style.height = "auto";
|
|
547
567
|
let n = e.scrollHeight;
|
|
548
|
-
if (
|
|
549
|
-
let e = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5,
|
|
550
|
-
n = Math.min(n, e *
|
|
568
|
+
if (o.maxRows) {
|
|
569
|
+
let e = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5, r = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom);
|
|
570
|
+
n = Math.min(n, e * o.maxRows + r);
|
|
551
571
|
}
|
|
552
572
|
e.style.height = `${n}px`;
|
|
553
573
|
}
|
|
554
574
|
S(() => {
|
|
555
|
-
|
|
556
|
-
}), G(
|
|
557
|
-
|
|
575
|
+
o.autoGrow && D();
|
|
576
|
+
}), G(f, async () => {
|
|
577
|
+
o.autoGrow && (await v(), D());
|
|
558
578
|
});
|
|
559
|
-
function
|
|
560
|
-
|
|
579
|
+
function k(e) {
|
|
580
|
+
x(), d("blur", e);
|
|
561
581
|
}
|
|
562
|
-
return t({ validate:
|
|
582
|
+
return t({ validate: b }), (t, n) => (T(), c("div", _(L(r)(), { class: ["uid-textarea-field", [
|
|
563
583
|
`uid-textarea-field--${e.size}`,
|
|
564
|
-
|
|
584
|
+
w.value && "uid-textarea-field--error",
|
|
565
585
|
e.disabled && "uid-textarea-field--disabled",
|
|
566
586
|
e.readonly && "uid-textarea-field--readonly"
|
|
567
|
-
]]
|
|
587
|
+
]] }), [
|
|
568
588
|
e.label ? (T(), c("label", {
|
|
569
589
|
key: 0,
|
|
570
|
-
for: L(
|
|
590
|
+
for: L(h),
|
|
571
591
|
class: "uid-textarea-field__label"
|
|
572
|
-
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span",
|
|
573
|
-
J(l("textarea", {
|
|
574
|
-
id: L(
|
|
592
|
+
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", vt, "*")) : s("", !0)], 8, _t)) : s("", !0),
|
|
593
|
+
J(l("textarea", _(L(i)(), {
|
|
594
|
+
id: L(h),
|
|
575
595
|
ref_key: "textareaRef",
|
|
576
|
-
ref:
|
|
577
|
-
"onUpdate:modelValue": n[0] ||= (e) =>
|
|
596
|
+
ref: p,
|
|
597
|
+
"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
|
|
578
598
|
class: "uid-textarea-field__textarea",
|
|
579
599
|
name: e.name,
|
|
580
600
|
placeholder: e.placeholder,
|
|
@@ -582,23 +602,23 @@ var ct = ["for"], lt = {
|
|
|
582
602
|
readonly: e.readonly,
|
|
583
603
|
required: e.required,
|
|
584
604
|
rows: e.rows,
|
|
585
|
-
"aria-invalid":
|
|
586
|
-
"aria-describedby":
|
|
587
|
-
style:
|
|
605
|
+
"aria-invalid": w.value ? "true" : void 0,
|
|
606
|
+
"aria-describedby": E.value ? `${L(h)}-hint` : void 0,
|
|
607
|
+
style: e.autoGrow ? {
|
|
588
608
|
resize: "none",
|
|
589
609
|
overflow: "hidden"
|
|
590
|
-
} : { resize: e.resize }
|
|
591
|
-
onBlur:
|
|
592
|
-
onFocus: n[1] ||= (e) =>
|
|
593
|
-
}, null,
|
|
594
|
-
|
|
610
|
+
} : { resize: e.resize },
|
|
611
|
+
onBlur: k,
|
|
612
|
+
onFocus: n[1] ||= (e) => d("focus", e)
|
|
613
|
+
}), null, 16, yt), [[U, f.value]]),
|
|
614
|
+
E.value ? (T(), c("p", {
|
|
595
615
|
key: 1,
|
|
596
|
-
id: `${L(
|
|
597
|
-
class: y(["uid-textarea-field__hint",
|
|
598
|
-
}, P(
|
|
599
|
-
],
|
|
616
|
+
id: `${L(h)}-hint`,
|
|
617
|
+
class: y(["uid-textarea-field__hint", w.value && "uid-textarea-field__hint--error"])
|
|
618
|
+
}, P(E.value), 11, bt)) : s("", !0)
|
|
619
|
+
], 16));
|
|
600
620
|
}
|
|
601
|
-
}),
|
|
621
|
+
}), St = { class: "uid-checkbox__label" }, Ct = [
|
|
602
622
|
"id",
|
|
603
623
|
"name",
|
|
604
624
|
"checked",
|
|
@@ -606,14 +626,15 @@ var ct = ["for"], lt = {
|
|
|
606
626
|
"required",
|
|
607
627
|
"aria-describedby",
|
|
608
628
|
"aria-invalid"
|
|
609
|
-
],
|
|
629
|
+
], wt = {
|
|
610
630
|
key: 0,
|
|
611
631
|
class: "uid-checkbox__text"
|
|
612
|
-
},
|
|
632
|
+
}, Tt = {
|
|
613
633
|
key: 0,
|
|
614
634
|
class: "uid-checkbox__required",
|
|
615
635
|
"aria-hidden": "true"
|
|
616
|
-
},
|
|
636
|
+
}, Et = /* @__PURE__ */ f({
|
|
637
|
+
inheritAttrs: !1,
|
|
617
638
|
__name: "UidCheckbox",
|
|
618
639
|
props: /* @__PURE__ */ g({
|
|
619
640
|
label: { default: void 0 },
|
|
@@ -642,51 +663,51 @@ var ct = ["for"], lt = {
|
|
|
642
663
|
}),
|
|
643
664
|
emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
|
|
644
665
|
setup(e, { emit: t }) {
|
|
645
|
-
let n = e,
|
|
646
|
-
function
|
|
647
|
-
|
|
666
|
+
let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = t, d = B(e, "modelValue"), f = O(null), p = z(), m = i.id ?? p, h = `${m}-hint`, g = a(() => !!i.error), v = a(() => i.error || i.hint);
|
|
667
|
+
function b(e) {
|
|
668
|
+
f.value && (f.value.indeterminate = e);
|
|
648
669
|
}
|
|
649
|
-
S(() =>
|
|
650
|
-
function
|
|
670
|
+
S(() => b(i.indeterminate)), G(() => i.indeterminate, b);
|
|
671
|
+
function x(e) {
|
|
651
672
|
let t = e.target.checked;
|
|
652
|
-
|
|
673
|
+
d.value = t, o("change", t);
|
|
653
674
|
}
|
|
654
|
-
return (t,
|
|
655
|
-
l("input", {
|
|
656
|
-
id: L(
|
|
675
|
+
return (t, i) => (T(), c("div", _(L(n)(), { class: ["uid-checkbox", [g.value && "uid-checkbox--error", e.disabled && "uid-checkbox--disabled"]] }), [l("label", St, [
|
|
676
|
+
l("input", _(L(r)(), {
|
|
677
|
+
id: L(m),
|
|
657
678
|
ref_key: "inputRef",
|
|
658
|
-
ref:
|
|
679
|
+
ref: f,
|
|
659
680
|
type: "checkbox",
|
|
660
681
|
class: "uid-checkbox__input",
|
|
661
682
|
name: e.name,
|
|
662
|
-
checked:
|
|
683
|
+
checked: d.value,
|
|
663
684
|
disabled: e.disabled,
|
|
664
685
|
required: e.required,
|
|
665
|
-
"aria-describedby":
|
|
666
|
-
"aria-invalid":
|
|
667
|
-
onChange:
|
|
668
|
-
}, null,
|
|
669
|
-
|
|
686
|
+
"aria-describedby": v.value ? h : void 0,
|
|
687
|
+
"aria-invalid": g.value ? "true" : void 0,
|
|
688
|
+
onChange: x
|
|
689
|
+
}), null, 16, Ct),
|
|
690
|
+
i[0] ||= l("span", {
|
|
670
691
|
class: "uid-checkbox__box",
|
|
671
692
|
"aria-hidden": "true"
|
|
672
693
|
}, null, -1),
|
|
673
|
-
e.label ? (T(), c("span",
|
|
674
|
-
]),
|
|
694
|
+
e.label ? (T(), c("span", wt, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Tt, "*")) : s("", !0)])) : s("", !0)
|
|
695
|
+
]), v.value ? (T(), c("p", {
|
|
675
696
|
key: 0,
|
|
676
|
-
id:
|
|
677
|
-
class: y(["uid-checkbox__hint",
|
|
678
|
-
}, P(
|
|
697
|
+
id: h,
|
|
698
|
+
class: y(["uid-checkbox__hint", g.value && "uid-checkbox__hint--error"])
|
|
699
|
+
}, P(v.value), 3)) : s("", !0)], 16));
|
|
679
700
|
}
|
|
680
|
-
}),
|
|
701
|
+
}), Dt = [
|
|
681
702
|
"aria-labelledby",
|
|
682
703
|
"aria-describedby",
|
|
683
704
|
"aria-invalid",
|
|
684
705
|
"aria-disabled"
|
|
685
|
-
],
|
|
706
|
+
], Ot = ["id"], kt = {
|
|
686
707
|
key: 0,
|
|
687
708
|
class: "uid-checkbox-group__required",
|
|
688
709
|
"aria-hidden": "true"
|
|
689
|
-
},
|
|
710
|
+
}, At = { class: "uid-checkbox-group__options" }, jt = ["id"], Mt = /* @__PURE__ */ f({
|
|
690
711
|
__name: "UidCheckboxGroup",
|
|
691
712
|
props: /* @__PURE__ */ g({
|
|
692
713
|
options: {},
|
|
@@ -734,8 +755,8 @@ var ct = ["for"], lt = {
|
|
|
734
755
|
key: 0,
|
|
735
756
|
id: L(m),
|
|
736
757
|
class: "uid-checkbox-group__legend"
|
|
737
|
-
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span",
|
|
738
|
-
l("div",
|
|
758
|
+
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", kt, "*")) : s("", !0)], 8, Ot)) : s("", !0),
|
|
759
|
+
l("div", At, [(T(!0), c(t, null, k(e.options, (t) => (T(), o(Et, {
|
|
739
760
|
key: t.value,
|
|
740
761
|
class: "uid-checkbox-group__option",
|
|
741
762
|
"model-value": b(t.value),
|
|
@@ -754,18 +775,19 @@ var ct = ["for"], lt = {
|
|
|
754
775
|
key: 1,
|
|
755
776
|
id: L(h),
|
|
756
777
|
class: y(["uid-checkbox-group__hint", g.value && "uid-checkbox-group__hint--error"])
|
|
757
|
-
}, P(_.value), 11,
|
|
758
|
-
], 10,
|
|
778
|
+
}, P(_.value), 11, jt)) : s("", !0)
|
|
779
|
+
], 10, Dt));
|
|
759
780
|
}
|
|
760
|
-
}),
|
|
781
|
+
}), Nt = Symbol("uid-radio-group"), Pt = [
|
|
761
782
|
"id",
|
|
762
783
|
"name",
|
|
763
784
|
"checked",
|
|
764
785
|
"disabled"
|
|
765
|
-
],
|
|
786
|
+
], Ft = {
|
|
766
787
|
key: 0,
|
|
767
788
|
class: "uid-radio__text"
|
|
768
|
-
},
|
|
789
|
+
}, It = /* @__PURE__ */ f({
|
|
790
|
+
inheritAttrs: !1,
|
|
769
791
|
__name: "UidRadio",
|
|
770
792
|
props: /* @__PURE__ */ g({
|
|
771
793
|
value: { type: [
|
|
@@ -792,38 +814,38 @@ var ct = ["for"], lt = {
|
|
|
792
814
|
}),
|
|
793
815
|
emits: ["update:modelValue"],
|
|
794
816
|
setup(e) {
|
|
795
|
-
let t = e,
|
|
796
|
-
function
|
|
797
|
-
|
|
817
|
+
let { rootAttrs: t, controlAttrs: n } = ct(), r = e, i = B(e, "modelValue"), o = h(Nt, null), u = z(), d = r.id ?? u, f = a(() => o ? o.modelValue.value === r.value : i.value === r.value), p = a(() => o?.name ?? r.name ?? ""), m = a(() => (o?.disabled.value ?? !1) || (r.disabled ?? !1));
|
|
818
|
+
function g() {
|
|
819
|
+
o ? o.update(r.value) : i.value = r.value;
|
|
798
820
|
}
|
|
799
|
-
return (
|
|
800
|
-
l("input", {
|
|
801
|
-
id: L(
|
|
821
|
+
return (r, i) => (T(), c("label", _(L(t)(), { class: ["uid-radio", m.value && "uid-radio--disabled"] }), [
|
|
822
|
+
l("input", _(L(n)(), {
|
|
823
|
+
id: L(d),
|
|
802
824
|
type: "radio",
|
|
803
825
|
class: "uid-radio__input",
|
|
804
|
-
name:
|
|
805
|
-
checked:
|
|
806
|
-
disabled:
|
|
807
|
-
onChange:
|
|
808
|
-
}, null,
|
|
809
|
-
|
|
826
|
+
name: p.value,
|
|
827
|
+
checked: f.value,
|
|
828
|
+
disabled: m.value,
|
|
829
|
+
onChange: g
|
|
830
|
+
}), null, 16, Pt),
|
|
831
|
+
i[0] ||= l("span", {
|
|
810
832
|
class: "uid-radio__circle",
|
|
811
833
|
"aria-hidden": "true"
|
|
812
834
|
}, null, -1),
|
|
813
|
-
e.label ? (T(), c("span",
|
|
814
|
-
],
|
|
835
|
+
e.label ? (T(), c("span", Ft, P(e.label), 1)) : s("", !0)
|
|
836
|
+
], 16));
|
|
815
837
|
}
|
|
816
|
-
}),
|
|
838
|
+
}), Lt = [
|
|
817
839
|
"aria-labelledby",
|
|
818
840
|
"aria-describedby",
|
|
819
841
|
"aria-required",
|
|
820
842
|
"aria-invalid",
|
|
821
843
|
"aria-disabled"
|
|
822
|
-
],
|
|
844
|
+
], Rt = ["id"], zt = {
|
|
823
845
|
key: 0,
|
|
824
846
|
class: "uid-radio-group__required",
|
|
825
847
|
"aria-hidden": "true"
|
|
826
|
-
},
|
|
848
|
+
}, Bt = { class: "uid-radio-group__options" }, Vt = ["id"], Ht = /* @__PURE__ */ f({
|
|
827
849
|
__name: "UidRadioGroup",
|
|
828
850
|
props: /* @__PURE__ */ g({
|
|
829
851
|
name: { default: void 0 },
|
|
@@ -851,7 +873,7 @@ var ct = ["for"], lt = {
|
|
|
851
873
|
emits: ["update:modelValue"],
|
|
852
874
|
setup(e) {
|
|
853
875
|
let t = e, n = B(e, "modelValue"), r = z(), i = t.name ?? r, o = z(), d = z(), f = a(() => !!t.error), p = a(() => t.error || t.hint);
|
|
854
|
-
return E(
|
|
876
|
+
return E(Nt, {
|
|
855
877
|
modelValue: n,
|
|
856
878
|
update: (e) => {
|
|
857
879
|
n.value = e;
|
|
@@ -875,16 +897,16 @@ var ct = ["for"], lt = {
|
|
|
875
897
|
key: 0,
|
|
876
898
|
id: L(o),
|
|
877
899
|
class: "uid-radio-group__legend"
|
|
878
|
-
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span",
|
|
879
|
-
l("div",
|
|
900
|
+
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", zt, "*")) : s("", !0)], 8, Rt)) : s("", !0),
|
|
901
|
+
l("div", Bt, [A(t.$slots, "default")]),
|
|
880
902
|
p.value ? (T(), c("p", {
|
|
881
903
|
key: 1,
|
|
882
904
|
id: L(d),
|
|
883
905
|
class: y(["uid-radio-group__hint", f.value && "uid-radio-group__hint--error"])
|
|
884
|
-
}, P(p.value), 11,
|
|
885
|
-
], 10,
|
|
906
|
+
}, P(p.value), 11, Vt)) : s("", !0)
|
|
907
|
+
], 10, Lt));
|
|
886
908
|
}
|
|
887
|
-
}),
|
|
909
|
+
}), Ut = { class: "uid-switch__label" }, Wt = [
|
|
888
910
|
"id",
|
|
889
911
|
"name",
|
|
890
912
|
"checked",
|
|
@@ -892,14 +914,15 @@ var ct = ["for"], lt = {
|
|
|
892
914
|
"required",
|
|
893
915
|
"aria-describedby",
|
|
894
916
|
"aria-invalid"
|
|
895
|
-
],
|
|
917
|
+
], Gt = {
|
|
896
918
|
key: 0,
|
|
897
919
|
class: "uid-switch__text"
|
|
898
|
-
},
|
|
920
|
+
}, Kt = {
|
|
899
921
|
key: 0,
|
|
900
922
|
class: "uid-switch__required",
|
|
901
923
|
"aria-hidden": "true"
|
|
902
|
-
},
|
|
924
|
+
}, qt = /* @__PURE__ */ f({
|
|
925
|
+
inheritAttrs: !1,
|
|
903
926
|
__name: "UidSwitch",
|
|
904
927
|
props: /* @__PURE__ */ g({
|
|
905
928
|
label: { default: void 0 },
|
|
@@ -925,45 +948,45 @@ var ct = ["for"], lt = {
|
|
|
925
948
|
}),
|
|
926
949
|
emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
|
|
927
950
|
setup(e, { emit: t }) {
|
|
928
|
-
let n = e,
|
|
929
|
-
function
|
|
951
|
+
let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = t, d = B(e, "modelValue"), f = z(), p = i.id ?? f, m = `${p}-hint`, h = a(() => !!i.error), g = a(() => i.error || i.hint);
|
|
952
|
+
function v(e) {
|
|
930
953
|
let t = e.target.checked;
|
|
931
|
-
|
|
954
|
+
d.value = t, o("change", t);
|
|
932
955
|
}
|
|
933
|
-
return (t,
|
|
956
|
+
return (t, i) => (T(), c("div", _(L(n)(), { class: ["uid-switch", [
|
|
934
957
|
`uid-switch--${e.size}`,
|
|
935
|
-
|
|
958
|
+
h.value && "uid-switch--error",
|
|
936
959
|
e.disabled && "uid-switch--disabled"
|
|
937
|
-
]]
|
|
938
|
-
l("input", {
|
|
939
|
-
id: L(
|
|
960
|
+
]] }), [l("label", Ut, [
|
|
961
|
+
l("input", _(L(r)(), {
|
|
962
|
+
id: L(p),
|
|
940
963
|
type: "checkbox",
|
|
941
964
|
role: "switch",
|
|
942
965
|
class: "uid-switch__input",
|
|
943
966
|
name: e.name,
|
|
944
|
-
checked:
|
|
967
|
+
checked: d.value,
|
|
945
968
|
disabled: e.disabled,
|
|
946
969
|
required: e.required,
|
|
947
|
-
"aria-describedby":
|
|
948
|
-
"aria-invalid":
|
|
949
|
-
onChange:
|
|
950
|
-
}, null,
|
|
951
|
-
|
|
970
|
+
"aria-describedby": g.value ? m : void 0,
|
|
971
|
+
"aria-invalid": h.value ? "true" : void 0,
|
|
972
|
+
onChange: v
|
|
973
|
+
}), null, 16, Wt),
|
|
974
|
+
i[0] ||= l("span", {
|
|
952
975
|
class: "uid-switch__track",
|
|
953
976
|
"aria-hidden": "true"
|
|
954
977
|
}, [l("span", { class: "uid-switch__thumb" })], -1),
|
|
955
|
-
e.label ? (T(), c("span",
|
|
956
|
-
]),
|
|
978
|
+
e.label ? (T(), c("span", Gt, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Kt, "*")) : s("", !0)])) : s("", !0)
|
|
979
|
+
]), g.value ? (T(), c("p", {
|
|
957
980
|
key: 0,
|
|
958
|
-
id:
|
|
959
|
-
class: y(["uid-switch__hint",
|
|
960
|
-
}, P(
|
|
981
|
+
id: m,
|
|
982
|
+
class: y(["uid-switch__hint", h.value && "uid-switch__hint--error"])
|
|
983
|
+
}, P(g.value), 3)) : s("", !0)], 16));
|
|
961
984
|
}
|
|
962
|
-
}),
|
|
985
|
+
}), Jt = ["for"], Yt = {
|
|
963
986
|
key: 0,
|
|
964
987
|
class: "uid-label__required",
|
|
965
988
|
"aria-hidden": "true"
|
|
966
|
-
},
|
|
989
|
+
}, Xt = /* @__PURE__ */ f({
|
|
967
990
|
__name: "UidLabel",
|
|
968
991
|
props: {
|
|
969
992
|
for: { default: void 0 },
|
|
@@ -980,13 +1003,13 @@ var ct = ["for"], lt = {
|
|
|
980
1003
|
return (t, n) => (T(), c("label", {
|
|
981
1004
|
class: y(["uid-label", e.disabled && "uid-label--disabled"]),
|
|
982
1005
|
for: t.$props.for
|
|
983
|
-
}, [A(t.$slots, "default"), e.required ? (T(), c("span",
|
|
1006
|
+
}, [A(t.$slots, "default"), e.required ? (T(), c("span", Yt, "*")) : s("", !0)], 10, Jt));
|
|
984
1007
|
}
|
|
985
|
-
}),
|
|
1008
|
+
}), Zt = ["for"], Qt = {
|
|
986
1009
|
key: 0,
|
|
987
1010
|
class: "uid-form-field__required",
|
|
988
1011
|
"aria-hidden": "true"
|
|
989
|
-
},
|
|
1012
|
+
}, $t = { class: "uid-form-field__content" }, en = ["id"], tn = /* @__PURE__ */ f({
|
|
990
1013
|
__name: "UidFormField",
|
|
991
1014
|
props: {
|
|
992
1015
|
label: { default: void 0 },
|
|
@@ -1009,38 +1032,38 @@ var ct = ["for"], lt = {
|
|
|
1009
1032
|
key: 0,
|
|
1010
1033
|
class: "uid-form-field__label",
|
|
1011
1034
|
for: e.labelFor
|
|
1012
|
-
}, [A(t.$slots, "label", {}, () => [u(P(e.label), 1)]), e.required ? (T(), c("span",
|
|
1013
|
-
l("div",
|
|
1035
|
+
}, [A(t.$slots, "label", {}, () => [u(P(e.label), 1)]), e.required ? (T(), c("span", Qt, "*")) : s("", !0)], 8, Zt)) : s("", !0),
|
|
1036
|
+
l("div", $t, [A(t.$slots, "default")]),
|
|
1014
1037
|
r.value ? (T(), c("p", {
|
|
1015
1038
|
key: 1,
|
|
1016
1039
|
id: L(n),
|
|
1017
1040
|
class: y(["uid-form-field__hint", o.value && "uid-form-field__hint--error"])
|
|
1018
|
-
}, P(i.value), 11,
|
|
1041
|
+
}, P(i.value), 11, en)) : s("", !0)
|
|
1019
1042
|
], 2));
|
|
1020
1043
|
}
|
|
1021
|
-
}),
|
|
1022
|
-
function
|
|
1044
|
+
}), nn = Symbol("UidLocale");
|
|
1045
|
+
function rn(e, t) {
|
|
1023
1046
|
if (typeof t != "object" || !t) return e;
|
|
1024
1047
|
let n = { ...e };
|
|
1025
1048
|
for (let r of Object.keys(t)) {
|
|
1026
1049
|
let i = t[r], a = e[r];
|
|
1027
|
-
i && typeof i == "object" && !Array.isArray(i) && typeof a == "object" && a && !Array.isArray(a) ? n[r] =
|
|
1050
|
+
i && typeof i == "object" && !Array.isArray(i) && typeof a == "object" && a && !Array.isArray(a) ? n[r] = rn(a, i) : i !== void 0 && (n[r] = i);
|
|
1028
1051
|
}
|
|
1029
1052
|
return n;
|
|
1030
1053
|
}
|
|
1031
|
-
function
|
|
1054
|
+
function an(e) {
|
|
1032
1055
|
let t = a(() => {
|
|
1033
1056
|
let t = e.value;
|
|
1034
|
-
return t ?
|
|
1057
|
+
return t ? rn(Me, t) : Me;
|
|
1035
1058
|
});
|
|
1036
|
-
E(
|
|
1059
|
+
E(nn, t), K(() => Ie(t.value));
|
|
1037
1060
|
}
|
|
1038
1061
|
function $() {
|
|
1039
|
-
return h(
|
|
1062
|
+
return h(nn, null) || a(() => Me);
|
|
1040
1063
|
}
|
|
1041
1064
|
//#endregion
|
|
1042
1065
|
//#region src/components/Spinner/UidSpinner.vue?vue&type=script&setup=true&lang.ts
|
|
1043
|
-
var
|
|
1066
|
+
var on = ["aria-label"], sn = /* @__PURE__ */ f({
|
|
1044
1067
|
__name: "UidSpinner",
|
|
1045
1068
|
props: {
|
|
1046
1069
|
size: { default: "md" },
|
|
@@ -1052,13 +1075,13 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1052
1075
|
class: y(["uid-spinner", `uid-spinner--${e.size}`]),
|
|
1053
1076
|
role: "status",
|
|
1054
1077
|
"aria-label": e.label ?? L(t).common.loading
|
|
1055
|
-
}, null, 10,
|
|
1078
|
+
}, null, 10, on));
|
|
1056
1079
|
}
|
|
1057
|
-
}),
|
|
1080
|
+
}), cn = {
|
|
1058
1081
|
key: 0,
|
|
1059
1082
|
class: "uid-skeleton-lines",
|
|
1060
1083
|
"aria-hidden": "true"
|
|
1061
|
-
},
|
|
1084
|
+
}, ln = /* @__PURE__ */ f({
|
|
1062
1085
|
__name: "UidSkeleton",
|
|
1063
1086
|
props: {
|
|
1064
1087
|
width: { default: "100%" },
|
|
@@ -1070,7 +1093,7 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1070
1093
|
lines: { default: 1 }
|
|
1071
1094
|
},
|
|
1072
1095
|
setup(e) {
|
|
1073
|
-
return (n, r) => e.lines > 1 ? (T(), c("div",
|
|
1096
|
+
return (n, r) => e.lines > 1 ? (T(), c("div", cn, [(T(!0), c(t, null, k(e.lines, (t) => (T(), c("span", {
|
|
1074
1097
|
key: t,
|
|
1075
1098
|
class: y(["uid-skeleton", [e.rounded === !0 && "uid-skeleton--rounded", e.rounded === "full" && "uid-skeleton--full"]]),
|
|
1076
1099
|
style: b({
|
|
@@ -1087,7 +1110,7 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1087
1110
|
"aria-hidden": "true"
|
|
1088
1111
|
}, null, 6));
|
|
1089
1112
|
}
|
|
1090
|
-
}),
|
|
1113
|
+
}), un = /* @__PURE__ */ f({
|
|
1091
1114
|
__name: "UidBadge",
|
|
1092
1115
|
props: {
|
|
1093
1116
|
variant: { default: "default" },
|
|
@@ -1104,10 +1127,10 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1104
1127
|
e.dot && "uid-badge--dot"
|
|
1105
1128
|
]]) }, [e.dot ? s("", !0) : A(t.$slots, "default", { key: 0 })], 2));
|
|
1106
1129
|
}
|
|
1107
|
-
}),
|
|
1130
|
+
}), dn = { class: "uid-alert__icon" }, fn = { class: "uid-alert__content" }, pn = {
|
|
1108
1131
|
key: 0,
|
|
1109
1132
|
class: "uid-alert__title"
|
|
1110
|
-
},
|
|
1133
|
+
}, mn = { class: "uid-alert__body" }, hn = ["aria-label"], gn = /* @__PURE__ */ f({
|
|
1111
1134
|
__name: "UidAlert",
|
|
1112
1135
|
props: {
|
|
1113
1136
|
variant: { default: "info" },
|
|
@@ -1123,18 +1146,18 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1123
1146
|
let r = $(), i = t, o = n, u = {
|
|
1124
1147
|
info: ve,
|
|
1125
1148
|
success: oe,
|
|
1126
|
-
warning:
|
|
1127
|
-
danger:
|
|
1149
|
+
warning: ee,
|
|
1150
|
+
danger: Z
|
|
1128
1151
|
}, f = a(() => u[i.variant ?? "info"]);
|
|
1129
1152
|
return (n, i) => (T(), c("div", {
|
|
1130
1153
|
class: y(["uid-alert", `uid-alert--${t.variant}`]),
|
|
1131
1154
|
role: "alert"
|
|
1132
1155
|
}, [
|
|
1133
|
-
l("span",
|
|
1156
|
+
l("span", dn, [A(n.$slots, "icon", {}, () => [d(e, {
|
|
1134
1157
|
icon: t.icon ?? f.value,
|
|
1135
1158
|
size: 18
|
|
1136
1159
|
}, null, 8, ["icon"])])]),
|
|
1137
|
-
l("div",
|
|
1160
|
+
l("div", fn, [t.title ? (T(), c("p", pn, P(t.title), 1)) : s("", !0), l("div", mn, [A(n.$slots, "default")])]),
|
|
1138
1161
|
t.dismissible ? (T(), c("button", {
|
|
1139
1162
|
key: 0,
|
|
1140
1163
|
type: "button",
|
|
@@ -1144,13 +1167,13 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1144
1167
|
}, [d(e, {
|
|
1145
1168
|
icon: L(Ee),
|
|
1146
1169
|
size: 16
|
|
1147
|
-
}, null, 8, ["icon"])], 8,
|
|
1170
|
+
}, null, 8, ["icon"])], 8, hn)) : s("", !0)
|
|
1148
1171
|
], 2));
|
|
1149
1172
|
}
|
|
1150
|
-
}),
|
|
1173
|
+
}), _n = { class: "uid-toast__icon" }, vn = { class: "uid-toast__content" }, yn = {
|
|
1151
1174
|
key: 0,
|
|
1152
1175
|
class: "uid-toast__title"
|
|
1153
|
-
},
|
|
1176
|
+
}, bn = { class: "uid-toast__message" }, xn = ["aria-label"], Sn = /* @__PURE__ */ f({
|
|
1154
1177
|
__name: "UidToast",
|
|
1155
1178
|
props: {
|
|
1156
1179
|
id: {},
|
|
@@ -1163,8 +1186,8 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1163
1186
|
let r = $(), i = t, o = n, u = {
|
|
1164
1187
|
info: ve,
|
|
1165
1188
|
success: oe,
|
|
1166
|
-
warning:
|
|
1167
|
-
danger:
|
|
1189
|
+
warning: ee,
|
|
1190
|
+
danger: Z
|
|
1168
1191
|
}, f = a(() => u[i.variant ?? "info"]);
|
|
1169
1192
|
return (n, i) => (T(), c("div", {
|
|
1170
1193
|
class: y(["uid-toast", `uid-toast--${t.variant}`]),
|
|
@@ -1172,11 +1195,11 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1172
1195
|
"aria-live": "polite",
|
|
1173
1196
|
"aria-atomic": "true"
|
|
1174
1197
|
}, [
|
|
1175
|
-
l("span",
|
|
1198
|
+
l("span", _n, [d(e, {
|
|
1176
1199
|
icon: f.value,
|
|
1177
1200
|
size: 18
|
|
1178
1201
|
}, null, 8, ["icon"])]),
|
|
1179
|
-
l("div",
|
|
1202
|
+
l("div", vn, [t.title ? (T(), c("p", yn, P(t.title), 1)) : s("", !0), l("p", bn, P(t.message), 1)]),
|
|
1180
1203
|
l("button", {
|
|
1181
1204
|
type: "button",
|
|
1182
1205
|
class: "uid-toast__close",
|
|
@@ -1185,26 +1208,26 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
|
|
|
1185
1208
|
}, [d(e, {
|
|
1186
1209
|
icon: L(Ee),
|
|
1187
1210
|
size: 14
|
|
1188
|
-
}, null, 8, ["icon"])], 8,
|
|
1211
|
+
}, null, 8, ["icon"])], 8, xn)
|
|
1189
1212
|
], 2));
|
|
1190
1213
|
}
|
|
1191
|
-
}),
|
|
1192
|
-
function
|
|
1214
|
+
}), Cn = O([]), wn = 0;
|
|
1215
|
+
function Tn() {
|
|
1193
1216
|
function e(e) {
|
|
1194
1217
|
let n = typeof e == "string" ? { message: e } : e, r = {
|
|
1195
|
-
id: ++
|
|
1218
|
+
id: ++wn,
|
|
1196
1219
|
variant: "info",
|
|
1197
1220
|
duration: 4e3,
|
|
1198
1221
|
...n
|
|
1199
1222
|
};
|
|
1200
|
-
return
|
|
1223
|
+
return Cn.value.push(r), r.duration > 0 && setTimeout(() => t(r.id), r.duration), r.id;
|
|
1201
1224
|
}
|
|
1202
1225
|
function t(e) {
|
|
1203
|
-
let t =
|
|
1204
|
-
t !== -1 &&
|
|
1226
|
+
let t = Cn.value.findIndex((t) => t.id === e);
|
|
1227
|
+
t !== -1 && Cn.value.splice(t, 1);
|
|
1205
1228
|
}
|
|
1206
1229
|
function n() {
|
|
1207
|
-
|
|
1230
|
+
Cn.value = [];
|
|
1208
1231
|
}
|
|
1209
1232
|
function r(t) {
|
|
1210
1233
|
return e(typeof t == "string" ? {
|
|
@@ -1243,7 +1266,7 @@ function wn() {
|
|
|
1243
1266
|
});
|
|
1244
1267
|
}
|
|
1245
1268
|
return {
|
|
1246
|
-
toasts: D(
|
|
1269
|
+
toasts: D(Cn),
|
|
1247
1270
|
add: e,
|
|
1248
1271
|
dismiss: t,
|
|
1249
1272
|
clear: n,
|
|
@@ -1255,33 +1278,33 @@ function wn() {
|
|
|
1255
1278
|
}
|
|
1256
1279
|
//#endregion
|
|
1257
1280
|
//#region src/components/Toast/UidToastProvider.vue
|
|
1258
|
-
var
|
|
1281
|
+
var En = /* @__PURE__ */ f({
|
|
1259
1282
|
__name: "UidToastProvider",
|
|
1260
1283
|
setup(e) {
|
|
1261
|
-
let { toasts: r, dismiss: a } =
|
|
1284
|
+
let { toasts: r, dismiss: a } = Tn();
|
|
1262
1285
|
return (e, s) => (T(), o(n, { to: "body" }, [d(i, {
|
|
1263
1286
|
tag: "div",
|
|
1264
1287
|
name: "uid-toast",
|
|
1265
1288
|
class: "uid-toast-list"
|
|
1266
1289
|
}, {
|
|
1267
|
-
default: q(() => [(T(!0), c(t, null, k(L(r), (e) => (T(), o(
|
|
1290
|
+
default: q(() => [(T(!0), c(t, null, k(L(r), (e) => (T(), o(Sn, _({ key: e.id }, { ref_for: !0 }, e, { onDismiss: L(a) }), null, 16, ["onDismiss"]))), 128))]),
|
|
1268
1291
|
_: 1
|
|
1269
1292
|
})]));
|
|
1270
1293
|
}
|
|
1271
|
-
}),
|
|
1294
|
+
}), Dn = { class: "uid-progress-wrapper" }, On = {
|
|
1272
1295
|
key: 0,
|
|
1273
1296
|
class: "uid-progress-header"
|
|
1274
|
-
},
|
|
1297
|
+
}, kn = {
|
|
1275
1298
|
key: 0,
|
|
1276
1299
|
class: "uid-progress-label"
|
|
1277
|
-
},
|
|
1300
|
+
}, An = {
|
|
1278
1301
|
key: 1,
|
|
1279
1302
|
class: "uid-progress-value"
|
|
1280
|
-
},
|
|
1303
|
+
}, jn = [
|
|
1281
1304
|
"aria-valuemax",
|
|
1282
1305
|
"aria-valuenow",
|
|
1283
1306
|
"aria-label"
|
|
1284
|
-
],
|
|
1307
|
+
], Mn = /* @__PURE__ */ f({
|
|
1285
1308
|
__name: "UidProgress",
|
|
1286
1309
|
props: {
|
|
1287
1310
|
value: { default: void 0 },
|
|
@@ -1298,7 +1321,7 @@ var Tn = /* @__PURE__ */ f({
|
|
|
1298
1321
|
let t = e, n = a(() => {
|
|
1299
1322
|
if (t.value !== void 0) return Math.min(100, Math.max(0, t.value / (t.max ?? 100) * 100));
|
|
1300
1323
|
}), r = a(() => t.value === void 0), i = a(() => n.value === void 0 ? void 0 : `${Math.round(n.value)}%`);
|
|
1301
|
-
return (t, a) => (T(), c("div",
|
|
1324
|
+
return (t, a) => (T(), c("div", Dn, [e.label || e.showValue && i.value ? (T(), c("div", On, [e.label ? (T(), c("span", kn, P(e.label), 1)) : s("", !0), e.showValue && i.value ? (T(), c("span", An, P(i.value), 1)) : s("", !0)])) : s("", !0), l("div", {
|
|
1302
1325
|
class: y(["uid-progress", [
|
|
1303
1326
|
`uid-progress--${e.size}`,
|
|
1304
1327
|
`uid-progress--${e.variant}`,
|
|
@@ -1313,9 +1336,9 @@ var Tn = /* @__PURE__ */ f({
|
|
|
1313
1336
|
key: 0,
|
|
1314
1337
|
class: "uid-progress__bar",
|
|
1315
1338
|
style: b({ width: `${n.value}%` })
|
|
1316
|
-
}, null, 4))], 10,
|
|
1339
|
+
}, null, 4))], 10, jn)]));
|
|
1317
1340
|
}
|
|
1318
|
-
}),
|
|
1341
|
+
}), Nn = [
|
|
1319
1342
|
"a[href]",
|
|
1320
1343
|
"button:not([disabled])",
|
|
1321
1344
|
"input:not([disabled])",
|
|
@@ -1323,10 +1346,10 @@ var Tn = /* @__PURE__ */ f({
|
|
|
1323
1346
|
"textarea:not([disabled])",
|
|
1324
1347
|
"[tabindex]:not([tabindex=\"-1\"])"
|
|
1325
1348
|
].join(", ");
|
|
1326
|
-
function
|
|
1349
|
+
function Pn(e) {
|
|
1327
1350
|
let t = O(null);
|
|
1328
1351
|
function n() {
|
|
1329
|
-
return e.value ? Array.from(e.value.querySelectorAll(
|
|
1352
|
+
return e.value ? Array.from(e.value.querySelectorAll(Nn)).filter((e) => !e.closest("[aria-hidden=\"true\"]")) : [];
|
|
1330
1353
|
}
|
|
1331
1354
|
function r(e) {
|
|
1332
1355
|
if (e.key !== "Tab") return;
|
|
@@ -1351,17 +1374,17 @@ function Nn(e) {
|
|
|
1351
1374
|
}
|
|
1352
1375
|
//#endregion
|
|
1353
1376
|
//#region src/composables/useScrollLock.ts
|
|
1354
|
-
var
|
|
1355
|
-
function
|
|
1377
|
+
var Fn = 0;
|
|
1378
|
+
function In() {
|
|
1356
1379
|
let e = !1;
|
|
1357
1380
|
function t() {
|
|
1358
|
-
if (!e && (e = !0,
|
|
1381
|
+
if (!e && (e = !0, Fn++, Fn === 1)) {
|
|
1359
1382
|
let e = window.innerWidth - document.documentElement.clientWidth;
|
|
1360
1383
|
document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`);
|
|
1361
1384
|
}
|
|
1362
1385
|
}
|
|
1363
1386
|
function n() {
|
|
1364
|
-
e && (e = !1,
|
|
1387
|
+
e && (e = !1, Fn--, Fn === 0 && (document.body.style.overflow = "", document.body.style.paddingRight = ""));
|
|
1365
1388
|
}
|
|
1366
1389
|
return {
|
|
1367
1390
|
lock: t,
|
|
@@ -1370,18 +1393,18 @@ function Fn() {
|
|
|
1370
1393
|
}
|
|
1371
1394
|
//#endregion
|
|
1372
1395
|
//#region src/composables/useOverlayStack.ts
|
|
1373
|
-
var
|
|
1374
|
-
function
|
|
1396
|
+
var Ln = [];
|
|
1397
|
+
function Rn() {
|
|
1375
1398
|
let e = Symbol("uid-overlay");
|
|
1376
1399
|
function t() {
|
|
1377
|
-
|
|
1400
|
+
Ln.includes(e) || Ln.push(e);
|
|
1378
1401
|
}
|
|
1379
1402
|
function n() {
|
|
1380
|
-
let t =
|
|
1381
|
-
t >= 0 &&
|
|
1403
|
+
let t = Ln.indexOf(e);
|
|
1404
|
+
t >= 0 && Ln.splice(t, 1);
|
|
1382
1405
|
}
|
|
1383
1406
|
function r() {
|
|
1384
|
-
return
|
|
1407
|
+
return Ln[Ln.length - 1] === e;
|
|
1385
1408
|
}
|
|
1386
1409
|
return {
|
|
1387
1410
|
push: t,
|
|
@@ -1391,10 +1414,10 @@ function Ln() {
|
|
|
1391
1414
|
}
|
|
1392
1415
|
//#endregion
|
|
1393
1416
|
//#region src/components/Modal/UidModal.vue?vue&type=script&setup=true&lang.ts
|
|
1394
|
-
var
|
|
1417
|
+
var zn = ["aria-labelledby"], Bn = { class: "uid-modal__header" }, Vn = ["id"], Hn = ["aria-label"], Un = { class: "uid-modal__body" }, Wn = {
|
|
1395
1418
|
key: 0,
|
|
1396
1419
|
class: "uid-modal__footer"
|
|
1397
|
-
},
|
|
1420
|
+
}, Gn = /* @__PURE__ */ f({
|
|
1398
1421
|
__name: "UidModal",
|
|
1399
1422
|
props: /* @__PURE__ */ g({
|
|
1400
1423
|
title: { default: void 0 },
|
|
@@ -1420,7 +1443,7 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1420
1443
|
}),
|
|
1421
1444
|
emits: /* @__PURE__ */ g(["close"], ["update:modelValue"]),
|
|
1422
1445
|
setup(t, { emit: i }) {
|
|
1423
|
-
let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } =
|
|
1446
|
+
let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Pn(h), b = Rn(), { lock: S, unlock: C } = In();
|
|
1424
1447
|
function w() {
|
|
1425
1448
|
u.value = !1, p("close");
|
|
1426
1449
|
}
|
|
@@ -1449,11 +1472,11 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1449
1472
|
"aria-labelledby": t.title ? L(m) : void 0,
|
|
1450
1473
|
tabindex: "-1"
|
|
1451
1474
|
}, [
|
|
1452
|
-
l("div",
|
|
1475
|
+
l("div", Bn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
|
|
1453
1476
|
key: 0,
|
|
1454
1477
|
id: L(m),
|
|
1455
1478
|
class: "uid-modal__title"
|
|
1456
|
-
}, P(t.title), 9,
|
|
1479
|
+
}, P(t.title), 9, Vn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
|
|
1457
1480
|
key: 0,
|
|
1458
1481
|
type: "button",
|
|
1459
1482
|
class: "uid-modal__close",
|
|
@@ -1462,17 +1485,17 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1462
1485
|
}, [d(e, {
|
|
1463
1486
|
icon: L(Ee),
|
|
1464
1487
|
size: 18
|
|
1465
|
-
}, null, 8, ["icon"])], 8,
|
|
1466
|
-
l("div",
|
|
1467
|
-
i.$slots.footer ? (T(), c("div",
|
|
1468
|
-
], 10,
|
|
1488
|
+
}, null, 8, ["icon"])], 8, Hn))]),
|
|
1489
|
+
l("div", Un, [A(i.$slots, "default")]),
|
|
1490
|
+
i.$slots.footer ? (T(), c("div", Wn, [A(i.$slots, "footer")])) : s("", !0)
|
|
1491
|
+
], 10, zn)])) : s("", !0)]),
|
|
1469
1492
|
_: 3
|
|
1470
1493
|
})]));
|
|
1471
1494
|
}
|
|
1472
|
-
}),
|
|
1495
|
+
}), Kn = ["aria-labelledby"], qn = { class: "uid-drawer__header" }, Jn = ["id"], Yn = ["aria-label"], Xn = { class: "uid-drawer__body" }, Zn = {
|
|
1473
1496
|
key: 0,
|
|
1474
1497
|
class: "uid-drawer__footer"
|
|
1475
|
-
},
|
|
1498
|
+
}, Qn = /* @__PURE__ */ f({
|
|
1476
1499
|
__name: "UidDrawer",
|
|
1477
1500
|
props: /* @__PURE__ */ g({
|
|
1478
1501
|
title: { default: void 0 },
|
|
@@ -1500,7 +1523,7 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1500
1523
|
}),
|
|
1501
1524
|
emits: /* @__PURE__ */ g(["close"], ["update:modelValue"]),
|
|
1502
1525
|
setup(t, { emit: i }) {
|
|
1503
|
-
let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } =
|
|
1526
|
+
let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Pn(h), S = Rn(), { lock: C, unlock: w } = In();
|
|
1504
1527
|
function E() {
|
|
1505
1528
|
u.value = !1, p("close");
|
|
1506
1529
|
}
|
|
@@ -1532,11 +1555,11 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1532
1555
|
"aria-labelledby": t.title ? L(m) : void 0,
|
|
1533
1556
|
tabindex: "-1"
|
|
1534
1557
|
}, [
|
|
1535
|
-
l("div",
|
|
1558
|
+
l("div", qn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
|
|
1536
1559
|
key: 0,
|
|
1537
1560
|
id: L(m),
|
|
1538
1561
|
class: "uid-drawer__title"
|
|
1539
|
-
}, P(t.title), 9,
|
|
1562
|
+
}, P(t.title), 9, Jn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
|
|
1540
1563
|
key: 0,
|
|
1541
1564
|
type: "button",
|
|
1542
1565
|
class: "uid-drawer__close",
|
|
@@ -1545,15 +1568,15 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
|
|
|
1545
1568
|
}, [d(e, {
|
|
1546
1569
|
icon: L(Ee),
|
|
1547
1570
|
size: 18
|
|
1548
|
-
}, null, 8, ["icon"])], 8,
|
|
1549
|
-
l("div",
|
|
1550
|
-
i.$slots.footer ? (T(), c("div",
|
|
1551
|
-
], 14,
|
|
1571
|
+
}, null, 8, ["icon"])], 8, Yn))]),
|
|
1572
|
+
l("div", Xn, [A(i.$slots, "default")]),
|
|
1573
|
+
i.$slots.footer ? (T(), c("div", Zn, [A(i.$slots, "footer")])) : s("", !0)
|
|
1574
|
+
], 14, Kn)])) : s("", !0)]),
|
|
1552
1575
|
_: 3
|
|
1553
1576
|
}, 8, ["name"])]));
|
|
1554
1577
|
}
|
|
1555
|
-
}),
|
|
1556
|
-
function
|
|
1578
|
+
}), $n = 8, er = 8;
|
|
1579
|
+
function tr(e, t, n = {}) {
|
|
1557
1580
|
let r = O(0), i = O(0), o = O(I(n.placement) ?? "bottom"), s = a(() => ({
|
|
1558
1581
|
position: "fixed",
|
|
1559
1582
|
left: `${r.value}px`,
|
|
@@ -1562,7 +1585,7 @@ function er(e, t, n = {}) {
|
|
|
1562
1585
|
function c() {
|
|
1563
1586
|
let a = e.value, s = t.value;
|
|
1564
1587
|
if (!a || !s) return;
|
|
1565
|
-
let c = a.getBoundingClientRect(), l = s.getBoundingClientRect(), u = n.offset ??
|
|
1588
|
+
let c = a.getBoundingClientRect(), l = s.getBoundingClientRect(), u = n.offset ?? $n, d = window.innerWidth, f = window.innerHeight, p = I(n.placement) ?? "bottom";
|
|
1566
1589
|
if (p.startsWith("bottom")) {
|
|
1567
1590
|
let e = f - c.bottom, t = c.top;
|
|
1568
1591
|
e < l.height + u && t > e && (p = p.replace("bottom", "top"));
|
|
@@ -1572,7 +1595,7 @@ function er(e, t, n = {}) {
|
|
|
1572
1595
|
}
|
|
1573
1596
|
o.value = p;
|
|
1574
1597
|
let m = 0, h = 0;
|
|
1575
|
-
p.startsWith("bottom") ? (h = c.bottom + u, m = p === "bottom" ? c.left + c.width / 2 - l.width / 2 : p === "bottom-start" ? c.left : c.right - l.width) : p.startsWith("top") ? (h = c.top - l.height - u, m = p === "top" ? c.left + c.width / 2 - l.width / 2 : p === "top-start" ? c.left : c.right - l.width) : p === "left" ? (m = c.left - l.width - u, h = c.top + c.height / 2 - l.height / 2) : (m = c.right + u, h = c.top + c.height / 2 - l.height / 2), r.value = Math.max(
|
|
1598
|
+
p.startsWith("bottom") ? (h = c.bottom + u, m = p === "bottom" ? c.left + c.width / 2 - l.width / 2 : p === "bottom-start" ? c.left : c.right - l.width) : p.startsWith("top") ? (h = c.top - l.height - u, m = p === "top" ? c.left + c.width / 2 - l.width / 2 : p === "top-start" ? c.left : c.right - l.width) : p === "left" ? (m = c.left - l.width - u, h = c.top + c.height / 2 - l.height / 2) : (m = c.right + u, h = c.top + c.height / 2 - l.height / 2), r.value = Math.max(er, Math.min(m, d - l.width - er)), i.value = Math.max(er, Math.min(h, f - l.height - er));
|
|
1576
1599
|
}
|
|
1577
1600
|
return {
|
|
1578
1601
|
x: r,
|
|
@@ -1584,7 +1607,7 @@ function er(e, t, n = {}) {
|
|
|
1584
1607
|
}
|
|
1585
1608
|
//#endregion
|
|
1586
1609
|
//#region src/components/Tooltip/UidTooltip.vue?vue&type=script&setup=true&lang.ts
|
|
1587
|
-
var
|
|
1610
|
+
var nr = ["aria-describedby"], rr = ["id"], ir = /* @__PURE__ */ f({
|
|
1588
1611
|
__name: "UidTooltip",
|
|
1589
1612
|
props: {
|
|
1590
1613
|
content: {},
|
|
@@ -1595,7 +1618,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
|
|
|
1595
1618
|
}
|
|
1596
1619
|
},
|
|
1597
1620
|
setup(e) {
|
|
1598
|
-
let i = e, u = z(), f = O(null), p = O(null), m = O(!1), { floatingStyle: h, update: g } =
|
|
1621
|
+
let i = e, u = z(), f = O(null), p = O(null), m = O(!1), { floatingStyle: h, update: g } = tr(f, p, { placement: a(() => i.placement) });
|
|
1599
1622
|
async function _() {
|
|
1600
1623
|
i.disabled || (m.value = !0, await v(), g());
|
|
1601
1624
|
}
|
|
@@ -1611,7 +1634,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
|
|
|
1611
1634
|
onMouseleave: y,
|
|
1612
1635
|
onFocusin: _,
|
|
1613
1636
|
onFocusout: y
|
|
1614
|
-
}, [A(i.$slots, "default")], 40,
|
|
1637
|
+
}, [A(i.$slots, "default")], 40, nr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-tooltip" }, {
|
|
1615
1638
|
default: q(() => [m.value ? (T(), c("div", {
|
|
1616
1639
|
key: 0,
|
|
1617
1640
|
id: L(u),
|
|
@@ -1620,19 +1643,19 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
|
|
|
1620
1643
|
class: "uid-tooltip",
|
|
1621
1644
|
role: "tooltip",
|
|
1622
1645
|
style: b(L(h))
|
|
1623
|
-
}, P(e.content), 13,
|
|
1646
|
+
}, P(e.content), 13, rr)) : s("", !0)]),
|
|
1624
1647
|
_: 1
|
|
1625
1648
|
})]))], 64));
|
|
1626
1649
|
}
|
|
1627
|
-
}),
|
|
1650
|
+
}), ar = [
|
|
1628
1651
|
"aria-expanded",
|
|
1629
1652
|
"aria-controls",
|
|
1630
1653
|
"onKeydown"
|
|
1631
|
-
],
|
|
1654
|
+
], or = ["id"], sr = /* @__PURE__ */ f({
|
|
1632
1655
|
__name: "UidPopover",
|
|
1633
1656
|
props: { placement: { default: "bottom" } },
|
|
1634
1657
|
setup(e) {
|
|
1635
|
-
let i = e, u = O(null), f = O(null), p = O(!1), m = z(), { floatingStyle: h, update: g } =
|
|
1658
|
+
let i = e, u = O(null), f = O(null), p = O(!1), m = z(), { floatingStyle: h, update: g } = tr(u, f, { placement: a(() => i.placement) });
|
|
1636
1659
|
async function _() {
|
|
1637
1660
|
p.value = !p.value, p.value && (await v(), g());
|
|
1638
1661
|
}
|
|
@@ -1661,7 +1684,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
|
|
|
1661
1684
|
"aria-controls": L(m),
|
|
1662
1685
|
onClick: _,
|
|
1663
1686
|
onKeydown: [Y(X(_, ["prevent"]), ["enter"]), Y(X(_, ["prevent"]), ["space"])]
|
|
1664
|
-
}, [A(e.$slots, "trigger")], 40,
|
|
1687
|
+
}, [A(e.$slots, "trigger")], 40, ar), (T(), o(n, { to: "body" }, [d(r, { name: "uid-popover" }, {
|
|
1665
1688
|
default: q(() => [p.value ? (T(), c("div", {
|
|
1666
1689
|
key: 0,
|
|
1667
1690
|
id: L(m),
|
|
@@ -1670,16 +1693,16 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
|
|
|
1670
1693
|
class: "uid-popover",
|
|
1671
1694
|
role: "dialog",
|
|
1672
1695
|
style: b(L(h))
|
|
1673
|
-
}, [A(e.$slots, "default")], 12,
|
|
1696
|
+
}, [A(e.$slots, "default")], 12, or)) : s("", !0)]),
|
|
1674
1697
|
_: 3
|
|
1675
1698
|
})]))], 64));
|
|
1676
1699
|
}
|
|
1677
|
-
}),
|
|
1678
|
-
function
|
|
1679
|
-
return e ? Array.from(e.querySelectorAll(
|
|
1700
|
+
}), cr = Symbol("uid-menu-close"), lr = Symbol("uid-menu-level"), ur = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
|
|
1701
|
+
function dr(e) {
|
|
1702
|
+
return e ? Array.from(e.querySelectorAll(ur)).filter((t) => t.parentElement?.closest("[role=\"menu\"]") === e) : [];
|
|
1680
1703
|
}
|
|
1681
|
-
function
|
|
1682
|
-
let n =
|
|
1704
|
+
function fr(e, t) {
|
|
1705
|
+
let n = dr(e);
|
|
1683
1706
|
if (!n.length) return !1;
|
|
1684
1707
|
let r = n.indexOf(document.activeElement), i;
|
|
1685
1708
|
if (t === "ArrowDown") i = n[(r + 1) % n.length];
|
|
@@ -1691,30 +1714,30 @@ function dr(e, t) {
|
|
|
1691
1714
|
}
|
|
1692
1715
|
//#endregion
|
|
1693
1716
|
//#region src/components/Menu/UidMenu.vue?vue&type=script&setup=true&lang.ts
|
|
1694
|
-
var
|
|
1717
|
+
var pr = [
|
|
1695
1718
|
"role",
|
|
1696
1719
|
"tabindex",
|
|
1697
1720
|
"aria-haspopup",
|
|
1698
1721
|
"aria-expanded",
|
|
1699
1722
|
"aria-controls"
|
|
1700
|
-
],
|
|
1723
|
+
], mr = ["id"], hr = "button, a[href], input, select, textarea, [role=\"button\"], [tabindex]", gr = /* @__PURE__ */ f({
|
|
1701
1724
|
__name: "UidMenu",
|
|
1702
1725
|
setup(e) {
|
|
1703
|
-
let i = O(null), u = O(null), f = O(!1), p = z(), { floatingStyle: m, update: h } =
|
|
1726
|
+
let i = O(null), u = O(null), f = O(!1), p = z(), { floatingStyle: m, update: h } = tr(a(() => i.value?.firstElementChild ?? i.value), u, { placement: "bottom-start" }), g = O(!1);
|
|
1704
1727
|
function _() {
|
|
1705
1728
|
let e = i.value?.firstElementChild;
|
|
1706
|
-
g.value = e !== null && e.matches(
|
|
1729
|
+
g.value = e !== null && e.matches(hr), g.value && (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", String(f.value)), e.setAttribute("aria-controls", p));
|
|
1707
1730
|
}
|
|
1708
1731
|
S(_), G(f, _);
|
|
1709
1732
|
function y() {
|
|
1710
|
-
return
|
|
1733
|
+
return dr(u.value);
|
|
1711
1734
|
}
|
|
1712
1735
|
function x() {
|
|
1713
1736
|
f.value = !1, i.value?.querySelector("button, [tabindex]")?.focus();
|
|
1714
1737
|
}
|
|
1715
|
-
E(
|
|
1738
|
+
E(cr, x);
|
|
1716
1739
|
let w = O(null);
|
|
1717
|
-
E(
|
|
1740
|
+
E(lr, { activeSubmenu: w }), G(f, (e) => {
|
|
1718
1741
|
e || (w.value = null);
|
|
1719
1742
|
});
|
|
1720
1743
|
async function D() {
|
|
@@ -1726,7 +1749,7 @@ var fr = [
|
|
|
1726
1749
|
(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && !f.value && (e.preventDefault(), D());
|
|
1727
1750
|
}
|
|
1728
1751
|
function j(e) {
|
|
1729
|
-
|
|
1752
|
+
fr(u.value, e.key) ? e.preventDefault() : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), x()) : e.key === "Tab" && x();
|
|
1730
1753
|
}
|
|
1731
1754
|
function M(e) {
|
|
1732
1755
|
let t = e.target;
|
|
@@ -1747,7 +1770,7 @@ var fr = [
|
|
|
1747
1770
|
"aria-controls": g.value ? void 0 : L(p),
|
|
1748
1771
|
onClick: D,
|
|
1749
1772
|
onKeydown: k
|
|
1750
|
-
}, [A(e.$slots, "trigger")], 40,
|
|
1773
|
+
}, [A(e.$slots, "trigger")], 40, pr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-menu" }, {
|
|
1751
1774
|
default: q(() => [f.value ? (T(), c("div", {
|
|
1752
1775
|
key: 0,
|
|
1753
1776
|
id: L(p),
|
|
@@ -1757,11 +1780,11 @@ var fr = [
|
|
|
1757
1780
|
role: "menu",
|
|
1758
1781
|
style: b(L(m)),
|
|
1759
1782
|
onKeydown: j
|
|
1760
|
-
}, [A(e.$slots, "default")], 44,
|
|
1783
|
+
}, [A(e.$slots, "default")], 44, mr)) : s("", !0)]),
|
|
1761
1784
|
_: 3
|
|
1762
1785
|
})]))], 64));
|
|
1763
1786
|
}
|
|
1764
|
-
}),
|
|
1787
|
+
}), _r = ["disabled"], vr = /* @__PURE__ */ f({
|
|
1765
1788
|
__name: "UidMenuItem",
|
|
1766
1789
|
props: {
|
|
1767
1790
|
icon: { default: void 0 },
|
|
@@ -1773,7 +1796,7 @@ var fr = [
|
|
|
1773
1796
|
},
|
|
1774
1797
|
emits: ["click"],
|
|
1775
1798
|
setup(t, { emit: n }) {
|
|
1776
|
-
let r = t, i = n, a = h(
|
|
1799
|
+
let r = t, i = n, a = h(cr, () => {});
|
|
1777
1800
|
function l(e) {
|
|
1778
1801
|
r.disabled || (i("click", e), a());
|
|
1779
1802
|
}
|
|
@@ -1788,25 +1811,25 @@ var fr = [
|
|
|
1788
1811
|
class: "uid-menu-item__icon",
|
|
1789
1812
|
icon: t.icon,
|
|
1790
1813
|
size: 16
|
|
1791
|
-
}, null, 8, ["icon"])) : s("", !0), A(n.$slots, "default")], 10,
|
|
1814
|
+
}, null, 8, ["icon"])) : s("", !0), A(n.$slots, "default")], 10, _r));
|
|
1792
1815
|
}
|
|
1793
|
-
}),
|
|
1816
|
+
}), yr = (e, t) => {
|
|
1794
1817
|
let n = e.__vccOpts || e;
|
|
1795
1818
|
for (let [e, r] of t) n[e] = r;
|
|
1796
1819
|
return n;
|
|
1797
|
-
},
|
|
1820
|
+
}, br = {}, xr = {
|
|
1798
1821
|
class: "uid-menu-separator",
|
|
1799
1822
|
role: "separator",
|
|
1800
1823
|
"aria-hidden": "true"
|
|
1801
1824
|
};
|
|
1802
|
-
function
|
|
1803
|
-
return T(), c("div",
|
|
1825
|
+
function Sr(e, t) {
|
|
1826
|
+
return T(), c("div", xr);
|
|
1804
1827
|
}
|
|
1805
|
-
var
|
|
1828
|
+
var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
|
|
1806
1829
|
"aria-expanded",
|
|
1807
1830
|
"aria-controls",
|
|
1808
1831
|
"disabled"
|
|
1809
|
-
],
|
|
1832
|
+
], Tr = { class: "uid-submenu__label" }, Er = ["aria-label", "data-side"], Dr = 100, Or = 200, kr = 8, Ar = 2, jr = /* @__PURE__ */ f({
|
|
1810
1833
|
__name: "UidSubMenu",
|
|
1811
1834
|
props: {
|
|
1812
1835
|
label: { default: "" },
|
|
@@ -1823,8 +1846,8 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1823
1846
|
left: "0px",
|
|
1824
1847
|
top: "0px",
|
|
1825
1848
|
visibility: "hidden"
|
|
1826
|
-
}), D = h(
|
|
1827
|
-
E(
|
|
1849
|
+
}), D = h(lr, null), k = O(null);
|
|
1850
|
+
E(lr, { activeSubmenu: k });
|
|
1828
1851
|
let j, M, N = "";
|
|
1829
1852
|
function F() {
|
|
1830
1853
|
clearTimeout(j), clearTimeout(M);
|
|
@@ -1832,20 +1855,20 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1832
1855
|
function I() {
|
|
1833
1856
|
let e = g.value, t = _.value;
|
|
1834
1857
|
if (!e || !t) return;
|
|
1835
|
-
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = n.right +
|
|
1836
|
-
if (S.value = "right", o + r.width > i -
|
|
1837
|
-
let e = n.left -
|
|
1838
|
-
e >=
|
|
1858
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = n.right + Ar;
|
|
1859
|
+
if (S.value = "right", o + r.width > i - kr) {
|
|
1860
|
+
let e = n.left - Ar - r.width;
|
|
1861
|
+
e >= kr ? (o = e, S.value = "left") : o = Math.max(kr, i - kr - r.width);
|
|
1839
1862
|
}
|
|
1840
1863
|
let s = parseFloat(getComputedStyle(t).paddingTop) || 0, c = n.top - s;
|
|
1841
|
-
c + r.height > a -
|
|
1864
|
+
c + r.height > a - kr && (c = a - kr - r.height), c = Math.max(kr, c), w.value = {
|
|
1842
1865
|
position: "fixed",
|
|
1843
1866
|
left: `${o}px`,
|
|
1844
1867
|
top: `${c}px`
|
|
1845
1868
|
};
|
|
1846
1869
|
}
|
|
1847
1870
|
async function R(e = !1) {
|
|
1848
|
-
a.disabled || (F(), D && (D.activeSubmenu.value = p), x.value || (x.value = !0, f("open")), await v(), I(), e && (await v(),
|
|
1871
|
+
a.disabled || (F(), D && (D.activeSubmenu.value = p), x.value || (x.value = !0, f("open")), await v(), I(), e && (await v(), dr(_.value)[0]?.focus()));
|
|
1849
1872
|
}
|
|
1850
1873
|
function B(e = !1) {
|
|
1851
1874
|
F(), x.value && (x.value = !1, k.value = null, f("close")), D && D.activeSubmenu.value === p && (D.activeSubmenu.value = null), e && g.value?.focus();
|
|
@@ -1859,13 +1882,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1859
1882
|
function H(e) {
|
|
1860
1883
|
N = e.pointerType, !(e.pointerType !== "mouse" || a.disabled) && (clearTimeout(M), !x.value && (j = setTimeout(() => {
|
|
1861
1884
|
R();
|
|
1862
|
-
},
|
|
1885
|
+
}, Dr)));
|
|
1863
1886
|
}
|
|
1864
1887
|
function U() {
|
|
1865
1888
|
clearTimeout(M);
|
|
1866
1889
|
}
|
|
1867
1890
|
function W() {
|
|
1868
|
-
clearTimeout(j), !(N !== "mouse" || !x.value) && (M = setTimeout(() => B(),
|
|
1891
|
+
clearTimeout(j), !(N !== "mouse" || !x.value) && (M = setTimeout(() => B(), Or));
|
|
1869
1892
|
}
|
|
1870
1893
|
function K() {
|
|
1871
1894
|
a.disabled || (x.value && N !== "mouse" ? B() : R());
|
|
@@ -1874,7 +1897,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1874
1897
|
(e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), R(!0));
|
|
1875
1898
|
}
|
|
1876
1899
|
function Y(e) {
|
|
1877
|
-
|
|
1900
|
+
fr(_.value, e.key) ? (e.preventDefault(), e.stopPropagation()) : (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), B(!0));
|
|
1878
1901
|
}
|
|
1879
1902
|
return C(() => {
|
|
1880
1903
|
F(), D && D.activeSubmenu.value === p && (D.activeSubmenu.value = null);
|
|
@@ -1910,13 +1933,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1910
1933
|
icon: t.icon,
|
|
1911
1934
|
size: 16
|
|
1912
1935
|
}, null, 8, ["icon"])) : s("", !0),
|
|
1913
|
-
l("span",
|
|
1936
|
+
l("span", Tr, [A(n.$slots, "label", {}, () => [u(P(t.label), 1)])]),
|
|
1914
1937
|
d(e, {
|
|
1915
1938
|
icon: L(le),
|
|
1916
1939
|
size: 16,
|
|
1917
1940
|
class: "uid-submenu__chevron"
|
|
1918
1941
|
}, null, 8, ["icon"])
|
|
1919
|
-
], 42,
|
|
1942
|
+
], 42, wr), d(r, { name: "uid-submenu" }, {
|
|
1920
1943
|
default: q(() => [x.value ? (T(), c("div", {
|
|
1921
1944
|
key: 0,
|
|
1922
1945
|
id: m,
|
|
@@ -1928,11 +1951,11 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1928
1951
|
"data-side": S.value,
|
|
1929
1952
|
style: b(w.value),
|
|
1930
1953
|
onKeydown: Y
|
|
1931
|
-
}, [A(n.$slots, "default")], 44,
|
|
1954
|
+
}, [A(n.$slots, "default")], 44, Er)) : s("", !0)]),
|
|
1932
1955
|
_: 3
|
|
1933
1956
|
})], 32));
|
|
1934
1957
|
}
|
|
1935
|
-
}),
|
|
1958
|
+
}), Mr = Symbol("uid-tabs"), Nr = ["aria-orientation"], Pr = { class: "uid-tabs__panels" }, Fr = /* @__PURE__ */ f({
|
|
1936
1959
|
__name: "UidTabs",
|
|
1937
1960
|
props: /* @__PURE__ */ g({ orientation: { default: "horizontal" } }, {
|
|
1938
1961
|
modelValue: { required: !0 },
|
|
@@ -1941,7 +1964,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1941
1964
|
emits: ["update:modelValue"],
|
|
1942
1965
|
setup(e) {
|
|
1943
1966
|
let t = B(e, "modelValue");
|
|
1944
|
-
return E(
|
|
1967
|
+
return E(Mr, {
|
|
1945
1968
|
activeTab: t,
|
|
1946
1969
|
setTab: (e) => {
|
|
1947
1970
|
t.value = e;
|
|
@@ -1951,15 +1974,15 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1951
1974
|
class: "uid-tabs__list",
|
|
1952
1975
|
role: "tablist",
|
|
1953
1976
|
"aria-orientation": e.orientation
|
|
1954
|
-
}, [A(t.$slots, "list")], 8,
|
|
1977
|
+
}, [A(t.$slots, "list")], 8, Nr), l("div", Pr, [A(t.$slots, "default")])], 2));
|
|
1955
1978
|
}
|
|
1956
|
-
}),
|
|
1979
|
+
}), Ir = [
|
|
1957
1980
|
"id",
|
|
1958
1981
|
"aria-selected",
|
|
1959
1982
|
"aria-controls",
|
|
1960
1983
|
"disabled",
|
|
1961
1984
|
"tabindex"
|
|
1962
|
-
],
|
|
1985
|
+
], Lr = /* @__PURE__ */ f({
|
|
1963
1986
|
__name: "UidTab",
|
|
1964
1987
|
props: {
|
|
1965
1988
|
value: {},
|
|
@@ -1969,7 +1992,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1969
1992
|
}
|
|
1970
1993
|
},
|
|
1971
1994
|
setup(e) {
|
|
1972
|
-
let t = e, n = h(
|
|
1995
|
+
let t = e, n = h(Mr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-tab-${t.value}`), o = a(() => `${n.idPrefix}-panel-${t.value}`);
|
|
1973
1996
|
function s() {
|
|
1974
1997
|
t.disabled || n.setTab(t.value);
|
|
1975
1998
|
}
|
|
@@ -1998,13 +2021,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
1998
2021
|
tabindex: r.value ? 0 : -1,
|
|
1999
2022
|
onClick: s,
|
|
2000
2023
|
onKeydown: l
|
|
2001
|
-
}, [A(t.$slots, "default")], 42,
|
|
2024
|
+
}, [A(t.$slots, "default")], 42, Ir));
|
|
2002
2025
|
}
|
|
2003
|
-
}),
|
|
2026
|
+
}), Rr = ["id", "aria-labelledby"], zr = /* @__PURE__ */ f({
|
|
2004
2027
|
__name: "UidTabPanel",
|
|
2005
2028
|
props: { value: {} },
|
|
2006
2029
|
setup(e) {
|
|
2007
|
-
let t = e, n = h(
|
|
2030
|
+
let t = e, n = h(Mr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-panel-${t.value}`), o = a(() => `${n.idPrefix}-tab-${t.value}`);
|
|
2008
2031
|
return (e, t) => r.value ? (T(), c("div", {
|
|
2009
2032
|
key: 0,
|
|
2010
2033
|
id: i.value,
|
|
@@ -2012,9 +2035,9 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
2012
2035
|
role: "tabpanel",
|
|
2013
2036
|
"aria-labelledby": o.value,
|
|
2014
2037
|
tabindex: "0"
|
|
2015
|
-
}, [A(e.$slots, "default")], 8,
|
|
2038
|
+
}, [A(e.$slots, "default")], 8, Rr)) : s("", !0);
|
|
2016
2039
|
}
|
|
2017
|
-
}),
|
|
2040
|
+
}), Br = Symbol("UidBreadcrumb"), Vr = ["aria-label"], Hr = ["id", "aria-label"], Ur = ["aria-disabled", "onClick"], Wr = /* @__PURE__ */ f({
|
|
2018
2041
|
__name: "UidBreadcrumb",
|
|
2019
2042
|
props: {
|
|
2020
2043
|
label: { default: void 0 },
|
|
@@ -2070,11 +2093,11 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
2070
2093
|
S(() => {
|
|
2071
2094
|
B(), M();
|
|
2072
2095
|
}), G(() => i.collapse, () => {
|
|
2073
|
-
B(), M(), i.collapse ||
|
|
2096
|
+
B(), M(), i.collapse || ne();
|
|
2074
2097
|
}), x(() => {
|
|
2075
|
-
V(),
|
|
2098
|
+
V(), te();
|
|
2076
2099
|
});
|
|
2077
|
-
let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } =
|
|
2100
|
+
let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } = tr(U, W, {
|
|
2078
2101
|
placement: "bottom-start",
|
|
2079
2102
|
offset: 4
|
|
2080
2103
|
});
|
|
@@ -2089,35 +2112,35 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
2089
2112
|
target: n
|
|
2090
2113
|
};
|
|
2091
2114
|
}));
|
|
2092
|
-
function
|
|
2115
|
+
function Z() {
|
|
2093
2116
|
return Array.from(W.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
|
|
2094
2117
|
}
|
|
2095
|
-
async function
|
|
2096
|
-
U.value = e, H.value = !0, await v(), J(),
|
|
2118
|
+
async function ee(e) {
|
|
2119
|
+
U.value = e, H.value = !0, await v(), J(), Z()[0]?.focus(), document.addEventListener("pointerdown", ie), window.addEventListener("resize", J), window.addEventListener("scroll", J, !0);
|
|
2097
2120
|
}
|
|
2098
|
-
function
|
|
2121
|
+
function te() {
|
|
2099
2122
|
document.removeEventListener("pointerdown", ie), window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0);
|
|
2100
2123
|
}
|
|
2101
|
-
function
|
|
2102
|
-
H.value && (H.value = !1,
|
|
2124
|
+
function ne(e = !1) {
|
|
2125
|
+
H.value && (H.value = !1, te(), e && U.value?.focus());
|
|
2103
2126
|
}
|
|
2104
2127
|
function re(e) {
|
|
2105
|
-
H.value ?
|
|
2128
|
+
H.value ? ne() : ee(e);
|
|
2106
2129
|
}
|
|
2107
2130
|
function ie(e) {
|
|
2108
2131
|
let t = e.target;
|
|
2109
|
-
W.value?.contains(t) || U.value?.contains(t) ||
|
|
2132
|
+
W.value?.contains(t) || U.value?.contains(t) || ne();
|
|
2110
2133
|
}
|
|
2111
2134
|
function ae(e) {
|
|
2112
|
-
e.target && (
|
|
2135
|
+
e.target && (ne(), e.target.click());
|
|
2113
2136
|
}
|
|
2114
2137
|
function Q(e) {
|
|
2115
|
-
let t =
|
|
2116
|
-
e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" ? (e.preventDefault(), t[t.length - 1]?.focus()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(),
|
|
2138
|
+
let t = Z(), n = t.indexOf(document.activeElement);
|
|
2139
|
+
e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" ? (e.preventDefault(), t[t.length - 1]?.focus()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), ne(!0)) : e.key === "Tab" && ne();
|
|
2117
2140
|
}
|
|
2118
2141
|
return G(h, (e) => {
|
|
2119
|
-
e.length === 0 &&
|
|
2120
|
-
}), E(
|
|
2142
|
+
e.length === 0 && ne();
|
|
2143
|
+
}), E(Br, {
|
|
2121
2144
|
tick: d,
|
|
2122
2145
|
hidden: h,
|
|
2123
2146
|
menu: F(i, "collapseMenu"),
|
|
@@ -2169,13 +2192,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
|
|
|
2169
2192
|
tabindex: "-1",
|
|
2170
2193
|
"aria-disabled": e.target ? void 0 : "true",
|
|
2171
2194
|
onClick: (t) => ae(e)
|
|
2172
|
-
}, P(e.label), 9,
|
|
2173
|
-
], 10,
|
|
2195
|
+
}, P(e.label), 9, Ur))), 128))], 44, Hr)) : s("", !0)])) : s("", !0)
|
|
2196
|
+
], 10, Vr));
|
|
2174
2197
|
}
|
|
2175
2198
|
});
|
|
2176
2199
|
//#endregion
|
|
2177
2200
|
//#region src/composables/useRouterLink.ts
|
|
2178
|
-
function
|
|
2201
|
+
function Gr(e) {
|
|
2179
2202
|
let t = p();
|
|
2180
2203
|
return {
|
|
2181
2204
|
routerLink: a(() => e.to === void 0 ? null : t?.appContext.components.RouterLink ?? null),
|
|
@@ -2184,22 +2207,22 @@ function Wr(e) {
|
|
|
2184
2207
|
}
|
|
2185
2208
|
//#endregion
|
|
2186
2209
|
//#region src/components/Breadcrumb/UidBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
|
|
2187
|
-
var
|
|
2210
|
+
var Kr = [
|
|
2188
2211
|
"aria-label",
|
|
2189
2212
|
"aria-expanded",
|
|
2190
2213
|
"aria-controls"
|
|
2191
|
-
],
|
|
2214
|
+
], qr = {
|
|
2192
2215
|
key: 1,
|
|
2193
2216
|
class: "uid-breadcrumb__ellipsis",
|
|
2194
2217
|
"aria-hidden": "true"
|
|
2195
|
-
},
|
|
2218
|
+
}, Jr = {
|
|
2196
2219
|
key: 1,
|
|
2197
2220
|
class: "uid-breadcrumb__current",
|
|
2198
2221
|
"aria-current": "page"
|
|
2199
|
-
},
|
|
2222
|
+
}, Yr = ["href"], Xr = {
|
|
2200
2223
|
key: 5,
|
|
2201
2224
|
class: "uid-breadcrumb__text"
|
|
2202
|
-
},
|
|
2225
|
+
}, Zr = /* @__PURE__ */ f({
|
|
2203
2226
|
__name: "UidBreadcrumbItem",
|
|
2204
2227
|
props: {
|
|
2205
2228
|
href: { default: void 0 },
|
|
@@ -2211,7 +2234,7 @@ var Gr = [
|
|
|
2211
2234
|
},
|
|
2212
2235
|
emits: ["click"],
|
|
2213
2236
|
setup(e, { emit: n }) {
|
|
2214
|
-
let r = e, i = n, u = p(), d = h(
|
|
2237
|
+
let r = e, i = n, u = p(), d = h(Br, null), f = O(null), m = O(!1);
|
|
2215
2238
|
function g() {
|
|
2216
2239
|
let e = f.value;
|
|
2217
2240
|
m.value = !!e && e.nextElementSibling === null;
|
|
@@ -2221,7 +2244,7 @@ var Gr = [
|
|
|
2221
2244
|
function C(e) {
|
|
2222
2245
|
d?.toggleMenu(e.currentTarget);
|
|
2223
2246
|
}
|
|
2224
|
-
let { routerLink: E, fallbackHref: D } =
|
|
2247
|
+
let { routerLink: E, fallbackHref: D } = Gr(r);
|
|
2225
2248
|
function k() {
|
|
2226
2249
|
return !!u?.vnode.props?.onClick;
|
|
2227
2250
|
}
|
|
@@ -2249,8 +2272,8 @@ var Gr = [
|
|
|
2249
2272
|
"aria-expanded": L(d).menuOpen.value,
|
|
2250
2273
|
"aria-controls": L(d).menuOpen.value ? L(d).menuId : void 0,
|
|
2251
2274
|
onClick: C
|
|
2252
|
-
}, " … ", 8,
|
|
2253
|
-
_.value ? (T(), c("span",
|
|
2275
|
+
}, " … ", 8, Kr)) : (T(), c("span", qr, "…"))], 64)) : s("", !0),
|
|
2276
|
+
_.value ? (T(), c("span", Jr, [A(n.$slots, "default")])) : L(E) ? (T(), o(M(L(E)), {
|
|
2254
2277
|
key: 2,
|
|
2255
2278
|
class: "uid-breadcrumb__link",
|
|
2256
2279
|
to: e.to,
|
|
@@ -2263,15 +2286,15 @@ var Gr = [
|
|
|
2263
2286
|
class: "uid-breadcrumb__link",
|
|
2264
2287
|
href: L(D),
|
|
2265
2288
|
onClick: j
|
|
2266
|
-
}, [A(n.$slots, "default")], 8,
|
|
2289
|
+
}, [A(n.$slots, "default")], 8, Yr)) : k() ? (T(), c("button", {
|
|
2267
2290
|
key: 4,
|
|
2268
2291
|
type: "button",
|
|
2269
2292
|
class: "uid-breadcrumb__link uid-breadcrumb__link--button",
|
|
2270
2293
|
onClick: j
|
|
2271
|
-
}, [A(n.$slots, "default")])) : (T(), c("span",
|
|
2294
|
+
}, [A(n.$slots, "default")])) : (T(), c("span", Xr, [A(n.$slots, "default")]))
|
|
2272
2295
|
], 2));
|
|
2273
2296
|
}
|
|
2274
|
-
}),
|
|
2297
|
+
}), Qr = /* @__PURE__ */ f({
|
|
2275
2298
|
__name: "UidLink",
|
|
2276
2299
|
props: {
|
|
2277
2300
|
href: { default: void 0 },
|
|
@@ -2287,7 +2310,7 @@ var Gr = [
|
|
|
2287
2310
|
as: { default: void 0 }
|
|
2288
2311
|
},
|
|
2289
2312
|
setup(e) {
|
|
2290
|
-
let t = e, { routerLink: n, fallbackHref: r } =
|
|
2313
|
+
let t = e, { routerLink: n, fallbackHref: r } = Gr(t), i = a(() => t.as ?? n.value ?? "a"), s = a(() => t.as === void 0 && n.value ? { to: t.to } : {
|
|
2291
2314
|
href: t.disabled ? void 0 : r.value,
|
|
2292
2315
|
target: t.external ? "_blank" : void 0,
|
|
2293
2316
|
rel: t.external ? "noopener noreferrer" : void 0
|
|
@@ -2304,15 +2327,15 @@ var Gr = [
|
|
|
2304
2327
|
"tabindex"
|
|
2305
2328
|
]));
|
|
2306
2329
|
}
|
|
2307
|
-
}),
|
|
2330
|
+
}), $r = ["aria-label"], ei = ["disabled", "aria-label"], ti = {
|
|
2308
2331
|
key: 0,
|
|
2309
2332
|
class: "uid-pagination__ellipsis",
|
|
2310
2333
|
"aria-hidden": "true"
|
|
2311
|
-
},
|
|
2334
|
+
}, ni = [
|
|
2312
2335
|
"aria-label",
|
|
2313
2336
|
"aria-current",
|
|
2314
2337
|
"onClick"
|
|
2315
|
-
],
|
|
2338
|
+
], ri = ["disabled", "aria-label"], ii = /* @__PURE__ */ f({
|
|
2316
2339
|
__name: "UidPagination",
|
|
2317
2340
|
props: /* @__PURE__ */ g({
|
|
2318
2341
|
total: {},
|
|
@@ -2354,15 +2377,15 @@ var Gr = [
|
|
|
2354
2377
|
}, [d(e, {
|
|
2355
2378
|
icon: L(ce),
|
|
2356
2379
|
size: 16
|
|
2357
|
-
}, null, 8, ["icon"])], 8,
|
|
2358
|
-
(T(!0), c(t, null, k(f.value, (e, n) => (T(), c(t, { key: `${n}-${e}` }, [e === "..." ? (T(), c("span",
|
|
2380
|
+
}, null, 8, ["icon"])], 8, ei),
|
|
2381
|
+
(T(!0), c(t, null, k(f.value, (e, n) => (T(), c(t, { key: `${n}-${e}` }, [e === "..." ? (T(), c("span", ti, " … ")) : (T(), c("button", {
|
|
2359
2382
|
key: 1,
|
|
2360
2383
|
type: "button",
|
|
2361
2384
|
class: y(["uid-pagination__btn", { "uid-pagination__btn--active": e === i.value }]),
|
|
2362
2385
|
"aria-label": L(r).pagination.page(e),
|
|
2363
2386
|
"aria-current": e === i.value ? "page" : void 0,
|
|
2364
2387
|
onClick: (t) => p(e)
|
|
2365
|
-
}, P(e), 11,
|
|
2388
|
+
}, P(e), 11, ni))], 64))), 128)),
|
|
2366
2389
|
l("button", {
|
|
2367
2390
|
type: "button",
|
|
2368
2391
|
class: "uid-pagination__btn uid-pagination__btn--nav",
|
|
@@ -2372,10 +2395,10 @@ var Gr = [
|
|
|
2372
2395
|
}, [d(e, {
|
|
2373
2396
|
icon: L(le),
|
|
2374
2397
|
size: 16
|
|
2375
|
-
}, null, 8, ["icon"])], 8,
|
|
2376
|
-
], 8,
|
|
2398
|
+
}, null, 8, ["icon"])], 8, ri)
|
|
2399
|
+
], 8, $r));
|
|
2377
2400
|
}
|
|
2378
|
-
}),
|
|
2401
|
+
}), ai = ["aria-label"], oi = ["disabled", "aria-label"], si = ["disabled", "aria-label"], ci = /* @__PURE__ */ f({
|
|
2379
2402
|
__name: "UidPaginationCursor",
|
|
2380
2403
|
props: {
|
|
2381
2404
|
hasPrev: {
|
|
@@ -2404,7 +2427,7 @@ var Gr = [
|
|
|
2404
2427
|
}, [d(e, {
|
|
2405
2428
|
icon: L(ce),
|
|
2406
2429
|
size: 16
|
|
2407
|
-
}, null, 8, ["icon"]), u(" " + P(t.prevLabel ?? L(r).pagination.back), 1)], 8,
|
|
2430
|
+
}, null, 8, ["icon"]), u(" " + P(t.prevLabel ?? L(r).pagination.back), 1)], 8, oi), l("button", {
|
|
2408
2431
|
type: "button",
|
|
2409
2432
|
class: "uid-pagination__btn uid-pagination__btn--nav uid-pagination__btn--labeled",
|
|
2410
2433
|
disabled: !t.hasNext,
|
|
@@ -2413,9 +2436,9 @@ var Gr = [
|
|
|
2413
2436
|
}, [u(P(t.nextLabel ?? L(r).pagination.forward) + " ", 1), d(e, {
|
|
2414
2437
|
icon: L(le),
|
|
2415
2438
|
size: 16
|
|
2416
|
-
}, null, 8, ["icon"])], 8,
|
|
2439
|
+
}, null, 8, ["icon"])], 8, si)], 8, ai));
|
|
2417
2440
|
}
|
|
2418
|
-
}),
|
|
2441
|
+
}), li = { class: "uid-load-more" }, ui = ["disabled"], di = /* @__PURE__ */ f({
|
|
2419
2442
|
__name: "UidLoadMore",
|
|
2420
2443
|
props: {
|
|
2421
2444
|
loading: {
|
|
@@ -2431,20 +2454,20 @@ var Gr = [
|
|
|
2431
2454
|
emits: ["load"],
|
|
2432
2455
|
setup(e, { emit: t }) {
|
|
2433
2456
|
let n = $(), r = t;
|
|
2434
|
-
return (t, i) => (T(), c("div",
|
|
2457
|
+
return (t, i) => (T(), c("div", li, [l("button", {
|
|
2435
2458
|
type: "button",
|
|
2436
2459
|
class: "uid-load-more__btn",
|
|
2437
2460
|
disabled: e.disabled || e.loading,
|
|
2438
2461
|
onClick: i[0] ||= (e) => r("load")
|
|
2439
|
-
}, [e.loading ? (T(), o(
|
|
2462
|
+
}, [e.loading ? (T(), o(sn, {
|
|
2440
2463
|
key: 0,
|
|
2441
2464
|
size: "sm"
|
|
2442
|
-
})) : s("", !0), l("span", null, P(e.label ?? L(n).pagination.loadMore), 1)], 8,
|
|
2465
|
+
})) : s("", !0), l("span", null, P(e.label ?? L(n).pagination.loadMore), 1)], 8, ui)]));
|
|
2443
2466
|
}
|
|
2444
|
-
}),
|
|
2467
|
+
}), fi = { class: "uid-infinite-scroll" }, pi = {
|
|
2445
2468
|
key: 0,
|
|
2446
2469
|
class: "uid-infinite-scroll__loader"
|
|
2447
|
-
},
|
|
2470
|
+
}, mi = /* @__PURE__ */ f({
|
|
2448
2471
|
__name: "UidInfiniteScroll",
|
|
2449
2472
|
props: {
|
|
2450
2473
|
loading: {
|
|
@@ -2472,14 +2495,15 @@ var Gr = [
|
|
|
2472
2495
|
e && u();
|
|
2473
2496
|
}, { immediate: !0 }), G(() => n.disabled, (e) => {
|
|
2474
2497
|
e ? o() : u();
|
|
2475
|
-
}), C(o), (t, n) => (T(), c("div",
|
|
2498
|
+
}), C(o), (t, n) => (T(), c("div", fi, [e.loading ? (T(), c("div", pi, [d(sn, { size: "sm" })])) : s("", !0), l("div", {
|
|
2476
2499
|
ref_key: "sentinelRef",
|
|
2477
2500
|
ref: i,
|
|
2478
2501
|
class: "uid-infinite-scroll__sentinel",
|
|
2479
2502
|
"aria-hidden": "true"
|
|
2480
2503
|
}, null, 512)]));
|
|
2481
2504
|
}
|
|
2482
|
-
}),
|
|
2505
|
+
}), hi = { class: "uid-page-size__label" }, gi = ["value"], _i = ["value"], vi = /* @__PURE__ */ f({
|
|
2506
|
+
inheritAttrs: !1,
|
|
2483
2507
|
__name: "UidPageSize",
|
|
2484
2508
|
props: /* @__PURE__ */ g({
|
|
2485
2509
|
options: { default: () => [
|
|
@@ -2495,15 +2519,15 @@ var Gr = [
|
|
|
2495
2519
|
}),
|
|
2496
2520
|
emits: ["update:modelValue"],
|
|
2497
2521
|
setup(e) {
|
|
2498
|
-
let n = B(e, "modelValue"), r = $();
|
|
2499
|
-
return (
|
|
2522
|
+
let n = B(e, "modelValue"), { rootAttrs: r, controlAttrs: i } = ct(), a = $();
|
|
2523
|
+
return (o, s) => (T(), c("div", _({ class: "uid-page-size" }, L(r)()), [l("span", hi, P(e.label ?? L(a).pagination.rowsPerPage), 1), l("select", _(L(i)(), {
|
|
2500
2524
|
class: "uid-page-size__select",
|
|
2501
2525
|
value: n.value,
|
|
2502
|
-
onChange:
|
|
2503
|
-
}, [(T(!0), c(t, null, k(e.options, (e) => (T(), c("option", {
|
|
2526
|
+
onChange: s[0] ||= (e) => n.value = Number(e.target.value)
|
|
2527
|
+
}), [(T(!0), c(t, null, k(e.options, (e) => (T(), c("option", {
|
|
2504
2528
|
key: e,
|
|
2505
2529
|
value: e
|
|
2506
|
-
}, P(e), 9, _i))), 128))],
|
|
2530
|
+
}, P(e), 9, _i))), 128))], 16, gi)], 16));
|
|
2507
2531
|
}
|
|
2508
2532
|
}), yi = ["role", "tabindex"], bi = {
|
|
2509
2533
|
key: 0,
|
|
@@ -2764,7 +2788,7 @@ var Gr = [
|
|
|
2764
2788
|
e.sortable && (i.sortKey === e.key ? i.sortDirection === "asc" ? p("update:sortDirection", "desc") : i.sortDirection === "desc" ? (p("update:sortKey", null), p("update:sortDirection", null)) : p("update:sortDirection", "asc") : (p("update:sortKey", e.key), p("update:sortDirection", "asc")));
|
|
2765
2789
|
}
|
|
2766
2790
|
function E(e) {
|
|
2767
|
-
return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ?
|
|
2791
|
+
return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ? te : ie : ie : null;
|
|
2768
2792
|
}
|
|
2769
2793
|
function D(e) {
|
|
2770
2794
|
if (e.sortable) return i.sortKey === e.key ? i.sortDirection === "asc" ? "ascending" : i.sortDirection === "desc" ? "descending" : "none" : "none";
|
|
@@ -2811,26 +2835,26 @@ var Gr = [
|
|
|
2811
2835
|
let t = /^\s*(\d+(?:\.\d+)?)px\s*$/.exec(e);
|
|
2812
2836
|
return t ? Number(t[1]) : 0;
|
|
2813
2837
|
}
|
|
2814
|
-
function
|
|
2838
|
+
function Z(e) {
|
|
2815
2839
|
let t = W.value[e] ?? 0;
|
|
2816
2840
|
if (t > 0) return t;
|
|
2817
2841
|
let n = e - +!!i.selectable;
|
|
2818
2842
|
return n >= 0 ? J(i.columns[n]?.width) : 40;
|
|
2819
2843
|
}
|
|
2820
|
-
let
|
|
2821
|
-
let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ?
|
|
2844
|
+
let ee = a(() => {
|
|
2845
|
+
let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? Z(0) : 0;
|
|
2822
2846
|
i.columns.forEach((t, i) => {
|
|
2823
|
-
t.fixed === "left" && (e.set(t.key, r), r +=
|
|
2847
|
+
t.fixed === "left" && (e.set(t.key, r), r += Z(i + n));
|
|
2824
2848
|
}), r = 0;
|
|
2825
2849
|
for (let e = i.columns.length - 1; e >= 0; e--) {
|
|
2826
2850
|
let a = i.columns[e];
|
|
2827
|
-
a.fixed === "right" && (t.set(a.key, r), r +=
|
|
2851
|
+
a.fixed === "right" && (t.set(a.key, r), r += Z(e + n));
|
|
2828
2852
|
}
|
|
2829
2853
|
return {
|
|
2830
2854
|
left: e,
|
|
2831
2855
|
right: t
|
|
2832
2856
|
};
|
|
2833
|
-
}),
|
|
2857
|
+
}), ne = a(() => {
|
|
2834
2858
|
let e = i.columns.filter((e) => e.fixed === "left");
|
|
2835
2859
|
return e.length > 0 ? e[e.length - 1].key : null;
|
|
2836
2860
|
}), ae = a(() => i.columns.find((e) => e.fixed === "right")?.key ?? null);
|
|
@@ -2839,13 +2863,13 @@ var Gr = [
|
|
|
2839
2863
|
"uid-table__cell--fixed": !!e.fixed,
|
|
2840
2864
|
"uid-table__cell--fixed-left": e.fixed === "left",
|
|
2841
2865
|
"uid-table__cell--fixed-right": e.fixed === "right",
|
|
2842
|
-
"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key ===
|
|
2866
|
+
"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === ne.value,
|
|
2843
2867
|
"uid-table__cell--fixed-right-first": e.fixed === "right" && e.key === ae.value
|
|
2844
2868
|
};
|
|
2845
2869
|
}
|
|
2846
2870
|
function oe(e) {
|
|
2847
|
-
if (e.fixed === "left") return { left: `${
|
|
2848
|
-
if (e.fixed === "right") return { right: `${
|
|
2871
|
+
if (e.fixed === "left") return { left: `${ee.value.left.get(e.key) ?? 0}px` };
|
|
2872
|
+
if (e.fixed === "right") return { right: `${ee.value.right.get(e.key) ?? 0}px` };
|
|
2849
2873
|
}
|
|
2850
2874
|
function se(e) {
|
|
2851
2875
|
let t = { ...oe(e) };
|
|
@@ -2854,7 +2878,7 @@ var Gr = [
|
|
|
2854
2878
|
let ce = a(() => ({
|
|
2855
2879
|
"uid-table__cell--fixed": H.value,
|
|
2856
2880
|
"uid-table__cell--fixed-left": H.value,
|
|
2857
|
-
"uid-table__cell--fixed-left-last": H.value &&
|
|
2881
|
+
"uid-table__cell--fixed-left-last": H.value && ne.value === null
|
|
2858
2882
|
})), le = a(() => H.value ? { left: "0px" } : void 0);
|
|
2859
2883
|
function ue() {
|
|
2860
2884
|
if (!U.value) return;
|
|
@@ -2905,7 +2929,7 @@ var Gr = [
|
|
|
2905
2929
|
class: y(["uid-table__th uid-table__th--select", ce.value]),
|
|
2906
2930
|
style: b(le.value),
|
|
2907
2931
|
scope: "col"
|
|
2908
|
-
}, [d(
|
|
2932
|
+
}, [d(Et, {
|
|
2909
2933
|
"model-value": g.value,
|
|
2910
2934
|
indeterminate: C.value,
|
|
2911
2935
|
"aria-label": L(f).table.selectAll,
|
|
@@ -2936,7 +2960,7 @@ var Gr = [
|
|
|
2936
2960
|
}, null, 8, ["icon"])) : s("", !0)])], 46, Gi))), 128))], 512)]), l("tbody", qi, [n.loading ? (T(), c("tr", Ji, [l("td", {
|
|
2937
2961
|
colspan: h.value,
|
|
2938
2962
|
class: "uid-table__td uid-table__td--center"
|
|
2939
|
-
}, [d(
|
|
2963
|
+
}, [d(sn, { size: "md" })], 8, Yi)])) : I.value ? (T(), c("tr", Xi, [l("td", {
|
|
2940
2964
|
colspan: h.value,
|
|
2941
2965
|
class: "uid-table__td uid-table__td--empty"
|
|
2942
2966
|
}, [A(r.$slots, "empty", {}, () => [u(P(n.emptyText ?? L(f).table.empty), 1)])], 8, Zi)])) : (T(!0), c(t, { key: 2 }, k(n.data, (e, a) => (T(), c("tr", {
|
|
@@ -2948,7 +2972,7 @@ var Gr = [
|
|
|
2948
2972
|
class: y(["uid-table__td uid-table__td--select", ce.value]),
|
|
2949
2973
|
style: b(le.value),
|
|
2950
2974
|
onClick: i[0] ||= X(() => {}, ["stop"])
|
|
2951
|
-
}, [d(
|
|
2975
|
+
}, [d(Et, {
|
|
2952
2976
|
"model-value": n.selection.has(m(e)),
|
|
2953
2977
|
"aria-label": L(f).table.row(m(e)),
|
|
2954
2978
|
"onUpdate:modelValue": (t) => F(e, t)
|
|
@@ -3018,7 +3042,7 @@ var Gr = [
|
|
|
3018
3042
|
function x(e) {
|
|
3019
3043
|
g.value = e, h("update:modelValue", e), h("change", e);
|
|
3020
3044
|
}
|
|
3021
|
-
let S = O(!1), w = O(""), E = O(0), D = O(null), A = O(null), j = O(null), M = O(null), N = O(null), F = z(), { floatingStyle: I, update: R } =
|
|
3045
|
+
let S = O(!1), w = O(""), E = O(0), D = O(null), A = O(null), j = O(null), M = O(null), N = O(null), F = z(), { floatingStyle: I, update: R } = tr(A, j, {
|
|
3022
3046
|
placement: "bottom-start",
|
|
3023
3047
|
offset: 4
|
|
3024
3048
|
}), B = O(0);
|
|
@@ -3031,17 +3055,17 @@ var Gr = [
|
|
|
3031
3055
|
})), W = a(() => f.multiple ? null : f.options.find((e) => e.value === _.value) ?? null), K = a(() => {
|
|
3032
3056
|
let e = _.value;
|
|
3033
3057
|
return Array.isArray(e) ? e : e === null ? [] : [e];
|
|
3034
|
-
}), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value),
|
|
3035
|
-
function
|
|
3058
|
+
}), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value), Z = a(() => Y.value.length - X.value.length), ee = a(() => f.multiple ? K.value.length > 0 : _.value !== null);
|
|
3059
|
+
function te(e) {
|
|
3036
3060
|
return f.multiple ? K.value.includes(e.value) : e.value === _.value;
|
|
3037
3061
|
}
|
|
3038
|
-
let
|
|
3062
|
+
let ne = a(() => {
|
|
3039
3063
|
if (!f.searchable || !w.value.trim()) return f.options;
|
|
3040
3064
|
let e = w.value.toLowerCase();
|
|
3041
3065
|
return f.options.filter((t) => t.label.toLowerCase().includes(e));
|
|
3042
3066
|
}), re = a(() => {
|
|
3043
3067
|
let e = /* @__PURE__ */ new Map();
|
|
3044
|
-
for (let t of
|
|
3068
|
+
for (let t of ne.value) {
|
|
3045
3069
|
let n = t.group ?? "";
|
|
3046
3070
|
e.has(n) || e.set(n, []), e.get(n).push(t);
|
|
3047
3071
|
}
|
|
@@ -3050,7 +3074,7 @@ var Gr = [
|
|
|
3050
3074
|
G(S, async (e) => {
|
|
3051
3075
|
if (e) {
|
|
3052
3076
|
w.value = "";
|
|
3053
|
-
let e =
|
|
3077
|
+
let e = ne.value.findIndex((e) => te(e));
|
|
3054
3078
|
E.value = e >= 0 ? e : 0, V(), await v(), R(), requestAnimationFrame(() => R()), f.searchable && N.value?.focus(), ve(), document.addEventListener("pointerdown", fe), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
|
|
3055
3079
|
} else document.removeEventListener("pointerdown", fe), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
|
|
3056
3080
|
}), G(w, () => {
|
|
@@ -3099,13 +3123,13 @@ var Gr = [
|
|
|
3099
3123
|
e.key === "ArrowDown" ? (e.preventDefault(), he()) : e.key === "ArrowUp" ? (e.preventDefault(), ge()) : e.key === "Enter" ? (e.preventDefault(), _e()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ae(), A.value?.focus());
|
|
3100
3124
|
}
|
|
3101
3125
|
function he() {
|
|
3102
|
-
E.value = Math.min(E.value + 1,
|
|
3126
|
+
E.value = Math.min(E.value + 1, ne.value.length - 1), ve();
|
|
3103
3127
|
}
|
|
3104
3128
|
function ge() {
|
|
3105
3129
|
E.value = Math.max(E.value - 1, 0), ve();
|
|
3106
3130
|
}
|
|
3107
3131
|
function _e() {
|
|
3108
|
-
let e =
|
|
3132
|
+
let e = ne.value[E.value];
|
|
3109
3133
|
e && le(e);
|
|
3110
3134
|
}
|
|
3111
3135
|
function ve() {
|
|
@@ -3148,10 +3172,10 @@ var Gr = [
|
|
|
3148
3172
|
}, [d(e, {
|
|
3149
3173
|
icon: L(Ee),
|
|
3150
3174
|
size: 12
|
|
3151
|
-
}, null, 8, ["icon"])], 8, ra))]))), 128)),
|
|
3175
|
+
}, null, 8, ["icon"])], 8, ra))]))), 128)), Z.value > 0 ? (T(), c("span", ia, "+" + P(Z.value), 1)) : s("", !0)])) : (T(), c("span", {
|
|
3152
3176
|
key: 1,
|
|
3153
3177
|
class: y(["uid-select__value", { "uid-select__value--placeholder": !W.value }])
|
|
3154
|
-
}, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable &&
|
|
3178
|
+
}, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable && ee.value ? (T(), c("button", {
|
|
3155
3179
|
key: 0,
|
|
3156
3180
|
type: "button",
|
|
3157
3181
|
class: "uid-select__clear",
|
|
@@ -3189,21 +3213,21 @@ var Gr = [
|
|
|
3189
3213
|
role: "listbox",
|
|
3190
3214
|
"aria-multiselectable": i.multiple ? "true" : void 0,
|
|
3191
3215
|
onKeydown: me
|
|
3192
|
-
}, [
|
|
3216
|
+
}, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", ua, P(n), 1)) : s("", !0), (T(!0), c(t, null, k(r, (t) => (T(), c("button", {
|
|
3193
3217
|
key: t.value,
|
|
3194
3218
|
type: "button",
|
|
3195
3219
|
class: y(["uid-select__option", {
|
|
3196
|
-
"uid-select__option--selected":
|
|
3197
|
-
"uid-select__option--active":
|
|
3220
|
+
"uid-select__option--selected": te(t),
|
|
3221
|
+
"uid-select__option--active": ne.value.indexOf(t) === E.value,
|
|
3198
3222
|
"uid-select__option--disabled": t.disabled
|
|
3199
3223
|
}]),
|
|
3200
|
-
"data-active":
|
|
3224
|
+
"data-active": ne.value.indexOf(t) === E.value ? "true" : void 0,
|
|
3201
3225
|
role: "option",
|
|
3202
|
-
"aria-selected":
|
|
3226
|
+
"aria-selected": te(t),
|
|
3203
3227
|
"aria-disabled": t.disabled,
|
|
3204
3228
|
onClick: (e) => le(t),
|
|
3205
|
-
onMouseenter: (e) => !t.disabled && (E.value =
|
|
3206
|
-
}, [l("span", null, P(t.label), 1),
|
|
3229
|
+
onMouseenter: (e) => !t.disabled && (E.value = ne.value.indexOf(t))
|
|
3230
|
+
}, [l("span", null, P(t.label), 1), te(t) ? (T(), o(e, {
|
|
3207
3231
|
key: 0,
|
|
3208
3232
|
icon: L(Q),
|
|
3209
3233
|
size: 14,
|
|
@@ -3215,7 +3239,7 @@ var Gr = [
|
|
|
3215
3239
|
}
|
|
3216
3240
|
}), ma = 8;
|
|
3217
3241
|
function ha(e, t, n, r = {}) {
|
|
3218
|
-
let { floatingStyle: i, update: o, actualPlacement: s } =
|
|
3242
|
+
let { floatingStyle: i, update: o, actualPlacement: s } = tr(e, t, {
|
|
3219
3243
|
placement: r.placement ?? "bottom-start",
|
|
3220
3244
|
offset: r.offset ?? 4
|
|
3221
3245
|
}), c = O(0), l = O(!1), u = O(null), d = null, f = !1;
|
|
@@ -3382,24 +3406,24 @@ var ga = [
|
|
|
3382
3406
|
if (j.value) {
|
|
3383
3407
|
e.preventDefault();
|
|
3384
3408
|
let t = H.value.find((e) => e.iso === j.value);
|
|
3385
|
-
t &&
|
|
3409
|
+
t && te(t);
|
|
3386
3410
|
}
|
|
3387
3411
|
break;
|
|
3388
3412
|
case "Escape":
|
|
3389
|
-
e.stopPropagation(), e.preventDefault(),
|
|
3413
|
+
e.stopPropagation(), e.preventDefault(), Z(), S.value?.focus();
|
|
3390
3414
|
break;
|
|
3391
3415
|
}
|
|
3392
3416
|
}
|
|
3393
|
-
function
|
|
3417
|
+
function Z() {
|
|
3394
3418
|
_.value = !1;
|
|
3395
3419
|
}
|
|
3396
|
-
function
|
|
3397
|
-
_.value ?
|
|
3420
|
+
function ee() {
|
|
3421
|
+
_.value ? Z() : K();
|
|
3398
3422
|
}
|
|
3399
|
-
function
|
|
3400
|
-
W(e.iso) || (g.value = e.iso,
|
|
3423
|
+
function te(e) {
|
|
3424
|
+
W(e.iso) || (g.value = e.iso, Z(), S.value?.focus());
|
|
3401
3425
|
}
|
|
3402
|
-
function
|
|
3426
|
+
function ne() {
|
|
3403
3427
|
F.value === 0 ? (F.value = 11, N.value--) : F.value--;
|
|
3404
3428
|
}
|
|
3405
3429
|
function re() {
|
|
@@ -3410,13 +3434,13 @@ var ga = [
|
|
|
3410
3434
|
}
|
|
3411
3435
|
function ae(e) {
|
|
3412
3436
|
let t = e.target;
|
|
3413
|
-
!x.value?.contains(t) && !A(t) &&
|
|
3437
|
+
!x.value?.contains(t) && !A(t) && Z();
|
|
3414
3438
|
}
|
|
3415
3439
|
G(_, (e) => {
|
|
3416
3440
|
e ? document.addEventListener("pointerdown", ae) : document.removeEventListener("pointerdown", ae);
|
|
3417
3441
|
});
|
|
3418
3442
|
function Q(e) {
|
|
3419
|
-
e.key === "Enter" || e.key === " " ? (e.preventDefault(),
|
|
3443
|
+
e.key === "Enter" || e.key === " " ? (e.preventDefault(), ee()) : e.key === "Escape" && _.value && (e.stopPropagation(), Z());
|
|
3420
3444
|
}
|
|
3421
3445
|
return C(() => document.removeEventListener("pointerdown", ae)), (a, u) => (T(), c("div", {
|
|
3422
3446
|
ref_key: "containerRef",
|
|
@@ -3435,7 +3459,7 @@ var ga = [
|
|
|
3435
3459
|
"aria-expanded": _.value,
|
|
3436
3460
|
"aria-label": p.value,
|
|
3437
3461
|
"aria-disabled": i.disabled,
|
|
3438
|
-
onClick:
|
|
3462
|
+
onClick: ee,
|
|
3439
3463
|
onKeydown: Q
|
|
3440
3464
|
}, [l("span", { class: y(["uid-datepicker__value", { "uid-datepicker__value--placeholder": !g.value }]) }, P(g.value ? V.value : p.value), 3), l("div", _a, [g.value ? (T(), c("button", {
|
|
3441
3465
|
key: 0,
|
|
@@ -3462,7 +3486,7 @@ var ga = [
|
|
|
3462
3486
|
type: "button",
|
|
3463
3487
|
class: "uid-datepicker__nav-btn",
|
|
3464
3488
|
"aria-label": L(f).datePicker.prevMonth,
|
|
3465
|
-
onClick:
|
|
3489
|
+
onClick: ne
|
|
3466
3490
|
}, [d(e, {
|
|
3467
3491
|
icon: L(ce),
|
|
3468
3492
|
size: 16
|
|
@@ -3499,7 +3523,7 @@ var ga = [
|
|
|
3499
3523
|
disabled: W(e.iso),
|
|
3500
3524
|
"aria-current": e.iso === U.value ? "date" : void 0,
|
|
3501
3525
|
"aria-selected": e.iso === g.value,
|
|
3502
|
-
onClick: (t) =>
|
|
3526
|
+
onClick: (t) => te(e)
|
|
3503
3527
|
}, P(e.date.getDate()), 11, wa))), 128))], 544)], 12, ya)) : s("", !0)]),
|
|
3504
3528
|
_: 1
|
|
3505
3529
|
})]))], 2));
|
|
@@ -3569,6 +3593,7 @@ var ga = [
|
|
|
3569
3593
|
key: 1,
|
|
3570
3594
|
class: "uid-slider__marks"
|
|
3571
3595
|
}, Ma = ["disabled", "onClick"], Na = { class: "uid-slider__mark-label" }, Pa = /* @__PURE__ */ f({
|
|
3596
|
+
inheritAttrs: !1,
|
|
3572
3597
|
__name: "UidSlider",
|
|
3573
3598
|
props: /* @__PURE__ */ g({
|
|
3574
3599
|
min: { default: 0 },
|
|
@@ -3596,65 +3621,65 @@ var ga = [
|
|
|
3596
3621
|
}),
|
|
3597
3622
|
emits: ["update:modelValue"],
|
|
3598
3623
|
setup(e) {
|
|
3599
|
-
let n = e,
|
|
3600
|
-
let e =
|
|
3601
|
-
return !e ||
|
|
3624
|
+
let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = z(), u = a(() => i.ariaLabelledby ? void 0 : i.ariaLabel ?? i.label), d = B(e, "modelValue"), f = a(() => (d.value - i.min) / (i.max - i.min) * 100), p = a(() => i.max - i.min), m = a(() => {
|
|
3625
|
+
let e = i.marks;
|
|
3626
|
+
return !e || p.value <= 0 ? [] : (Array.isArray(e) ? e.map((e) => typeof e == "number" ? { value: e } : e) : Object.keys(e).map((t) => ({
|
|
3602
3627
|
value: Number(t),
|
|
3603
3628
|
label: e[Number(t)]
|
|
3604
|
-
}))).filter((e) => Number.isFinite(e.value) && e.value >=
|
|
3629
|
+
}))).filter((e) => Number.isFinite(e.value) && e.value >= i.min && e.value <= i.max).sort((e, t) => e.value - t.value).map((e) => ({
|
|
3605
3630
|
value: e.value,
|
|
3606
|
-
label: e.label ?? (
|
|
3607
|
-
percent: (e.value -
|
|
3631
|
+
label: e.label ?? (i.formatValue ? i.formatValue(e.value) : String(e.value)),
|
|
3632
|
+
percent: (e.value - i.min) / p.value * 100
|
|
3608
3633
|
}));
|
|
3609
3634
|
});
|
|
3610
|
-
function
|
|
3611
|
-
|
|
3635
|
+
function h(e) {
|
|
3636
|
+
i.disabled || d.value === e || (d.value = e);
|
|
3612
3637
|
}
|
|
3613
|
-
let
|
|
3614
|
-
return (
|
|
3638
|
+
let g = a(() => i.formatValue ? i.formatValue(d.value) : String(d.value));
|
|
3639
|
+
return (i, a) => (T(), c("div", _(L(n)(), { class: ["uid-slider", {
|
|
3615
3640
|
"uid-slider--disabled": e.disabled,
|
|
3616
|
-
"uid-slider--marked":
|
|
3617
|
-
}]
|
|
3641
|
+
"uid-slider--marked": m.value.length > 0
|
|
3642
|
+
}] }), [
|
|
3618
3643
|
e.label || e.showValue ? (T(), c("div", Da, [e.label ? (T(), c("label", {
|
|
3619
3644
|
key: 0,
|
|
3620
3645
|
class: "uid-slider__label",
|
|
3621
|
-
for: L(
|
|
3622
|
-
}, P(e.label), 9, Oa)) : s("", !0), e.showValue ? (T(), c("span", ka, P(
|
|
3623
|
-
J(l("input", {
|
|
3624
|
-
id: L(
|
|
3625
|
-
"onUpdate:modelValue": a[0] ||= (e) =>
|
|
3646
|
+
for: L(o)
|
|
3647
|
+
}, P(e.label), 9, Oa)) : s("", !0), e.showValue ? (T(), c("span", ka, P(g.value), 1)) : s("", !0)])) : s("", !0),
|
|
3648
|
+
J(l("input", _(L(r)(), {
|
|
3649
|
+
id: L(o),
|
|
3650
|
+
"onUpdate:modelValue": a[0] ||= (e) => d.value = e,
|
|
3626
3651
|
class: "uid-slider__input",
|
|
3627
3652
|
type: "range",
|
|
3628
3653
|
min: e.min,
|
|
3629
3654
|
max: e.max,
|
|
3630
3655
|
step: e.step,
|
|
3631
3656
|
disabled: e.disabled,
|
|
3632
|
-
"aria-label":
|
|
3657
|
+
"aria-label": u.value,
|
|
3633
3658
|
"aria-labelledby": e.ariaLabelledby,
|
|
3634
|
-
"aria-valuetext": e.formatValue ?
|
|
3659
|
+
"aria-valuetext": e.formatValue ? g.value : void 0,
|
|
3635
3660
|
"aria-valuemin": e.min,
|
|
3636
3661
|
"aria-valuemax": e.max,
|
|
3637
|
-
"aria-valuenow":
|
|
3638
|
-
style:
|
|
3639
|
-
}, null,
|
|
3662
|
+
"aria-valuenow": d.value,
|
|
3663
|
+
style: { "--_fill": `${f.value}%` }
|
|
3664
|
+
}), null, 16, Aa), [[
|
|
3640
3665
|
U,
|
|
3641
|
-
|
|
3666
|
+
d.value,
|
|
3642
3667
|
void 0,
|
|
3643
3668
|
{ number: !0 }
|
|
3644
3669
|
]]),
|
|
3645
|
-
|
|
3670
|
+
m.value.length ? (T(), c("div", ja, [(T(!0), c(t, null, k(m.value, (t) => (T(), c("button", {
|
|
3646
3671
|
key: t.value,
|
|
3647
3672
|
type: "button",
|
|
3648
|
-
class: y(["uid-slider__mark", { "uid-slider__mark--active": t.value <=
|
|
3673
|
+
class: y(["uid-slider__mark", { "uid-slider__mark--active": t.value <= d.value }]),
|
|
3649
3674
|
style: b({ "--_pos": t.percent / 100 }),
|
|
3650
3675
|
disabled: e.disabled,
|
|
3651
3676
|
tabindex: "-1",
|
|
3652
|
-
onClick: (e) =>
|
|
3677
|
+
onClick: (e) => h(t.value)
|
|
3653
3678
|
}, [a[1] ||= l("span", {
|
|
3654
3679
|
class: "uid-slider__mark-tick",
|
|
3655
3680
|
"aria-hidden": "true"
|
|
3656
3681
|
}, null, -1), l("span", Na, P(t.label), 1)], 14, Ma))), 128))])) : s("", !0)
|
|
3657
|
-
],
|
|
3682
|
+
], 16));
|
|
3658
3683
|
}
|
|
3659
3684
|
}), Fa = "[+-]?(?:\\d+\\.?\\d*|\\.\\d+)(?:e[+-]?\\d+)?";
|
|
3660
3685
|
function Ia(e, t, n) {
|
|
@@ -3812,7 +3837,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
3812
3837
|
let e = K();
|
|
3813
3838
|
h.value = e, m("change", e), I.value = e.toUpperCase();
|
|
3814
3839
|
}
|
|
3815
|
-
let X = a(() => Ka(h.value)),
|
|
3840
|
+
let X = a(() => Ka(h.value)), Z = a(() => X.value ?? h.value ?? null), ee = a(() => `hsl(${g.value}, 100%, 50%)`), te = a(() => `${_.value}%`), ne = a(() => `${100 - v.value}%`), re = a(() => `${g.value / 360 * 100}%`), ie = a(() => `${x.value}%`), [ae, Q, oe] = [
|
|
3816
3841
|
a(() => H(g.value, _.value, v.value)[0]),
|
|
3817
3842
|
a(() => H(g.value, _.value, v.value)[1]),
|
|
3818
3843
|
a(() => H(g.value, _.value, v.value)[2])
|
|
@@ -3935,8 +3960,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
3935
3960
|
onClick: ke
|
|
3936
3961
|
}, [l("span", {
|
|
3937
3962
|
class: "uid-colorpicker__swatch",
|
|
3938
|
-
style: b(
|
|
3939
|
-
}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(
|
|
3963
|
+
style: b(Z.value ? { background: Z.value } : {})
|
|
3964
|
+
}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(Z.value ? Z.value.toUpperCase() : p.value), 3)], 8, qa), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
|
|
3940
3965
|
default: q(() => [S.value ? (T(), c("div", {
|
|
3941
3966
|
key: 0,
|
|
3942
3967
|
ref_key: "panelRef",
|
|
@@ -3950,7 +3975,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
3950
3975
|
ref_key: "gradientRef",
|
|
3951
3976
|
ref: M,
|
|
3952
3977
|
class: "uid-colorpicker__gradient",
|
|
3953
|
-
style: b({ "--_hue":
|
|
3978
|
+
style: b({ "--_hue": ee.value }),
|
|
3954
3979
|
tabindex: "0",
|
|
3955
3980
|
role: "application",
|
|
3956
3981
|
"aria-label": L(f).colorPicker.saturation,
|
|
@@ -3961,8 +3986,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
3961
3986
|
}, [l("div", {
|
|
3962
3987
|
class: "uid-colorpicker__gradient-thumb",
|
|
3963
3988
|
style: b({
|
|
3964
|
-
left:
|
|
3965
|
-
top:
|
|
3989
|
+
left: te.value,
|
|
3990
|
+
top: ne.value
|
|
3966
3991
|
})
|
|
3967
3992
|
}, null, 4)], 44, Ya),
|
|
3968
3993
|
l("div", Xa, [l("div", Za, [l("div", {
|
|
@@ -4060,7 +4085,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4060
4085
|
}),
|
|
4061
4086
|
emits: ["update:modelValue"],
|
|
4062
4087
|
setup(i) {
|
|
4063
|
-
let u = i, f = $(), p = B(i, "modelValue"), m = O(""), h = O(0), g = O(null), _ = O(null), b = O(null), { activate: x, deactivate: w } =
|
|
4088
|
+
let u = i, f = $(), p = B(i, "modelValue"), m = O(""), h = O(0), g = O(null), _ = O(null), b = O(null), { activate: x, deactivate: w } = Pn(g), E = Rn(), { lock: D, unlock: A } = In(), j = a(() => {
|
|
4064
4089
|
let e = m.value.trim().toLowerCase();
|
|
4065
4090
|
return e ? u.commands.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e)) : u.commands;
|
|
4066
4091
|
}), M = a(() => {
|
|
@@ -4169,6 +4194,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4169
4194
|
"aria-invalid",
|
|
4170
4195
|
"aria-describedby"
|
|
4171
4196
|
], So = ["disabled", "aria-label"], Co = ["id"], wo = /* @__PURE__ */ f({
|
|
4197
|
+
inheritAttrs: !1,
|
|
4172
4198
|
__name: "UidNumberInput",
|
|
4173
4199
|
props: /* @__PURE__ */ g({
|
|
4174
4200
|
min: { default: void 0 },
|
|
@@ -4212,74 +4238,75 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4212
4238
|
"change"
|
|
4213
4239
|
], ["update:modelValue"]),
|
|
4214
4240
|
setup(t, { emit: n }) {
|
|
4215
|
-
let r = t,
|
|
4216
|
-
function
|
|
4217
|
-
return
|
|
4241
|
+
let { rootAttrs: r, controlAttrs: i } = ct(), o = t, f = n, p = B(t, "modelValue"), m = $(), h = a(() => m.value.numberInput.increment(o.step)), g = a(() => m.value.numberInput.decrement(o.step)), v = o.id ?? z(), b = a(() => !!o.error), x = a(() => o.error || o.hint), S = a(() => o.min !== void 0 && p.value !== null && p.value <= o.min), C = a(() => o.max !== void 0 && p.value !== null && p.value >= o.max);
|
|
4242
|
+
function w(e) {
|
|
4243
|
+
return o.min !== void 0 && e < o.min && (e = o.min), o.max !== void 0 && e > o.max && (e = o.max), e;
|
|
4218
4244
|
}
|
|
4219
|
-
function
|
|
4220
|
-
if (
|
|
4221
|
-
let t = 10 **
|
|
4245
|
+
function E(e) {
|
|
4246
|
+
if (o.precision === void 0) return e;
|
|
4247
|
+
let t = 10 ** o.precision;
|
|
4222
4248
|
return Math.round(e * t) / t;
|
|
4223
4249
|
}
|
|
4224
|
-
function
|
|
4225
|
-
e !==
|
|
4250
|
+
function D(e) {
|
|
4251
|
+
e !== p.value && (p.value = e, f("change", e));
|
|
4226
4252
|
}
|
|
4227
|
-
function
|
|
4228
|
-
|
|
4253
|
+
function O() {
|
|
4254
|
+
o.disabled || o.readonly || D(E(w((p.value ?? o.min ?? 0) + o.step)));
|
|
4229
4255
|
}
|
|
4230
|
-
function
|
|
4231
|
-
|
|
4256
|
+
function k() {
|
|
4257
|
+
o.disabled || o.readonly || D(E(w((p.value ?? o.max ?? 0) - o.step)));
|
|
4232
4258
|
}
|
|
4233
|
-
function
|
|
4259
|
+
function A(e) {
|
|
4234
4260
|
let t = e.target.value;
|
|
4235
4261
|
if (t === "" || t === "-") {
|
|
4236
|
-
|
|
4262
|
+
D(null);
|
|
4237
4263
|
return;
|
|
4238
4264
|
}
|
|
4239
4265
|
let n = Number(t);
|
|
4240
|
-
Number.isNaN(n) ||
|
|
4266
|
+
Number.isNaN(n) || D(E(n));
|
|
4241
4267
|
}
|
|
4242
|
-
function
|
|
4243
|
-
if (
|
|
4244
|
-
let e =
|
|
4245
|
-
e !==
|
|
4268
|
+
function j(e) {
|
|
4269
|
+
if (p.value !== null) {
|
|
4270
|
+
let e = E(w(p.value));
|
|
4271
|
+
e !== p.value && D(e);
|
|
4246
4272
|
}
|
|
4247
|
-
|
|
4273
|
+
f("blur", e);
|
|
4248
4274
|
}
|
|
4249
|
-
function
|
|
4250
|
-
e.key === "ArrowUp" ? (e.preventDefault(),
|
|
4275
|
+
function M(e) {
|
|
4276
|
+
e.key === "ArrowUp" ? (e.preventDefault(), O()) : e.key === "ArrowDown" && (e.preventDefault(), k());
|
|
4251
4277
|
}
|
|
4252
|
-
let
|
|
4253
|
-
return (n,
|
|
4278
|
+
let N = a(() => p.value === null ? "" : String(p.value)), F = a(() => o.controls && !o.disabled && !o.readonly);
|
|
4279
|
+
return (n, a) => (T(), c("div", _(L(r)(), { class: ["uid-number-input", [
|
|
4254
4280
|
`uid-number-input--${t.size}`,
|
|
4255
|
-
|
|
4281
|
+
b.value && "uid-number-input--error",
|
|
4256
4282
|
t.disabled && "uid-number-input--disabled",
|
|
4257
4283
|
t.readonly && "uid-number-input--readonly",
|
|
4258
4284
|
t.centered && "uid-number-input--centered"
|
|
4259
|
-
]]
|
|
4285
|
+
]] }), [
|
|
4260
4286
|
t.label ? (T(), c("label", {
|
|
4261
4287
|
key: 0,
|
|
4262
|
-
for: L(
|
|
4288
|
+
for: L(v),
|
|
4263
4289
|
class: "uid-number-input__label"
|
|
4264
4290
|
}, [u(P(t.label) + " ", 1), t.required ? (T(), c("span", vo, "*")) : s("", !0)], 8, _o)) : s("", !0),
|
|
4265
4291
|
l("div", yo, [
|
|
4266
|
-
|
|
4292
|
+
F.value ? (T(), c("button", {
|
|
4267
4293
|
key: 0,
|
|
4268
4294
|
type: "button",
|
|
4269
4295
|
class: "uid-number-input__btn uid-number-input__btn--prefix",
|
|
4270
|
-
disabled: t.disabled || t.readonly ||
|
|
4271
|
-
"aria-label":
|
|
4296
|
+
disabled: t.disabled || t.readonly || S.value,
|
|
4297
|
+
"aria-label": g.value,
|
|
4272
4298
|
tabindex: "-1",
|
|
4273
|
-
onClick:
|
|
4299
|
+
onClick: k
|
|
4274
4300
|
}, [d(e, {
|
|
4275
4301
|
icon: L(ye),
|
|
4276
4302
|
size: 14
|
|
4277
4303
|
}, null, 8, ["icon"])], 8, bo)) : s("", !0),
|
|
4278
|
-
l("input", {
|
|
4279
|
-
id: L(
|
|
4304
|
+
l("input", _({
|
|
4305
|
+
id: L(v),
|
|
4280
4306
|
class: "uid-number-input__input",
|
|
4281
4307
|
type: "number",
|
|
4282
|
-
inputmode: "decimal"
|
|
4308
|
+
inputmode: "decimal"
|
|
4309
|
+
}, L(i)(), {
|
|
4283
4310
|
name: t.name,
|
|
4284
4311
|
placeholder: t.placeholder,
|
|
4285
4312
|
disabled: t.disabled,
|
|
@@ -4288,33 +4315,33 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4288
4315
|
min: t.min,
|
|
4289
4316
|
max: t.max,
|
|
4290
4317
|
step: t.step,
|
|
4291
|
-
value:
|
|
4292
|
-
"aria-invalid":
|
|
4293
|
-
"aria-describedby":
|
|
4294
|
-
onInput:
|
|
4295
|
-
onBlur:
|
|
4296
|
-
onFocus:
|
|
4297
|
-
onKeydown:
|
|
4298
|
-
}, null,
|
|
4299
|
-
|
|
4318
|
+
value: N.value,
|
|
4319
|
+
"aria-invalid": b.value ? "true" : void 0,
|
|
4320
|
+
"aria-describedby": x.value ? `${L(v)}-hint` : void 0,
|
|
4321
|
+
onInput: A,
|
|
4322
|
+
onBlur: j,
|
|
4323
|
+
onFocus: a[0] ||= (e) => f("focus", e),
|
|
4324
|
+
onKeydown: M
|
|
4325
|
+
}), null, 16, xo),
|
|
4326
|
+
F.value ? (T(), c("button", {
|
|
4300
4327
|
key: 1,
|
|
4301
4328
|
type: "button",
|
|
4302
4329
|
class: "uid-number-input__btn",
|
|
4303
|
-
disabled: t.disabled || t.readonly ||
|
|
4304
|
-
"aria-label":
|
|
4330
|
+
disabled: t.disabled || t.readonly || C.value,
|
|
4331
|
+
"aria-label": h.value,
|
|
4305
4332
|
tabindex: "-1",
|
|
4306
|
-
onClick:
|
|
4333
|
+
onClick: O
|
|
4307
4334
|
}, [d(e, {
|
|
4308
4335
|
icon: L(be),
|
|
4309
4336
|
size: 14
|
|
4310
4337
|
}, null, 8, ["icon"])], 8, So)) : s("", !0)
|
|
4311
4338
|
]),
|
|
4312
|
-
|
|
4339
|
+
x.value ? (T(), c("p", {
|
|
4313
4340
|
key: 1,
|
|
4314
|
-
id: `${L(
|
|
4315
|
-
class: y(["uid-number-input__hint",
|
|
4316
|
-
}, P(
|
|
4317
|
-
],
|
|
4341
|
+
id: `${L(v)}-hint`,
|
|
4342
|
+
class: y(["uid-number-input__hint", b.value && "uid-number-input__hint--error"])
|
|
4343
|
+
}, P(x.value), 11, Co)) : s("", !0)
|
|
4344
|
+
], 16));
|
|
4318
4345
|
}
|
|
4319
4346
|
}), To = [
|
|
4320
4347
|
"aria-expanded",
|
|
@@ -4413,17 +4440,17 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4413
4440
|
m: e
|
|
4414
4441
|
};
|
|
4415
4442
|
}
|
|
4416
|
-
function
|
|
4443
|
+
function Z(e) {
|
|
4417
4444
|
I.value = {
|
|
4418
4445
|
...I.value,
|
|
4419
4446
|
s: e
|
|
4420
4447
|
};
|
|
4421
4448
|
}
|
|
4422
|
-
function
|
|
4449
|
+
function ee() {
|
|
4423
4450
|
let e = F(I.value);
|
|
4424
4451
|
g.value = e, h("change", e), K(), S.value?.focus();
|
|
4425
4452
|
}
|
|
4426
|
-
function
|
|
4453
|
+
function te() {
|
|
4427
4454
|
let e = /* @__PURE__ */ new Date(), t = f.step;
|
|
4428
4455
|
I.value = {
|
|
4429
4456
|
h: e.getHours(),
|
|
@@ -4431,7 +4458,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4431
4458
|
s: f.withSeconds ? Math.floor(e.getSeconds() / t) * t : 0
|
|
4432
4459
|
};
|
|
4433
4460
|
}
|
|
4434
|
-
function
|
|
4461
|
+
function ne(e) {
|
|
4435
4462
|
e.stopPropagation(), g.value = null, h("change", null);
|
|
4436
4463
|
}
|
|
4437
4464
|
function re(e) {
|
|
@@ -4468,7 +4495,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4468
4495
|
...I.value,
|
|
4469
4496
|
[t]: r
|
|
4470
4497
|
}, Q(t, r);
|
|
4471
|
-
} else e.key === "Enter" ? (e.preventDefault(),
|
|
4498
|
+
} else e.key === "Enter" ? (e.preventDefault(), ee()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), K(), S.value?.focus());
|
|
4472
4499
|
}
|
|
4473
4500
|
function Q(e, t) {
|
|
4474
4501
|
let n = {
|
|
@@ -4527,7 +4554,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4527
4554
|
type: "button",
|
|
4528
4555
|
class: "uid-timepicker__clear",
|
|
4529
4556
|
"aria-label": L(p).common.clear,
|
|
4530
|
-
onClick:
|
|
4557
|
+
onClick: ne
|
|
4531
4558
|
}, " × ", 8, Eo)) : s("", !0)
|
|
4532
4559
|
], 40, To), (T(), o(n, { to: "body" }, [d(r, { name: "uid-timepicker-panel" }, {
|
|
4533
4560
|
default: q(() => [_.value ? (T(), c("div", {
|
|
@@ -4586,16 +4613,16 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4586
4613
|
role: "option",
|
|
4587
4614
|
"aria-selected": I.value.s === e,
|
|
4588
4615
|
tabindex: I.value.s === e ? 0 : -1,
|
|
4589
|
-
onClick: (t) =>
|
|
4616
|
+
onClick: (t) => Z(e)
|
|
4590
4617
|
}, P(U(e)), 11, Po))), 128))], 40, No)) : s("", !0)
|
|
4591
4618
|
]), l("div", Fo, [l("button", {
|
|
4592
4619
|
type: "button",
|
|
4593
4620
|
class: "uid-timepicker__btn",
|
|
4594
|
-
onClick:
|
|
4621
|
+
onClick: te
|
|
4595
4622
|
}, P(L(p).timePicker.now), 1), l("button", {
|
|
4596
4623
|
type: "button",
|
|
4597
4624
|
class: "uid-timepicker__btn uid-timepicker__btn--primary",
|
|
4598
|
-
onClick:
|
|
4625
|
+
onClick: ee
|
|
4599
4626
|
}, P(L(p).timePicker.confirm), 1)])], 12, Do)) : s("", !0)]),
|
|
4600
4627
|
_: 1
|
|
4601
4628
|
})]))], 2));
|
|
@@ -4679,7 +4706,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4679
4706
|
return r ? `${n} ${r}` : n;
|
|
4680
4707
|
}
|
|
4681
4708
|
let J = a(() => _.value.start ? z(_.value.start) : null), Y = a(() => _.value.end ? z(_.value.end) : null), X = a(() => !_.value.start && !_.value.end ? "" : `${_.value.start ? K(_.value.start) : "..."} — ${_.value.end ? K(_.value.end) : "..."}`);
|
|
4682
|
-
function
|
|
4709
|
+
function Z(e, t, n) {
|
|
4683
4710
|
let r = new Date(e, t, 1), i = new Date(e, t + 1, 0), a = (r.getDay() + 6) % 7, o = [];
|
|
4684
4711
|
for (let r = a; r > 0; r--) {
|
|
4685
4712
|
let i = new Date(e, t, 1 - r);
|
|
@@ -4711,10 +4738,10 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4711
4738
|
}
|
|
4712
4739
|
return o;
|
|
4713
4740
|
}
|
|
4714
|
-
let
|
|
4741
|
+
let ee = a(() => Z(j.value, M.value, 0)), te = a(() => {
|
|
4715
4742
|
let e = M.value === 11 ? 0 : M.value + 1;
|
|
4716
|
-
return
|
|
4717
|
-
}),
|
|
4743
|
+
return Z(M.value === 11 ? j.value + 1 : j.value, e, 1);
|
|
4744
|
+
}), ne = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
|
|
4718
4745
|
let e = M.value === 11 ? 0 : M.value + 1, t = M.value === 11 ? j.value + 1 : j.value;
|
|
4719
4746
|
return `${I.value[e]} ${t}`;
|
|
4720
4747
|
}), ie = a(() => W(A));
|
|
@@ -4885,7 +4912,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4885
4912
|
icon: L(ce),
|
|
4886
4913
|
size: 16
|
|
4887
4914
|
}, null, 8, ["icon"])], 8, Uo),
|
|
4888
|
-
l("span", Wo, P(
|
|
4915
|
+
l("span", Wo, P(ne.value), 1),
|
|
4889
4916
|
l("button", {
|
|
4890
4917
|
type: "button",
|
|
4891
4918
|
class: "uid-daterange__nav-btn uid-daterange__nav-btn--next",
|
|
@@ -4898,7 +4925,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4898
4925
|
]), l("div", Ko, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
|
|
4899
4926
|
key: e,
|
|
4900
4927
|
class: "uid-daterange__weekday"
|
|
4901
|
-
}, P(e), 1))), 128)), (T(!0), c(t, null, k(
|
|
4928
|
+
}, P(e), 1))), 128)), (T(!0), c(t, null, k(ee.value, (e) => (T(), c("button", {
|
|
4902
4929
|
key: e.iso,
|
|
4903
4930
|
type: "button",
|
|
4904
4931
|
class: y(["uid-daterange__day", {
|
|
@@ -4935,7 +4962,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4935
4962
|
]), l("div", $o, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
|
|
4936
4963
|
key: e,
|
|
4937
4964
|
class: "uid-daterange__weekday"
|
|
4938
|
-
}, P(e), 1))), 128)), (T(!0), c(t, null, k(
|
|
4965
|
+
}, P(e), 1))), 128)), (T(!0), c(t, null, k(te.value, (e) => (T(), c("button", {
|
|
4939
4966
|
key: e.iso,
|
|
4940
4967
|
type: "button",
|
|
4941
4968
|
class: y(["uid-daterange__day", {
|
|
@@ -4986,6 +5013,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
4986
5013
|
"aria-invalid",
|
|
4987
5014
|
"aria-describedby"
|
|
4988
5015
|
], _s = ["id"], vs = /* @__PURE__ */ f({
|
|
5016
|
+
inheritAttrs: !1,
|
|
4989
5017
|
__name: "UidTagsInput",
|
|
4990
5018
|
props: /* @__PURE__ */ g({
|
|
4991
5019
|
separators: { default: () => [",", "Enter"] },
|
|
@@ -5018,112 +5046,112 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
5018
5046
|
}),
|
|
5019
5047
|
emits: /* @__PURE__ */ g(["add", "remove"], ["update:modelValue"]),
|
|
5020
5048
|
setup(e, { emit: n }) {
|
|
5021
|
-
let r = e,
|
|
5022
|
-
function
|
|
5023
|
-
return
|
|
5049
|
+
let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = O(""), m = O(null), h = o.id ?? z(), g = $(), v = a(() => !!o.error), b = a(() => o.error || o.hint), x = a(() => o.max !== void 0 && f.value.length >= o.max);
|
|
5050
|
+
function S(e) {
|
|
5051
|
+
return o.validate ? o.validate(e) : !0;
|
|
5024
5052
|
}
|
|
5025
|
-
function
|
|
5026
|
-
let e =
|
|
5027
|
-
if (e && !
|
|
5028
|
-
if (
|
|
5029
|
-
|
|
5053
|
+
function C() {
|
|
5054
|
+
let e = p.value.trim();
|
|
5055
|
+
if (e && !x.value) {
|
|
5056
|
+
if (o.unique && f.value.includes(e)) {
|
|
5057
|
+
p.value = "";
|
|
5030
5058
|
return;
|
|
5031
5059
|
}
|
|
5032
|
-
|
|
5060
|
+
S(e) && (f.value = [...f.value, e], d("add", e), p.value = "");
|
|
5033
5061
|
}
|
|
5034
5062
|
}
|
|
5035
|
-
function
|
|
5036
|
-
let t =
|
|
5037
|
-
|
|
5063
|
+
function w(e) {
|
|
5064
|
+
let t = f.value[e];
|
|
5065
|
+
f.value = f.value.filter((t, n) => n !== e), d("remove", t, e);
|
|
5038
5066
|
}
|
|
5039
|
-
function
|
|
5040
|
-
if (
|
|
5041
|
-
e.preventDefault(),
|
|
5067
|
+
function E(e) {
|
|
5068
|
+
if (o.separators.includes(e.key)) {
|
|
5069
|
+
e.preventDefault(), C();
|
|
5042
5070
|
return;
|
|
5043
5071
|
}
|
|
5044
|
-
e.key === "Backspace" &&
|
|
5072
|
+
e.key === "Backspace" && p.value === "" && f.value.length > 0 && w(f.value.length - 1);
|
|
5045
5073
|
}
|
|
5046
|
-
function
|
|
5074
|
+
function D(e) {
|
|
5047
5075
|
let t = e.target, n = t.value;
|
|
5048
|
-
for (let e of
|
|
5049
|
-
let
|
|
5050
|
-
n =
|
|
5051
|
-
for (let e of
|
|
5076
|
+
for (let e of o.separators) if (e !== "Enter" && n.includes(e)) {
|
|
5077
|
+
let r = n.split(e);
|
|
5078
|
+
n = r.pop() ?? "", t.value = n, p.value = n;
|
|
5079
|
+
for (let e of r) {
|
|
5052
5080
|
let t = e.trim();
|
|
5053
5081
|
if (t) {
|
|
5054
|
-
if (
|
|
5055
|
-
|
|
5082
|
+
if (x.value) break;
|
|
5083
|
+
o.unique && f.value.includes(t) || S(t) && (f.value = [...f.value, t], d("add", t));
|
|
5056
5084
|
}
|
|
5057
5085
|
}
|
|
5058
5086
|
return;
|
|
5059
5087
|
}
|
|
5060
|
-
|
|
5088
|
+
p.value = n;
|
|
5061
5089
|
}
|
|
5062
|
-
function
|
|
5090
|
+
function A(e) {
|
|
5063
5091
|
let t = e.clipboardData?.getData("text");
|
|
5064
5092
|
if (!t) return;
|
|
5065
|
-
let n = RegExp(`[${
|
|
5093
|
+
let n = RegExp(`[${o.separators.filter((e) => e !== "Enter").join("")}\\n]`);
|
|
5066
5094
|
if (n.test(t)) {
|
|
5067
5095
|
e.preventDefault();
|
|
5068
5096
|
for (let e of t.split(n)) {
|
|
5069
5097
|
let t = e.trim();
|
|
5070
5098
|
if (t) {
|
|
5071
|
-
if (
|
|
5072
|
-
|
|
5099
|
+
if (x.value) break;
|
|
5100
|
+
o.unique && f.value.includes(t) || S(t) && (f.value = [...f.value, t], d("add", t));
|
|
5073
5101
|
}
|
|
5074
5102
|
}
|
|
5075
5103
|
}
|
|
5076
5104
|
}
|
|
5077
|
-
function
|
|
5078
|
-
|
|
5105
|
+
function j() {
|
|
5106
|
+
m.value?.focus();
|
|
5079
5107
|
}
|
|
5080
|
-
return (n,
|
|
5108
|
+
return (n, a) => (T(), c("div", _(L(r)(), { class: ["uid-tags-input", [
|
|
5081
5109
|
`uid-tags-input--${e.size}`,
|
|
5082
|
-
|
|
5110
|
+
v.value && "uid-tags-input--error",
|
|
5083
5111
|
e.disabled && "uid-tags-input--disabled"
|
|
5084
|
-
]]
|
|
5112
|
+
]] }), [
|
|
5085
5113
|
e.label ? (T(), c("label", {
|
|
5086
5114
|
key: 0,
|
|
5087
|
-
for: L(
|
|
5115
|
+
for: L(h),
|
|
5088
5116
|
class: "uid-tags-input__label"
|
|
5089
5117
|
}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", ms, "*")) : s("", !0)], 8, ps)) : s("", !0),
|
|
5090
5118
|
l("div", {
|
|
5091
5119
|
class: "uid-tags-input__control",
|
|
5092
5120
|
role: "list",
|
|
5093
|
-
onClick:
|
|
5094
|
-
}, [(T(!0), c(t, null, k(
|
|
5121
|
+
onClick: j
|
|
5122
|
+
}, [(T(!0), c(t, null, k(f.value, (t, n) => (T(), c("span", {
|
|
5095
5123
|
key: `${t}-${n}`,
|
|
5096
|
-
class: y(["uid-tags-input__chip", { "uid-tags-input__chip--invalid": !
|
|
5124
|
+
class: y(["uid-tags-input__chip", { "uid-tags-input__chip--invalid": !S(t) }]),
|
|
5097
5125
|
role: "listitem"
|
|
5098
5126
|
}, [l("span", null, P(t), 1), e.disabled ? s("", !0) : (T(), c("button", {
|
|
5099
5127
|
key: 0,
|
|
5100
5128
|
type: "button",
|
|
5101
5129
|
class: "uid-tags-input__chip-remove",
|
|
5102
|
-
"aria-label": L(
|
|
5103
|
-
onClick: X((e) =>
|
|
5104
|
-
}, "×", 8, hs))], 2))), 128)), l("input", {
|
|
5105
|
-
id: L(
|
|
5130
|
+
"aria-label": L(g).tagsInput.remove(t),
|
|
5131
|
+
onClick: X((e) => w(n), ["stop"])
|
|
5132
|
+
}, "×", 8, hs))], 2))), 128)), l("input", _(L(i)(), {
|
|
5133
|
+
id: L(h),
|
|
5106
5134
|
ref_key: "inputRef",
|
|
5107
|
-
ref:
|
|
5135
|
+
ref: m,
|
|
5108
5136
|
class: "uid-tags-input__field",
|
|
5109
5137
|
type: "text",
|
|
5110
|
-
placeholder:
|
|
5138
|
+
placeholder: f.value.length === 0 ? e.placeholder : "",
|
|
5111
5139
|
disabled: e.disabled,
|
|
5112
|
-
readonly:
|
|
5113
|
-
value:
|
|
5114
|
-
"aria-invalid":
|
|
5115
|
-
"aria-describedby":
|
|
5116
|
-
onInput:
|
|
5117
|
-
onKeydown:
|
|
5118
|
-
onPaste:
|
|
5119
|
-
onBlur:
|
|
5120
|
-
}, null,
|
|
5121
|
-
|
|
5140
|
+
readonly: x.value,
|
|
5141
|
+
value: p.value,
|
|
5142
|
+
"aria-invalid": v.value ? "true" : void 0,
|
|
5143
|
+
"aria-describedby": b.value ? `${L(h)}-hint` : void 0,
|
|
5144
|
+
onInput: D,
|
|
5145
|
+
onKeydown: E,
|
|
5146
|
+
onPaste: A,
|
|
5147
|
+
onBlur: C
|
|
5148
|
+
}), null, 16, gs)]),
|
|
5149
|
+
b.value ? (T(), c("p", {
|
|
5122
5150
|
key: 1,
|
|
5123
|
-
id: `${L(
|
|
5124
|
-
class: y(["uid-tags-input__hint",
|
|
5125
|
-
}, P(
|
|
5126
|
-
],
|
|
5151
|
+
id: `${L(h)}-hint`,
|
|
5152
|
+
class: y(["uid-tags-input__hint", v.value && "uid-tags-input__hint--error"])
|
|
5153
|
+
}, P(b.value), 11, _s)) : s("", !0)
|
|
5154
|
+
], 16));
|
|
5127
5155
|
}
|
|
5128
5156
|
}), ys = ["for"], bs = {
|
|
5129
5157
|
key: 0,
|
|
@@ -5153,6 +5181,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
5153
5181
|
key: 2,
|
|
5154
5182
|
class: "uid-combobox__empty"
|
|
5155
5183
|
}, js = /* @__PURE__ */ f({
|
|
5184
|
+
inheritAttrs: !1,
|
|
5156
5185
|
__name: "UidCombobox",
|
|
5157
5186
|
props: /* @__PURE__ */ g({
|
|
5158
5187
|
options: {},
|
|
@@ -5189,165 +5218,165 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
5189
5218
|
}),
|
|
5190
5219
|
emits: /* @__PURE__ */ g(["change", "create"], ["update:modelValue"]),
|
|
5191
5220
|
setup(r, { emit: i }) {
|
|
5192
|
-
let f = r,
|
|
5193
|
-
G(
|
|
5194
|
-
|
|
5221
|
+
let { rootAttrs: f, controlAttrs: p } = ct(), m = r, h = $(), g = a(() => m.placeholder ?? h.value.combobox.placeholder), x = a(() => m.emptyText ?? h.value.combobox.noResults), S = i, w = B(r, "modelValue"), E = O(!1), D = O(""), A = O(0), j = O(null), M = O(null), N = O(null), F = O(null), { panelStyle: I, containsTarget: R } = ha(F, N, E, { matchWidth: "exact" }), V = m.id ?? z(), H = z(), U = a(() => m.options.find((e) => e.value === w.value) ?? null);
|
|
5222
|
+
G(U, (e) => {
|
|
5223
|
+
E.value || (D.value = e?.label ?? "");
|
|
5195
5224
|
}, { immediate: !0 });
|
|
5196
|
-
let
|
|
5197
|
-
let e =
|
|
5198
|
-
return e ?
|
|
5199
|
-
}),
|
|
5200
|
-
G(
|
|
5201
|
-
|
|
5225
|
+
let W = a(() => {
|
|
5226
|
+
let e = D.value.trim().toLowerCase();
|
|
5227
|
+
return e ? m.filter ? m.options.filter((e) => m.filter(e, D.value)) : m.options.filter((t) => t.label.toLowerCase().includes(e)) : m.options;
|
|
5228
|
+
}), K = a(() => m.allowCreate && D.value.trim().length > 0 && !W.value.some((e) => e.label.toLowerCase() === D.value.trim().toLowerCase())), q = a(() => !!m.error), J = a(() => m.error || m.hint);
|
|
5229
|
+
G(D, () => {
|
|
5230
|
+
A.value = 0;
|
|
5202
5231
|
});
|
|
5203
|
-
function
|
|
5204
|
-
|
|
5232
|
+
function Y() {
|
|
5233
|
+
m.disabled || (E.value = !0);
|
|
5205
5234
|
}
|
|
5206
|
-
function
|
|
5207
|
-
|
|
5235
|
+
function X() {
|
|
5236
|
+
E.value = !1, D.value = U.value?.label ?? "";
|
|
5208
5237
|
}
|
|
5209
|
-
function
|
|
5210
|
-
e.disabled || (
|
|
5238
|
+
function Z(e) {
|
|
5239
|
+
e.disabled || (w.value = e.value, S("change", e.value), D.value = e.label, E.value = !1, M.value?.blur());
|
|
5211
5240
|
}
|
|
5212
|
-
function
|
|
5213
|
-
let e =
|
|
5214
|
-
e && (
|
|
5241
|
+
function ee() {
|
|
5242
|
+
let e = D.value.trim();
|
|
5243
|
+
e && (S("create", e), E.value = !1);
|
|
5215
5244
|
}
|
|
5216
|
-
function
|
|
5217
|
-
e.stopPropagation(),
|
|
5245
|
+
function te(e) {
|
|
5246
|
+
e.stopPropagation(), w.value = null, S("change", null), D.value = "", M.value?.focus();
|
|
5218
5247
|
}
|
|
5219
|
-
function
|
|
5220
|
-
|
|
5248
|
+
function ne(e) {
|
|
5249
|
+
D.value = e.target.value, E.value || Y();
|
|
5221
5250
|
}
|
|
5222
|
-
function
|
|
5223
|
-
|
|
5251
|
+
function re() {
|
|
5252
|
+
Y();
|
|
5224
5253
|
}
|
|
5225
|
-
function
|
|
5254
|
+
function ie(e) {
|
|
5226
5255
|
if (e.key === "ArrowDown") {
|
|
5227
|
-
if (e.preventDefault(), !
|
|
5228
|
-
|
|
5256
|
+
if (e.preventDefault(), !E.value) {
|
|
5257
|
+
Y();
|
|
5229
5258
|
return;
|
|
5230
5259
|
}
|
|
5231
|
-
|
|
5232
|
-
} else if (e.key === "ArrowUp") e.preventDefault(),
|
|
5260
|
+
ae();
|
|
5261
|
+
} else if (e.key === "ArrowUp") e.preventDefault(), E.value && oe();
|
|
5233
5262
|
else if (e.key === "Enter") {
|
|
5234
|
-
if (e.preventDefault(), !
|
|
5235
|
-
|
|
5263
|
+
if (e.preventDefault(), !E.value) {
|
|
5264
|
+
Y();
|
|
5236
5265
|
return;
|
|
5237
5266
|
}
|
|
5238
|
-
|
|
5239
|
-
} else e.key === "Escape" ?
|
|
5267
|
+
ce();
|
|
5268
|
+
} else e.key === "Escape" ? E.value ? (e.stopPropagation(), X()) : M.value?.blur() : e.key === "Tab" && X();
|
|
5240
5269
|
}
|
|
5241
|
-
function
|
|
5242
|
-
let e =
|
|
5243
|
-
e !== 0 && (
|
|
5270
|
+
function ae() {
|
|
5271
|
+
let e = W.value.length + +!!K.value;
|
|
5272
|
+
e !== 0 && (A.value = Math.min(A.value + 1, e - 1), le());
|
|
5244
5273
|
}
|
|
5245
|
-
function
|
|
5246
|
-
|
|
5274
|
+
function oe() {
|
|
5275
|
+
A.value = Math.max(A.value - 1, 0), le();
|
|
5247
5276
|
}
|
|
5248
|
-
function
|
|
5249
|
-
if (
|
|
5250
|
-
|
|
5277
|
+
function ce() {
|
|
5278
|
+
if (K.value && A.value === W.value.length) {
|
|
5279
|
+
ee();
|
|
5251
5280
|
return;
|
|
5252
5281
|
}
|
|
5253
|
-
let e =
|
|
5254
|
-
e &&
|
|
5282
|
+
let e = W.value[A.value];
|
|
5283
|
+
e && Z(e);
|
|
5255
5284
|
}
|
|
5256
|
-
function
|
|
5285
|
+
function le() {
|
|
5257
5286
|
v(() => {
|
|
5258
|
-
(
|
|
5287
|
+
(N.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView?.({ block: "nearest" });
|
|
5259
5288
|
});
|
|
5260
5289
|
}
|
|
5261
|
-
function
|
|
5290
|
+
function ue(e) {
|
|
5262
5291
|
let t = e.target;
|
|
5263
|
-
!
|
|
5292
|
+
!j.value?.contains(t) && !R(t) && X();
|
|
5264
5293
|
}
|
|
5265
|
-
return G(
|
|
5266
|
-
e ? (
|
|
5267
|
-
}), C(() => document.removeEventListener("pointerdown",
|
|
5294
|
+
return G(E, (e) => {
|
|
5295
|
+
e ? (A.value = Math.max(0, W.value.findIndex((e) => e.value === w.value)), document.addEventListener("pointerdown", ue)) : document.removeEventListener("pointerdown", ue);
|
|
5296
|
+
}), C(() => document.removeEventListener("pointerdown", ue)), (i, a) => (T(), c("div", _(L(f)(), {
|
|
5268
5297
|
ref_key: "containerRef",
|
|
5269
|
-
ref:
|
|
5270
|
-
class:
|
|
5298
|
+
ref: j,
|
|
5299
|
+
class: ["uid-combobox", [
|
|
5271
5300
|
`uid-combobox--${r.size}`,
|
|
5272
|
-
|
|
5301
|
+
E.value && "uid-combobox--open",
|
|
5273
5302
|
r.disabled && "uid-combobox--disabled",
|
|
5274
|
-
|
|
5275
|
-
]]
|
|
5276
|
-
}, [
|
|
5303
|
+
q.value && "uid-combobox--error"
|
|
5304
|
+
]]
|
|
5305
|
+
}), [
|
|
5277
5306
|
r.label ? (T(), c("label", {
|
|
5278
5307
|
key: 0,
|
|
5279
|
-
for: L(
|
|
5308
|
+
for: L(V),
|
|
5280
5309
|
class: "uid-combobox__label"
|
|
5281
5310
|
}, [u(P(r.label) + " ", 1), r.required ? (T(), c("span", bs, "*")) : s("", !0)], 8, ys)) : s("", !0),
|
|
5282
5311
|
l("div", {
|
|
5283
5312
|
ref_key: "controlRef",
|
|
5284
|
-
ref:
|
|
5313
|
+
ref: F,
|
|
5285
5314
|
class: "uid-combobox__control"
|
|
5286
|
-
}, [l("input", {
|
|
5287
|
-
id: L(
|
|
5315
|
+
}, [l("input", _(L(p)(), {
|
|
5316
|
+
id: L(V),
|
|
5288
5317
|
ref_key: "inputRef",
|
|
5289
|
-
ref:
|
|
5318
|
+
ref: M,
|
|
5290
5319
|
class: "uid-combobox__field",
|
|
5291
5320
|
type: "text",
|
|
5292
5321
|
role: "combobox",
|
|
5293
5322
|
autocomplete: "off",
|
|
5294
5323
|
"aria-haspopup": "listbox",
|
|
5295
|
-
"aria-expanded":
|
|
5296
|
-
"aria-controls": L(
|
|
5324
|
+
"aria-expanded": E.value,
|
|
5325
|
+
"aria-controls": L(H),
|
|
5297
5326
|
"aria-autocomplete": "list",
|
|
5298
|
-
"aria-activedescendant":
|
|
5299
|
-
"aria-invalid":
|
|
5300
|
-
placeholder:
|
|
5327
|
+
"aria-activedescendant": E.value ? `${L(H)}-${A.value}` : void 0,
|
|
5328
|
+
"aria-invalid": q.value ? "true" : void 0,
|
|
5329
|
+
placeholder: g.value,
|
|
5301
5330
|
disabled: r.disabled,
|
|
5302
5331
|
required: r.required,
|
|
5303
|
-
value:
|
|
5304
|
-
onInput:
|
|
5305
|
-
onFocus:
|
|
5306
|
-
onKeydown:
|
|
5307
|
-
}, null,
|
|
5332
|
+
value: D.value,
|
|
5333
|
+
onInput: ne,
|
|
5334
|
+
onFocus: re,
|
|
5335
|
+
onKeydown: ie
|
|
5336
|
+
}), null, 16, xs), l("div", Ss, [r.clearable && w.value !== null ? (T(), c("button", {
|
|
5308
5337
|
key: 0,
|
|
5309
5338
|
type: "button",
|
|
5310
5339
|
class: "uid-combobox__clear",
|
|
5311
|
-
"aria-label": L(
|
|
5312
|
-
onClick:
|
|
5340
|
+
"aria-label": L(h).common.clear,
|
|
5341
|
+
onClick: te
|
|
5313
5342
|
}, [d(e, {
|
|
5314
5343
|
icon: L(Ee),
|
|
5315
5344
|
size: 12
|
|
5316
5345
|
}, null, 8, ["icon"])], 8, Cs)) : s("", !0), d(e, {
|
|
5317
5346
|
icon: L(se),
|
|
5318
5347
|
size: 16,
|
|
5319
|
-
class: y(["uid-combobox__chevron", { "uid-combobox__chevron--open":
|
|
5348
|
+
class: y(["uid-combobox__chevron", { "uid-combobox__chevron--open": E.value }]),
|
|
5320
5349
|
"aria-hidden": "true",
|
|
5321
|
-
onClick:
|
|
5350
|
+
onClick: Y
|
|
5322
5351
|
}, null, 8, ["icon", "class"])])], 512),
|
|
5323
|
-
(T(), o(n, { to: "body" }, [
|
|
5352
|
+
(T(), o(n, { to: "body" }, [E.value ? (T(), c("div", {
|
|
5324
5353
|
key: 0,
|
|
5325
|
-
id: L(
|
|
5354
|
+
id: L(H),
|
|
5326
5355
|
ref_key: "listRef",
|
|
5327
|
-
ref:
|
|
5356
|
+
ref: N,
|
|
5328
5357
|
class: "uid-combobox__dropdown",
|
|
5329
|
-
style: b(L(
|
|
5358
|
+
style: b(L(I)),
|
|
5330
5359
|
role: "listbox"
|
|
5331
5360
|
}, [
|
|
5332
|
-
|
|
5333
|
-
id: `${L(
|
|
5361
|
+
W.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(W.value, (t, n) => (T(), c("button", {
|
|
5362
|
+
id: `${L(H)}-${n}`,
|
|
5334
5363
|
key: t.value,
|
|
5335
5364
|
type: "button",
|
|
5336
5365
|
role: "option",
|
|
5337
5366
|
class: y(["uid-combobox__option", {
|
|
5338
|
-
"uid-combobox__option--active": n ===
|
|
5339
|
-
"uid-combobox__option--selected": t.value ===
|
|
5367
|
+
"uid-combobox__option--active": n === A.value,
|
|
5368
|
+
"uid-combobox__option--selected": t.value === w.value,
|
|
5340
5369
|
"uid-combobox__option--disabled": t.disabled
|
|
5341
5370
|
}]),
|
|
5342
|
-
"data-active": n ===
|
|
5343
|
-
"aria-selected": t.value ===
|
|
5371
|
+
"data-active": n === A.value ? "true" : void 0,
|
|
5372
|
+
"aria-selected": t.value === w.value,
|
|
5344
5373
|
"aria-disabled": t.disabled,
|
|
5345
|
-
onClick: (e) =>
|
|
5346
|
-
onMouseenter: (e) => !t.disabled && (
|
|
5374
|
+
onClick: (e) => Z(t),
|
|
5375
|
+
onMouseenter: (e) => !t.disabled && (A.value = n)
|
|
5347
5376
|
}, [
|
|
5348
5377
|
l("span", Es, P(t.label), 1),
|
|
5349
5378
|
t.hint ? (T(), c("span", Ds, P(t.hint), 1)) : s("", !0),
|
|
5350
|
-
t.value ===
|
|
5379
|
+
t.value === w.value ? (T(), o(e, {
|
|
5351
5380
|
key: 1,
|
|
5352
5381
|
icon: L(Q),
|
|
5353
5382
|
size: 14,
|
|
@@ -5355,23 +5384,23 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
|
|
|
5355
5384
|
"aria-hidden": "true"
|
|
5356
5385
|
}, null, 8, ["icon"])) : s("", !0)
|
|
5357
5386
|
], 42, Ts))), 128)) : s("", !0),
|
|
5358
|
-
|
|
5387
|
+
K.value ? (T(), c("button", {
|
|
5359
5388
|
key: 1,
|
|
5360
|
-
id: `${L(
|
|
5389
|
+
id: `${L(H)}-${W.value.length}`,
|
|
5361
5390
|
type: "button",
|
|
5362
5391
|
role: "option",
|
|
5363
|
-
class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active":
|
|
5364
|
-
"data-active":
|
|
5365
|
-
onClick:
|
|
5366
|
-
onMouseenter: a[0] ||= (e) =>
|
|
5367
|
-
}, [l("span", ks, P(L(
|
|
5368
|
-
|
|
5392
|
+
class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": A.value === W.value.length }]),
|
|
5393
|
+
"data-active": A.value === W.value.length ? "true" : void 0,
|
|
5394
|
+
onClick: ee,
|
|
5395
|
+
onMouseenter: a[0] ||= (e) => A.value = W.value.length
|
|
5396
|
+
}, [l("span", ks, P(L(h).combobox.create(D.value)), 1)], 42, Os)) : s("", !0),
|
|
5397
|
+
W.value.length === 0 && !K.value ? (T(), c("div", As, P(x.value), 1)) : s("", !0)
|
|
5369
5398
|
], 12, ws)) : s("", !0)])),
|
|
5370
|
-
|
|
5399
|
+
J.value ? (T(), c("p", {
|
|
5371
5400
|
key: 1,
|
|
5372
|
-
class: y(["uid-combobox__hint",
|
|
5373
|
-
}, P(
|
|
5374
|
-
],
|
|
5401
|
+
class: y(["uid-combobox__hint", q.value && "uid-combobox__hint--error"])
|
|
5402
|
+
}, P(J.value), 3)) : s("", !0)
|
|
5403
|
+
], 16));
|
|
5375
5404
|
}
|
|
5376
5405
|
}), Ms = Symbol("UidTree"), Ns = [
|
|
5377
5406
|
"aria-expanded",
|
|
@@ -6265,7 +6294,7 @@ var Lc = {
|
|
|
6265
6294
|
decoding: "async",
|
|
6266
6295
|
onLoad: C,
|
|
6267
6296
|
onError: w
|
|
6268
|
-
}, null, 40, Zc))], 64)), n.preview ? (T(), o(
|
|
6297
|
+
}, null, 40, Zc))], 64)), n.preview ? (T(), o(Gn, {
|
|
6269
6298
|
key: 2,
|
|
6270
6299
|
modelValue: h.value,
|
|
6271
6300
|
"onUpdate:modelValue": i[0] ||= (e) => h.value = e,
|
|
@@ -6538,7 +6567,7 @@ var Lc = {
|
|
|
6538
6567
|
let n = t, r = $(), i = a(() => n.locale ?? r.value.code ?? "ru-RU"), d = a(() => n.value === void 0 ? "" : n.formatter ? n.formatter(n.value) : typeof n.value == "number" ? n.value.toLocaleString(i.value, {
|
|
6539
6568
|
minimumFractionDigits: n.precision,
|
|
6540
6569
|
maximumFractionDigits: n.precision
|
|
6541
|
-
}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ?
|
|
6570
|
+
}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ? te : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
|
|
6542
6571
|
return (n, r) => (T(), c("div", { class: y(["uid-stat", [
|
|
6543
6572
|
`uid-stat--${t.tone}`,
|
|
6544
6573
|
t.variant === "ghost" && "uid-stat--ghost",
|
|
@@ -6669,7 +6698,7 @@ var Lc = {
|
|
|
6669
6698
|
let n = t, r = {
|
|
6670
6699
|
success: oe,
|
|
6671
6700
|
info: ve,
|
|
6672
|
-
warning:
|
|
6701
|
+
warning: ee,
|
|
6673
6702
|
error: De
|
|
6674
6703
|
}, i = a(() => r[n.status]);
|
|
6675
6704
|
return (n, r) => (T(), c("div", {
|
|
@@ -7104,6 +7133,7 @@ var Lc = {
|
|
|
7104
7133
|
key: 0,
|
|
7105
7134
|
class: "uid-mention__empty"
|
|
7106
7135
|
}, au = /* @__PURE__ */ f({
|
|
7136
|
+
inheritAttrs: !1,
|
|
7107
7137
|
__name: "UidMention",
|
|
7108
7138
|
props: /* @__PURE__ */ g({
|
|
7109
7139
|
options: {},
|
|
@@ -7123,15 +7153,15 @@ var Lc = {
|
|
|
7123
7153
|
}),
|
|
7124
7154
|
emits: /* @__PURE__ */ g(["select"], ["update:modelValue"]),
|
|
7125
7155
|
setup(e, { emit: r }) {
|
|
7126
|
-
let i = e,
|
|
7127
|
-
let e =
|
|
7128
|
-
return
|
|
7156
|
+
let { rootAttrs: i, controlAttrs: u } = ct(), d = e, f = $(), p = a(() => d.emptyText ?? f.value.mention.noResults), m = r, h = B(e, "modelValue"), g = O(null), x = z(), S = O(!1), C = O(""), w = O(0), E = O(-1), D = O(""), A = O(null), { panelStyle: j } = ha(g, A, S), M = a(() => Array.isArray(d.prefix) ? d.prefix : [d.prefix]), N = a(() => {
|
|
7157
|
+
let e = C.value.toLowerCase();
|
|
7158
|
+
return d.filter ? d.options.filter((e) => d.filter(e, C.value)) : e ? d.options.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : d.options;
|
|
7129
7159
|
});
|
|
7130
|
-
function
|
|
7131
|
-
let e =
|
|
7160
|
+
function F() {
|
|
7161
|
+
let e = g.value;
|
|
7132
7162
|
if (!e) return;
|
|
7133
|
-
let t = e.selectionStart ?? 0, n =
|
|
7134
|
-
for (let e of
|
|
7163
|
+
let t = e.selectionStart ?? 0, n = h.value.slice(0, t), r = -1, i = "";
|
|
7164
|
+
for (let e of M.value) {
|
|
7135
7165
|
let t = n.lastIndexOf(e);
|
|
7136
7166
|
if (t > r) {
|
|
7137
7167
|
let a = n[t - 1];
|
|
@@ -7141,62 +7171,62 @@ var Lc = {
|
|
|
7141
7171
|
}
|
|
7142
7172
|
}
|
|
7143
7173
|
}
|
|
7144
|
-
r >= 0 ? (
|
|
7174
|
+
r >= 0 ? (E.value = r, D.value = i, C.value = n.slice(r + i.length), w.value = 0, S.value ||= !0) : (S.value = !1, C.value = "", E.value = -1);
|
|
7145
7175
|
}
|
|
7146
|
-
function
|
|
7147
|
-
if (
|
|
7148
|
-
let t =
|
|
7176
|
+
function I(e) {
|
|
7177
|
+
if (E.value < 0) return;
|
|
7178
|
+
let t = g.value;
|
|
7149
7179
|
if (!t) return;
|
|
7150
|
-
let n = t.selectionStart ?? 0, r =
|
|
7151
|
-
|
|
7180
|
+
let n = t.selectionStart ?? 0, r = h.value.slice(0, E.value), i = h.value.slice(n), a = `${D.value}${e.value} `;
|
|
7181
|
+
h.value = r + a + i, m("select", e, D.value), S.value = !1, E.value = -1, C.value = "", v(() => {
|
|
7152
7182
|
let e = r.length + a.length;
|
|
7153
7183
|
t.focus(), t.setSelectionRange(e, e);
|
|
7154
7184
|
});
|
|
7155
7185
|
}
|
|
7156
|
-
function
|
|
7157
|
-
|
|
7186
|
+
function R(e) {
|
|
7187
|
+
h.value = e.target.value, F();
|
|
7158
7188
|
}
|
|
7159
|
-
function
|
|
7160
|
-
|
|
7189
|
+
function V() {
|
|
7190
|
+
F();
|
|
7161
7191
|
}
|
|
7162
|
-
function
|
|
7163
|
-
|
|
7192
|
+
function H(e) {
|
|
7193
|
+
S.value && (e.key === "ArrowDown" ? (e.preventDefault(), w.value = Math.min(w.value + 1, N.value.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), w.value = Math.max(w.value - 1, 0)) : e.key === "Enter" || e.key === "Tab" ? N.value.length > 0 && (e.preventDefault(), I(N.value[w.value])) : e.key === "Escape" && S.value && (e.stopPropagation(), S.value = !1));
|
|
7164
7194
|
}
|
|
7165
|
-
return (r,
|
|
7195
|
+
return (r, a) => (T(), c("div", _(L(i)(), { class: ["uid-mention", { "uid-mention--disabled": e.disabled }] }), [
|
|
7166
7196
|
e.label ? (T(), c("label", {
|
|
7167
7197
|
key: 0,
|
|
7168
|
-
for: L(
|
|
7198
|
+
for: L(x),
|
|
7169
7199
|
class: "uid-mention__label"
|
|
7170
7200
|
}, P(e.label), 9, $l)) : s("", !0),
|
|
7171
|
-
l("textarea", {
|
|
7172
|
-
id: L(
|
|
7201
|
+
l("textarea", _(L(u)(), {
|
|
7202
|
+
id: L(x),
|
|
7173
7203
|
ref_key: "fieldRef",
|
|
7174
|
-
ref:
|
|
7204
|
+
ref: g,
|
|
7175
7205
|
class: "uid-mention__field",
|
|
7176
|
-
value:
|
|
7206
|
+
value: h.value,
|
|
7177
7207
|
placeholder: e.placeholder,
|
|
7178
7208
|
rows: e.rows,
|
|
7179
7209
|
disabled: e.disabled,
|
|
7180
|
-
onInput:
|
|
7181
|
-
onClick:
|
|
7182
|
-
onKeydown:
|
|
7183
|
-
onKeyup:
|
|
7184
|
-
onBlur:
|
|
7185
|
-
}, null,
|
|
7186
|
-
(T(), o(n, { to: "body" }, [
|
|
7210
|
+
onInput: R,
|
|
7211
|
+
onClick: V,
|
|
7212
|
+
onKeydown: H,
|
|
7213
|
+
onKeyup: F,
|
|
7214
|
+
onBlur: a[0] ||= (e) => S.value = !1
|
|
7215
|
+
}), null, 16, eu),
|
|
7216
|
+
(T(), o(n, { to: "body" }, [S.value ? (T(), c("div", {
|
|
7187
7217
|
key: 0,
|
|
7188
7218
|
ref_key: "panelRef",
|
|
7189
|
-
ref:
|
|
7219
|
+
ref: A,
|
|
7190
7220
|
class: "uid-mention__dropdown",
|
|
7191
|
-
style: b(L(
|
|
7192
|
-
}, [(T(!0), c(t, null, k(
|
|
7221
|
+
style: b(L(j))
|
|
7222
|
+
}, [(T(!0), c(t, null, k(N.value, (e, t) => (T(), c("button", {
|
|
7193
7223
|
key: e.value,
|
|
7194
7224
|
type: "button",
|
|
7195
|
-
class: y(["uid-mention__option", { "uid-mention__option--active": t ===
|
|
7196
|
-
onMousedown: X((t) =>
|
|
7197
|
-
onMouseenter: (e) =>
|
|
7198
|
-
}, [l("span", nu, P(e.label), 1), e.hint ? (T(), c("span", ru, P(e.hint), 1)) : s("", !0)], 42, tu))), 128)),
|
|
7199
|
-
],
|
|
7225
|
+
class: y(["uid-mention__option", { "uid-mention__option--active": t === w.value }]),
|
|
7226
|
+
onMousedown: X((t) => I(e), ["prevent"]),
|
|
7227
|
+
onMouseenter: (e) => w.value = t
|
|
7228
|
+
}, [l("span", nu, P(e.label), 1), e.hint ? (T(), c("span", ru, P(e.hint), 1)) : s("", !0)], 42, tu))), 128)), N.value.length === 0 ? (T(), c("div", iu, P(p.value), 1)) : s("", !0)], 4)) : s("", !0)]))
|
|
7229
|
+
], 16));
|
|
7200
7230
|
}
|
|
7201
7231
|
}), ou = ["for"], su = {
|
|
7202
7232
|
key: 0,
|
|
@@ -7287,18 +7317,18 @@ var Lc = {
|
|
|
7287
7317
|
function Y() {
|
|
7288
7318
|
v.value ? J() : q();
|
|
7289
7319
|
}
|
|
7290
|
-
function
|
|
7320
|
+
function Z(e, t) {
|
|
7291
7321
|
if (e.length !== t.length) return !1;
|
|
7292
7322
|
let n = new Set(e);
|
|
7293
7323
|
return t.every((e) => n.has(e));
|
|
7294
7324
|
}
|
|
7295
|
-
let
|
|
7325
|
+
let ee = a({
|
|
7296
7326
|
get: () => H.value,
|
|
7297
7327
|
set: (e) => {
|
|
7298
|
-
|
|
7328
|
+
Z(e, H.value) || (g.value = [...e], h("change", [...e]));
|
|
7299
7329
|
}
|
|
7300
7330
|
});
|
|
7301
|
-
function
|
|
7331
|
+
function te(e) {
|
|
7302
7332
|
let t = new Set([e]);
|
|
7303
7333
|
if (!f.checkable || f.checkStrictly) return t;
|
|
7304
7334
|
let n = I.value.find((t) => t.key === e), r = (e) => {
|
|
@@ -7309,7 +7339,7 @@ var Lc = {
|
|
|
7309
7339
|
for (; i;) t.add(i.key), i = V.value.get(i.key) ?? null;
|
|
7310
7340
|
return t;
|
|
7311
7341
|
}
|
|
7312
|
-
function
|
|
7342
|
+
function ne(e) {
|
|
7313
7343
|
if (f.multiple) {
|
|
7314
7344
|
let t = Array.isArray(g.value) ? [...g.value] : [], n = t.indexOf(e.key);
|
|
7315
7345
|
n >= 0 ? t.splice(n, 1) : t.push(e.key), g.value = t, h("change", t);
|
|
@@ -7322,7 +7352,7 @@ var Lc = {
|
|
|
7322
7352
|
}
|
|
7323
7353
|
function ie(e, t) {
|
|
7324
7354
|
if (e.stopPropagation(), !Array.isArray(g.value)) return;
|
|
7325
|
-
let n =
|
|
7355
|
+
let n = te(t), r = g.value.filter((e) => !n.has(e));
|
|
7326
7356
|
g.value = r, h("change", r);
|
|
7327
7357
|
}
|
|
7328
7358
|
function ae(e) {
|
|
@@ -7401,8 +7431,8 @@ var Lc = {
|
|
|
7401
7431
|
key: 0,
|
|
7402
7432
|
"expanded-keys": _.value,
|
|
7403
7433
|
"onUpdate:expandedKeys": a[0] ||= (e) => _.value = e,
|
|
7404
|
-
"checked-keys":
|
|
7405
|
-
"onUpdate:checkedKeys": a[1] ||= (e) =>
|
|
7434
|
+
"checked-keys": ee.value,
|
|
7435
|
+
"onUpdate:checkedKeys": a[1] ||= (e) => ee.value = e,
|
|
7406
7436
|
nodes: r.nodes,
|
|
7407
7437
|
selectable: !1,
|
|
7408
7438
|
checkable: "",
|
|
@@ -7425,7 +7455,7 @@ var Lc = {
|
|
|
7425
7455
|
selectable: r.multiple ? "multiple" : "single",
|
|
7426
7456
|
"default-expand-all": r.defaultExpandAll,
|
|
7427
7457
|
"show-guides": r.showGuides,
|
|
7428
|
-
onSelect:
|
|
7458
|
+
onSelect: ne
|
|
7429
7459
|
}, null, 8, [
|
|
7430
7460
|
"expanded-keys",
|
|
7431
7461
|
"nodes",
|
|
@@ -7924,7 +7954,7 @@ var Lc = {
|
|
|
7924
7954
|
t && q(t);
|
|
7925
7955
|
} else e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ie(), E.value?.focus());
|
|
7926
7956
|
}
|
|
7927
|
-
function
|
|
7957
|
+
function Z(e) {
|
|
7928
7958
|
let t = f.options;
|
|
7929
7959
|
for (let n of e) {
|
|
7930
7960
|
let e = t.find((e) => e.value === n);
|
|
@@ -7933,15 +7963,15 @@ var Lc = {
|
|
|
7933
7963
|
}
|
|
7934
7964
|
return t;
|
|
7935
7965
|
}
|
|
7936
|
-
let
|
|
7966
|
+
let ee = a(() => {
|
|
7937
7967
|
let e = [f.options];
|
|
7938
7968
|
for (let t = 0; t < S.value.length; t++) {
|
|
7939
|
-
let n =
|
|
7969
|
+
let n = Z(S.value.slice(0, t + 1));
|
|
7940
7970
|
if (n.length === 0) break;
|
|
7941
7971
|
e.push(n);
|
|
7942
7972
|
}
|
|
7943
7973
|
return e;
|
|
7944
|
-
}),
|
|
7974
|
+
}), te = a(() => {
|
|
7945
7975
|
if (m.value.length === 0) return [];
|
|
7946
7976
|
let e = [], t = f.options;
|
|
7947
7977
|
for (let n of m.value) {
|
|
@@ -7950,7 +7980,7 @@ var Lc = {
|
|
|
7950
7980
|
e.push(r), t = r.children ?? [];
|
|
7951
7981
|
}
|
|
7952
7982
|
return e;
|
|
7953
|
-
}),
|
|
7983
|
+
}), ne = a(() => te.value.map((e) => e.label));
|
|
7954
7984
|
function re() {
|
|
7955
7985
|
f.disabled || (_.value = !0);
|
|
7956
7986
|
}
|
|
@@ -8024,7 +8054,7 @@ var Lc = {
|
|
|
8024
8054
|
"aria-label": g.value,
|
|
8025
8055
|
onClick: ae,
|
|
8026
8056
|
onKeydown: pe
|
|
8027
|
-
}, [l("div", nd, [
|
|
8057
|
+
}, [l("div", nd, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(ne.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, P(e), 1), n < ne.value.length - 1 ? (T(), c("span", rd, P(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", id, P(g.value), 1))]), l("div", ad, [r.clearable && m.value.length > 0 ? (T(), c("button", {
|
|
8028
8058
|
key: 0,
|
|
8029
8059
|
type: "button",
|
|
8030
8060
|
class: "uid-cascader__clear",
|
|
@@ -8073,7 +8103,7 @@ var Lc = {
|
|
|
8073
8103
|
onMousedown: a[1] ||= X(() => {}, ["prevent"]),
|
|
8074
8104
|
onMouseenter: (e) => N.value = n,
|
|
8075
8105
|
onClick: (t) => q(e)
|
|
8076
|
-
}, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(
|
|
8106
|
+
}, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(ee.value, (n, i) => (T(), c("div", {
|
|
8077
8107
|
key: i,
|
|
8078
8108
|
class: "uid-cascader__column"
|
|
8079
8109
|
}, [(T(!0), c(t, null, k(n, (t) => (T(), c("button", {
|
|
@@ -8784,13 +8814,417 @@ var Lc = {
|
|
|
8784
8814
|
l("span", null, P(L(r).heatmap.more), 1)
|
|
8785
8815
|
])) : s("", !0)], 12, df));
|
|
8786
8816
|
}
|
|
8787
|
-
}), yf =
|
|
8817
|
+
}), yf = {
|
|
8818
|
+
default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
|
|
8819
|
+
viridis: [
|
|
8820
|
+
"#440154",
|
|
8821
|
+
"#482878",
|
|
8822
|
+
"#3e4989",
|
|
8823
|
+
"#31688e",
|
|
8824
|
+
"#26828e",
|
|
8825
|
+
"#1f9e89",
|
|
8826
|
+
"#35b779",
|
|
8827
|
+
"#6ece58",
|
|
8828
|
+
"#b5de2b",
|
|
8829
|
+
"#fde725"
|
|
8830
|
+
],
|
|
8831
|
+
magma: [
|
|
8832
|
+
"#000004",
|
|
8833
|
+
"#1c1044",
|
|
8834
|
+
"#4f127b",
|
|
8835
|
+
"#812581",
|
|
8836
|
+
"#b5367a",
|
|
8837
|
+
"#e55064",
|
|
8838
|
+
"#fb8761",
|
|
8839
|
+
"#fec287",
|
|
8840
|
+
"#fcfdbf"
|
|
8841
|
+
],
|
|
8842
|
+
plasma: [
|
|
8843
|
+
"#0d0887",
|
|
8844
|
+
"#46039f",
|
|
8845
|
+
"#7201a8",
|
|
8846
|
+
"#9c179e",
|
|
8847
|
+
"#bd3786",
|
|
8848
|
+
"#d8576b",
|
|
8849
|
+
"#ed7953",
|
|
8850
|
+
"#fb9f3a",
|
|
8851
|
+
"#fdca26",
|
|
8852
|
+
"#f0f921"
|
|
8853
|
+
],
|
|
8854
|
+
inferno: [
|
|
8855
|
+
"#000004",
|
|
8856
|
+
"#1b0c41",
|
|
8857
|
+
"#4a0c6b",
|
|
8858
|
+
"#781c6d",
|
|
8859
|
+
"#a52c60",
|
|
8860
|
+
"#cf4446",
|
|
8861
|
+
"#ed6925",
|
|
8862
|
+
"#fb9b06",
|
|
8863
|
+
"#f7d13d",
|
|
8864
|
+
"#fcffa4"
|
|
8865
|
+
],
|
|
8866
|
+
blues: [
|
|
8867
|
+
"#deebf7",
|
|
8868
|
+
"#c6dbef",
|
|
8869
|
+
"#9ecae1",
|
|
8870
|
+
"#6baed6",
|
|
8871
|
+
"#4292c6",
|
|
8872
|
+
"#2171b5",
|
|
8873
|
+
"#08519c",
|
|
8874
|
+
"#08306b"
|
|
8875
|
+
],
|
|
8876
|
+
greens: [
|
|
8877
|
+
"#e5f5e0",
|
|
8878
|
+
"#c7e9c0",
|
|
8879
|
+
"#a1d99b",
|
|
8880
|
+
"#74c476",
|
|
8881
|
+
"#41ab5d",
|
|
8882
|
+
"#238b45",
|
|
8883
|
+
"#006d2c",
|
|
8884
|
+
"#00441b"
|
|
8885
|
+
],
|
|
8886
|
+
reds: [
|
|
8887
|
+
"#fee0d2",
|
|
8888
|
+
"#fcbba1",
|
|
8889
|
+
"#fc9272",
|
|
8890
|
+
"#fb6a4a",
|
|
8891
|
+
"#ef3b2c",
|
|
8892
|
+
"#cb181d",
|
|
8893
|
+
"#a50f15",
|
|
8894
|
+
"#67000d"
|
|
8895
|
+
]
|
|
8896
|
+
};
|
|
8897
|
+
function bf(e) {
|
|
8898
|
+
return Object.prototype.hasOwnProperty.call(yf, e);
|
|
8899
|
+
}
|
|
8900
|
+
function xf(e) {
|
|
8901
|
+
if (Array.isArray(e)) {
|
|
8902
|
+
let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
|
|
8903
|
+
return t.length > 0 ? t : [...yf.default];
|
|
8904
|
+
}
|
|
8905
|
+
let t = typeof e == "string" ? e.trim() : "";
|
|
8906
|
+
if (t === "") return [...yf.default];
|
|
8907
|
+
let n = t.toLowerCase();
|
|
8908
|
+
return bf(n) ? [...yf[n]] : Sf(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...yf.default];
|
|
8909
|
+
}
|
|
8910
|
+
function Sf(e) {
|
|
8911
|
+
return /^(#|rgba?\(|hsla?\(|hwb\(|lab\(|lch\(|oklab\(|oklch\(|color\(|color-mix\(|var\()/i.test(e) ? !0 : typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("color", e);
|
|
8912
|
+
}
|
|
8913
|
+
function Cf(e, t) {
|
|
8914
|
+
if (e.length === 0) return "transparent";
|
|
8915
|
+
if (e.length === 1) return e[0];
|
|
8916
|
+
let n = (Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 0) * (e.length - 1), r = Math.min(e.length - 2, Math.floor(n)), i = n - r;
|
|
8917
|
+
return i <= 5e-4 ? e[r] : i >= .9995 ? e[r + 1] : `color-mix(in srgb, ${e[r + 1]} ${(i * 100).toFixed(1)}%, ${e[r]})`;
|
|
8918
|
+
}
|
|
8919
|
+
function wf(e) {
|
|
8920
|
+
return e.length === 1 ? e[0] : `linear-gradient(to right, ${e.join(", ")})`;
|
|
8921
|
+
}
|
|
8922
|
+
//#endregion
|
|
8923
|
+
//#region src/components/Heatmap/UidHeatmapMatrix.vue?vue&type=script&setup=true&lang.ts
|
|
8924
|
+
var Tf = { class: "uid-heatmap-matrix__scroll" }, Ef = [
|
|
8925
|
+
"aria-label",
|
|
8926
|
+
"aria-rowcount",
|
|
8927
|
+
"aria-colcount"
|
|
8928
|
+
], Df = {
|
|
8929
|
+
class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
|
|
8930
|
+
role: "row",
|
|
8931
|
+
"aria-rowindex": "1"
|
|
8932
|
+
}, Of = ["aria-colindex", "aria-label"], kf = ["title"], Af = ["aria-rowindex"], jf = ["title"], Mf = [
|
|
8933
|
+
"aria-colindex",
|
|
8934
|
+
"aria-label",
|
|
8935
|
+
"tabindex",
|
|
8936
|
+
"data-r",
|
|
8937
|
+
"data-c",
|
|
8938
|
+
"onMouseenter",
|
|
8939
|
+
"onFocus"
|
|
8940
|
+
], Nf = { class: "uid-heatmap-matrix__tooltip-label" }, Pf = { class: "uid-heatmap-matrix__tooltip-value" }, Ff = {
|
|
8788
8941
|
key: 1,
|
|
8942
|
+
class: "uid-heatmap-matrix__legend",
|
|
8789
8943
|
"aria-hidden": "true"
|
|
8790
|
-
},
|
|
8944
|
+
}, If = { class: "uid-heatmap-matrix__legend-value" }, Lf = { class: "uid-heatmap-matrix__legend-value" }, Rf = {
|
|
8945
|
+
key: 0,
|
|
8946
|
+
class: "uid-heatmap-matrix__legend-empty"
|
|
8947
|
+
}, zf = 11, Bf = 96, Vf = 18, Hf = /* @__PURE__ */ f({
|
|
8948
|
+
__name: "UidHeatmapMatrix",
|
|
8949
|
+
props: {
|
|
8950
|
+
rows: {},
|
|
8951
|
+
cols: {},
|
|
8952
|
+
values: {},
|
|
8953
|
+
colorScale: { default: "default" },
|
|
8954
|
+
min: { default: void 0 },
|
|
8955
|
+
max: { default: void 0 },
|
|
8956
|
+
formatValue: {
|
|
8957
|
+
type: Function,
|
|
8958
|
+
default: void 0
|
|
8959
|
+
},
|
|
8960
|
+
cellHeight: { default: 20 },
|
|
8961
|
+
minCellWidth: { default: 10 },
|
|
8962
|
+
gap: { default: 2 },
|
|
8963
|
+
colLabels: { default: "auto" },
|
|
8964
|
+
showLegend: {
|
|
8965
|
+
type: Boolean,
|
|
8966
|
+
default: !0
|
|
8967
|
+
},
|
|
8968
|
+
ariaLabel: { default: void 0 }
|
|
8969
|
+
},
|
|
8970
|
+
setup(e) {
|
|
8971
|
+
let n = e, r = $(), i = Math.SQRT1_2, o = O(null), d = O([]), f = O(null), p = O(0), m = O(0);
|
|
8972
|
+
function h(e, t) {
|
|
8973
|
+
let r = n.values[e]?.[t];
|
|
8974
|
+
return typeof r == "number" && Number.isFinite(r) ? r : null;
|
|
8975
|
+
}
|
|
8976
|
+
let g = a(() => n.rows.map((e, t) => n.cols.map((e, n) => h(t, n)))), _ = a(() => {
|
|
8977
|
+
let e = Infinity, t = -Infinity;
|
|
8978
|
+
for (let n of g.value) for (let r of n) r !== null && (r < e && (e = r), r > t && (t = r));
|
|
8979
|
+
return e === Infinity && (e = 0, t = 0), {
|
|
8980
|
+
min: typeof n.min == "number" ? n.min : e,
|
|
8981
|
+
max: typeof n.max == "number" ? n.max : t
|
|
8982
|
+
};
|
|
8983
|
+
}), C = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => xf(n.colorScale));
|
|
8984
|
+
function E(e) {
|
|
8985
|
+
let { min: t, max: n } = _.value;
|
|
8986
|
+
return n <= t ? +(e > t) : (e - t) / (n - t);
|
|
8987
|
+
}
|
|
8988
|
+
function D(e) {
|
|
8989
|
+
if (e !== null) return Cf(w.value, E(e));
|
|
8990
|
+
}
|
|
8991
|
+
function j(e) {
|
|
8992
|
+
return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
|
|
8993
|
+
}
|
|
8994
|
+
function M(e) {
|
|
8995
|
+
return e === null ? r.value.heatmap.noData : j(e);
|
|
8996
|
+
}
|
|
8997
|
+
function N(e, t) {
|
|
8998
|
+
return {
|
|
8999
|
+
row: n.rows[e] ?? "",
|
|
9000
|
+
col: n.cols[t] ?? "",
|
|
9001
|
+
rowIndex: e,
|
|
9002
|
+
colIndex: t,
|
|
9003
|
+
value: g.value[e]?.[t] ?? null
|
|
9004
|
+
};
|
|
9005
|
+
}
|
|
9006
|
+
function F(e, t) {
|
|
9007
|
+
let n = N(e, t);
|
|
9008
|
+
return `${n.row} × ${n.col}: ${M(n.value)}`;
|
|
9009
|
+
}
|
|
9010
|
+
function I(e) {
|
|
9011
|
+
return Math.min(Bf, e.length * zf * .6);
|
|
9012
|
+
}
|
|
9013
|
+
let R = a(() => n.cols.reduce((e, t) => Math.max(e, I(t)), 0)), z = a(() => {
|
|
9014
|
+
let e = n.cols.length, t = p.value, r = n.colLabels;
|
|
9015
|
+
if (e === 0 || t <= 0) return {
|
|
9016
|
+
mode: r === "rotated" ? "rotated" : "horizontal",
|
|
9017
|
+
step: 1,
|
|
9018
|
+
reserve: 0
|
|
9019
|
+
};
|
|
9020
|
+
let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = R.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + zf) * i, u = Math.max(n.minCellWidth, (a - l) / Math.max(.5, e - .5)), d = Math.max(0, Math.ceil(l - u / 2)), f = Math.max(1, Math.ceil(Vf / u));
|
|
9021
|
+
return r === "horizontal" ? {
|
|
9022
|
+
mode: "horizontal",
|
|
9023
|
+
step: c,
|
|
9024
|
+
reserve: 0
|
|
9025
|
+
} : r === "rotated" ? {
|
|
9026
|
+
mode: "rotated",
|
|
9027
|
+
step: f,
|
|
9028
|
+
reserve: d
|
|
9029
|
+
} : c === 1 || f >= c ? {
|
|
9030
|
+
mode: "horizontal",
|
|
9031
|
+
step: c,
|
|
9032
|
+
reserve: 0
|
|
9033
|
+
} : {
|
|
9034
|
+
mode: "rotated",
|
|
9035
|
+
step: f,
|
|
9036
|
+
reserve: d
|
|
9037
|
+
};
|
|
9038
|
+
});
|
|
9039
|
+
function B(e) {
|
|
9040
|
+
return e % z.value.step === 0;
|
|
9041
|
+
}
|
|
9042
|
+
let V = a(() => z.value.mode === "horizontal" ? 18 : Math.ceil((R.value + 14) * i) + 6), H = a(() => ({
|
|
9043
|
+
"--uid-heatmap-matrix-cols": String(n.cols.length),
|
|
9044
|
+
"--uid-heatmap-matrix-cell-height": `${n.cellHeight}px`,
|
|
9045
|
+
"--uid-heatmap-matrix-min-cell": `${n.minCellWidth}px`,
|
|
9046
|
+
"--uid-heatmap-matrix-gap": `${n.gap}px`,
|
|
9047
|
+
"--uid-heatmap-matrix-header-height": `${V.value}px`
|
|
9048
|
+
})), U = a(() => z.value.reserve > 0 ? { paddingInlineEnd: `${z.value.reserve}px` } : void 0), W = a(() => wf(w.value)), K = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), q = O({
|
|
9049
|
+
r: 0,
|
|
9050
|
+
c: 0
|
|
9051
|
+
}), J = O(null), Y = O(!1), X = a(() => J.value ?? (Y.value ? q.value : null)), Z = a(() => X.value ? N(X.value.r, X.value.c) : null), ee = O({});
|
|
9052
|
+
async function te() {
|
|
9053
|
+
let e = X.value, t = o.value;
|
|
9054
|
+
if (!e || !t) return;
|
|
9055
|
+
let n = t.querySelector(`[data-r="${e.r}"][data-c="${e.c}"]`);
|
|
9056
|
+
if (!n) return;
|
|
9057
|
+
let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left + i.width / 2, s = i.top - r.top;
|
|
9058
|
+
ee.value = {
|
|
9059
|
+
left: `${a}px`,
|
|
9060
|
+
top: `${s}px`
|
|
9061
|
+
}, await v();
|
|
9062
|
+
let c = f.value;
|
|
9063
|
+
if (!c) return;
|
|
9064
|
+
let l = c.offsetWidth / 2, u = r.width - l, d = Math.max(l, Math.min(u, a));
|
|
9065
|
+
u >= l && d !== a && (ee.value = {
|
|
9066
|
+
left: `${d}px`,
|
|
9067
|
+
top: `${s}px`
|
|
9068
|
+
});
|
|
9069
|
+
}
|
|
9070
|
+
G(X, () => {
|
|
9071
|
+
te();
|
|
9072
|
+
});
|
|
9073
|
+
function ne(e, t) {
|
|
9074
|
+
J.value = {
|
|
9075
|
+
r: e,
|
|
9076
|
+
c: t
|
|
9077
|
+
};
|
|
9078
|
+
}
|
|
9079
|
+
function re() {
|
|
9080
|
+
J.value = null;
|
|
9081
|
+
}
|
|
9082
|
+
function ie(e, t) {
|
|
9083
|
+
q.value = {
|
|
9084
|
+
r: e,
|
|
9085
|
+
c: t
|
|
9086
|
+
}, Y.value = !0;
|
|
9087
|
+
}
|
|
9088
|
+
function ae(e) {
|
|
9089
|
+
let t = e.relatedTarget;
|
|
9090
|
+
(!t || !o.value?.contains(t)) && (Y.value = !1);
|
|
9091
|
+
}
|
|
9092
|
+
function Q(e, t) {
|
|
9093
|
+
let r = n.rows.length, i = n.cols.length;
|
|
9094
|
+
if (r === 0 || i === 0) return;
|
|
9095
|
+
let a = Math.max(0, Math.min(r - 1, e)), s = Math.max(0, Math.min(i - 1, t));
|
|
9096
|
+
q.value = {
|
|
9097
|
+
r: a,
|
|
9098
|
+
c: s
|
|
9099
|
+
}, J.value = null, v(() => {
|
|
9100
|
+
o.value?.querySelector(`[data-r="${a}"][data-c="${s}"]`)?.focus();
|
|
9101
|
+
});
|
|
9102
|
+
}
|
|
9103
|
+
function oe(e) {
|
|
9104
|
+
let { r: t, c: r } = q.value, i = {
|
|
9105
|
+
r: n.rows.length - 1,
|
|
9106
|
+
c: n.cols.length - 1
|
|
9107
|
+
}, a = {
|
|
9108
|
+
ArrowRight: () => Q(t, r + 1),
|
|
9109
|
+
ArrowLeft: () => Q(t, r - 1),
|
|
9110
|
+
ArrowDown: () => Q(t + 1, r),
|
|
9111
|
+
ArrowUp: () => Q(t - 1, r),
|
|
9112
|
+
Home: () => e.ctrlKey ? Q(0, 0) : Q(t, 0),
|
|
9113
|
+
End: () => e.ctrlKey ? Q(i.r, i.c) : Q(t, i.c),
|
|
9114
|
+
PageUp: () => Q(0, r),
|
|
9115
|
+
PageDown: () => Q(i.r, r),
|
|
9116
|
+
Escape: () => {
|
|
9117
|
+
J.value = null, Y.value = !1;
|
|
9118
|
+
}
|
|
9119
|
+
}[e.key];
|
|
9120
|
+
a && (e.preventDefault(), a());
|
|
9121
|
+
}
|
|
9122
|
+
G(() => [n.rows.length, n.cols.length], ([e, t]) => {
|
|
9123
|
+
let { r: n, c: r } = q.value;
|
|
9124
|
+
(n >= e || r >= t) && (q.value = {
|
|
9125
|
+
r: 0,
|
|
9126
|
+
c: 0
|
|
9127
|
+
});
|
|
9128
|
+
});
|
|
9129
|
+
function se() {
|
|
9130
|
+
let e = o.value;
|
|
9131
|
+
e && (p.value = e.getBoundingClientRect().width, m.value = d.value.reduce((e, t) => Math.max(e, t.getBoundingClientRect().width), 0));
|
|
9132
|
+
}
|
|
9133
|
+
let ce = null;
|
|
9134
|
+
return S(() => {
|
|
9135
|
+
se(), typeof ResizeObserver < "u" && o.value && (ce = new ResizeObserver(() => se()), ce.observe(o.value));
|
|
9136
|
+
}), G(() => n.rows, () => {
|
|
9137
|
+
v(se);
|
|
9138
|
+
}), x(() => {
|
|
9139
|
+
ce?.disconnect(), ce = null;
|
|
9140
|
+
}), (n, i) => (T(), c("div", {
|
|
9141
|
+
ref_key: "rootRef",
|
|
9142
|
+
ref: o,
|
|
9143
|
+
class: y(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${z.value.mode}`]),
|
|
9144
|
+
style: b(H.value)
|
|
9145
|
+
}, [
|
|
9146
|
+
l("div", Tf, [l("div", {
|
|
9147
|
+
class: "uid-heatmap-matrix__grid",
|
|
9148
|
+
role: "grid",
|
|
9149
|
+
style: b(U.value),
|
|
9150
|
+
"aria-label": K.value,
|
|
9151
|
+
"aria-rowcount": e.rows.length + 1,
|
|
9152
|
+
"aria-colcount": e.cols.length + 1,
|
|
9153
|
+
onMouseleave: re,
|
|
9154
|
+
onKeydown: oe
|
|
9155
|
+
}, [l("div", Df, [i[0] ||= l("div", {
|
|
9156
|
+
class: "uid-heatmap-matrix__corner",
|
|
9157
|
+
role: "columnheader",
|
|
9158
|
+
"aria-colindex": "1"
|
|
9159
|
+
}, null, -1), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
|
|
9160
|
+
key: `h-${t}`,
|
|
9161
|
+
class: "uid-heatmap-matrix__col-header",
|
|
9162
|
+
role: "columnheader",
|
|
9163
|
+
"aria-colindex": t + 2,
|
|
9164
|
+
"aria-label": e
|
|
9165
|
+
}, [l("span", {
|
|
9166
|
+
class: y(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
|
|
9167
|
+
title: e,
|
|
9168
|
+
"aria-hidden": "true"
|
|
9169
|
+
}, P(e), 11, kf)], 8, Of))), 128))]), (T(!0), c(t, null, k(e.rows, (n, r) => (T(), c("div", {
|
|
9170
|
+
key: `r-${r}`,
|
|
9171
|
+
class: "uid-heatmap-matrix__row",
|
|
9172
|
+
role: "row",
|
|
9173
|
+
"aria-rowindex": r + 2
|
|
9174
|
+
}, [l("div", {
|
|
9175
|
+
ref_for: !0,
|
|
9176
|
+
ref_key: "rowHeaderRef",
|
|
9177
|
+
ref: d,
|
|
9178
|
+
class: "uid-heatmap-matrix__row-header",
|
|
9179
|
+
role: "rowheader",
|
|
9180
|
+
"aria-colindex": "1",
|
|
9181
|
+
title: n
|
|
9182
|
+
}, P(n), 9, jf), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
|
|
9183
|
+
key: `c-${r}-${t}`,
|
|
9184
|
+
class: y(["uid-heatmap-matrix__cell", {
|
|
9185
|
+
"uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
|
|
9186
|
+
"uid-heatmap-matrix__cell--active": X.value && X.value.r === r && X.value.c === t
|
|
9187
|
+
}]),
|
|
9188
|
+
role: "gridcell",
|
|
9189
|
+
"aria-colindex": t + 2,
|
|
9190
|
+
"aria-label": F(r, t),
|
|
9191
|
+
tabindex: q.value.r === r && q.value.c === t ? 0 : -1,
|
|
9192
|
+
"data-r": r,
|
|
9193
|
+
"data-c": t,
|
|
9194
|
+
style: b(g.value[r][t] === null ? void 0 : { background: D(g.value[r][t]) }),
|
|
9195
|
+
onMouseenter: (e) => ne(r, t),
|
|
9196
|
+
onFocus: (e) => ie(r, t),
|
|
9197
|
+
onBlur: ae
|
|
9198
|
+
}, null, 46, Mf))), 128))], 8, Af))), 128))], 44, Ef)]),
|
|
9199
|
+
Z.value ? (T(), c("div", {
|
|
9200
|
+
key: 0,
|
|
9201
|
+
ref_key: "tooltipRef",
|
|
9202
|
+
ref: f,
|
|
9203
|
+
class: "uid-heatmap-matrix__tooltip",
|
|
9204
|
+
role: "tooltip",
|
|
9205
|
+
style: b(ee.value)
|
|
9206
|
+
}, [A(n.$slots, "tooltip", {
|
|
9207
|
+
cell: Z.value,
|
|
9208
|
+
formatted: M(Z.value.value)
|
|
9209
|
+
}, () => [l("span", Nf, P(Z.value.row) + " × " + P(Z.value.col), 1), l("strong", Pf, P(M(Z.value.value)), 1)])], 4)) : s("", !0),
|
|
9210
|
+
e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (T(), c("div", Ff, [
|
|
9211
|
+
l("span", If, P(j(_.value.min)), 1),
|
|
9212
|
+
l("span", {
|
|
9213
|
+
class: "uid-heatmap-matrix__legend-bar",
|
|
9214
|
+
style: b({ background: W.value })
|
|
9215
|
+
}, null, 4),
|
|
9216
|
+
l("span", Lf, P(j(_.value.max)), 1),
|
|
9217
|
+
C.value ? (T(), c("span", Rf, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + P(L(r).heatmap.noData), 1)])) : s("", !0)
|
|
9218
|
+
])) : s("", !0)
|
|
9219
|
+
], 6));
|
|
9220
|
+
}
|
|
9221
|
+
}), Uf = ["aria-label"], Wf = ["aria-current"], Gf = { class: "uid-stepper__indicator" }, Kf = {
|
|
9222
|
+
key: 1,
|
|
9223
|
+
"aria-hidden": "true"
|
|
9224
|
+
}, qf = { class: "uid-stepper__content" }, Jf = { class: "uid-stepper__label" }, Yf = {
|
|
8791
9225
|
key: 0,
|
|
8792
9226
|
class: "uid-stepper__description"
|
|
8793
|
-
},
|
|
9227
|
+
}, Xf = /* @__PURE__ */ f({
|
|
8794
9228
|
__name: "UidStepper",
|
|
8795
9229
|
props: {
|
|
8796
9230
|
steps: {},
|
|
@@ -8819,20 +9253,20 @@ var Lc = {
|
|
|
8819
9253
|
class: y(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
|
|
8820
9254
|
onClick: (e) => d(r) && u("select", r)
|
|
8821
9255
|
}, {
|
|
8822
|
-
default: q(() => [l("div",
|
|
9256
|
+
default: q(() => [l("div", Gf, [f(r, n.current) === "completed" ? (T(), o(e, {
|
|
8823
9257
|
key: 0,
|
|
8824
9258
|
icon: L(Q),
|
|
8825
9259
|
size: 16,
|
|
8826
9260
|
"aria-hidden": "true"
|
|
8827
|
-
}, null, 8, ["icon"])) : (T(), c("span",
|
|
9261
|
+
}, null, 8, ["icon"])) : (T(), c("span", Kf, P(r + 1), 1))]), l("div", qf, [l("span", Jf, P(t.label), 1), t.description ? (T(), c("span", Yf, P(t.description), 1)) : s("", !0)])]),
|
|
8828
9262
|
_: 2
|
|
8829
9263
|
}, 1032, [
|
|
8830
9264
|
"type",
|
|
8831
9265
|
"class",
|
|
8832
9266
|
"onClick"
|
|
8833
|
-
]))], 10,
|
|
9267
|
+
]))], 10, Wf))), 128))], 10, Uf));
|
|
8834
9268
|
}
|
|
8835
|
-
}),
|
|
9269
|
+
}), Zf = /* @__PURE__ */ f({
|
|
8836
9270
|
__name: "UidStack",
|
|
8837
9271
|
props: {
|
|
8838
9272
|
direction: { default: "column" },
|
|
@@ -8878,7 +9312,7 @@ var Lc = {
|
|
|
8878
9312
|
_: 3
|
|
8879
9313
|
}, 8, ["class", "style"]));
|
|
8880
9314
|
}
|
|
8881
|
-
}),
|
|
9315
|
+
}), Qf = /* @__PURE__ */ f({
|
|
8882
9316
|
__name: "UidGrid",
|
|
8883
9317
|
props: {
|
|
8884
9318
|
cols: { default: 12 },
|
|
@@ -8913,7 +9347,7 @@ var Lc = {
|
|
|
8913
9347
|
_: 3
|
|
8914
9348
|
}, 8, ["style"]));
|
|
8915
9349
|
}
|
|
8916
|
-
}),
|
|
9350
|
+
}), $f = /* @__PURE__ */ f({
|
|
8917
9351
|
__name: "UidContainer",
|
|
8918
9352
|
props: {
|
|
8919
9353
|
size: { default: "lg" },
|
|
@@ -8929,7 +9363,7 @@ var Lc = {
|
|
|
8929
9363
|
_: 3
|
|
8930
9364
|
}, 8, ["class"]));
|
|
8931
9365
|
}
|
|
8932
|
-
}),
|
|
9366
|
+
}), ep = Symbol("uid-wizard"), tp = { class: "uid-wizard" }, np = /* @__PURE__ */ f({
|
|
8933
9367
|
__name: "UidWizard",
|
|
8934
9368
|
props: /* @__PURE__ */ g({ steps: {} }, {
|
|
8935
9369
|
modelValue: { default: 0 },
|
|
@@ -8954,7 +9388,7 @@ var Lc = {
|
|
|
8954
9388
|
function m(e) {
|
|
8955
9389
|
i.delete(e);
|
|
8956
9390
|
}
|
|
8957
|
-
return E(
|
|
9391
|
+
return E(ep, {
|
|
8958
9392
|
current: r,
|
|
8959
9393
|
steps: o,
|
|
8960
9394
|
isFirst: s,
|
|
@@ -8971,9 +9405,9 @@ var Lc = {
|
|
|
8971
9405
|
goTo: f,
|
|
8972
9406
|
isFirst: s,
|
|
8973
9407
|
isLast: l
|
|
8974
|
-
}), (e, t) => (T(), c("div",
|
|
9408
|
+
}), (e, t) => (T(), c("div", tp, [A(e.$slots, "default")]));
|
|
8975
9409
|
}
|
|
8976
|
-
}),
|
|
9410
|
+
}), rp = ["aria-label"], ip = /* @__PURE__ */ f({
|
|
8977
9411
|
__name: "UidWizardStep",
|
|
8978
9412
|
props: {
|
|
8979
9413
|
index: {},
|
|
@@ -8983,7 +9417,7 @@ var Lc = {
|
|
|
8983
9417
|
}
|
|
8984
9418
|
},
|
|
8985
9419
|
setup(e) {
|
|
8986
|
-
let t = e, n = $(), r = h(
|
|
9420
|
+
let t = e, n = $(), r = h(ep);
|
|
8987
9421
|
if (!r) throw Error("UidWizardStep must be inside UidWizard");
|
|
8988
9422
|
G(() => t.validate, (e, n) => {
|
|
8989
9423
|
n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
|
|
@@ -8994,18 +9428,18 @@ var Lc = {
|
|
|
8994
9428
|
class: "uid-wizard-step",
|
|
8995
9429
|
role: "tabpanel",
|
|
8996
9430
|
"aria-label": L(n).wizard.step(e.index + 1)
|
|
8997
|
-
}, [A(t.$slots, "default")], 8,
|
|
9431
|
+
}, [A(t.$slots, "default")], 8, rp)) : s("", !0);
|
|
8998
9432
|
}
|
|
8999
|
-
}),
|
|
9433
|
+
}), ap = { class: "uid-pattern-header__inner" }, op = {
|
|
9000
9434
|
key: 0,
|
|
9001
9435
|
class: "uid-pattern-header__logo"
|
|
9002
|
-
},
|
|
9436
|
+
}, sp = ["aria-label"], cp = {
|
|
9003
9437
|
key: 2,
|
|
9004
9438
|
class: "uid-pattern-header__actions"
|
|
9005
|
-
},
|
|
9439
|
+
}, lp = {
|
|
9006
9440
|
key: 3,
|
|
9007
9441
|
class: "uid-pattern-header__mobile"
|
|
9008
|
-
},
|
|
9442
|
+
}, up = /* @__PURE__ */ f({
|
|
9009
9443
|
__name: "UidHeader",
|
|
9010
9444
|
props: {
|
|
9011
9445
|
sticky: {
|
|
@@ -9027,39 +9461,39 @@ var Lc = {
|
|
|
9027
9461
|
"uid-pattern-header--sticky": e.sticky,
|
|
9028
9462
|
"uid-pattern-header--bordered": e.bordered,
|
|
9029
9463
|
"uid-pattern-header--transparent": e.transparent
|
|
9030
|
-
}]) }, [l("div",
|
|
9031
|
-
n.$slots.logo ? (T(), c("div",
|
|
9464
|
+
}]) }, [l("div", ap, [
|
|
9465
|
+
n.$slots.logo ? (T(), c("div", op, [A(n.$slots, "logo")])) : s("", !0),
|
|
9032
9466
|
n.$slots.nav ? (T(), c("nav", {
|
|
9033
9467
|
key: 1,
|
|
9034
9468
|
class: "uid-pattern-header__nav",
|
|
9035
9469
|
"aria-label": L(t).header.nav
|
|
9036
|
-
}, [A(n.$slots, "nav")], 8,
|
|
9037
|
-
n.$slots.actions ? (T(), c("div",
|
|
9038
|
-
n.$slots.mobile ? (T(), c("div",
|
|
9470
|
+
}, [A(n.$slots, "nav")], 8, sp)) : s("", !0),
|
|
9471
|
+
n.$slots.actions ? (T(), c("div", cp, [A(n.$slots, "actions")])) : s("", !0),
|
|
9472
|
+
n.$slots.mobile ? (T(), c("div", lp, [A(n.$slots, "mobile")])) : s("", !0)
|
|
9039
9473
|
])], 2));
|
|
9040
9474
|
}
|
|
9041
|
-
}),
|
|
9475
|
+
}), dp = { class: "uid-pattern-footer__inner" }, fp = {
|
|
9042
9476
|
key: 0,
|
|
9043
9477
|
class: "uid-pattern-footer__columns"
|
|
9044
|
-
},
|
|
9478
|
+
}, pp = {
|
|
9045
9479
|
key: 1,
|
|
9046
9480
|
class: "uid-pattern-footer__content"
|
|
9047
|
-
},
|
|
9481
|
+
}, mp = {
|
|
9048
9482
|
key: 2,
|
|
9049
9483
|
class: "uid-pattern-footer__bottom"
|
|
9050
|
-
},
|
|
9484
|
+
}, hp = /* @__PURE__ */ f({
|
|
9051
9485
|
__name: "UidFooter",
|
|
9052
9486
|
props: { variant: { default: "minimal" } },
|
|
9053
9487
|
setup(e) {
|
|
9054
|
-
return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div",
|
|
9488
|
+
return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", dp, [t.$slots.columns ? (T(), c("div", fp, [A(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", pp, [A(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", mp, [A(t.$slots, "bottom")])) : s("", !0)])], 2));
|
|
9055
9489
|
}
|
|
9056
|
-
}),
|
|
9490
|
+
}), gp = ["aria-label"], _p = {
|
|
9057
9491
|
key: 0,
|
|
9058
9492
|
class: "uid-pattern-sidebar__header"
|
|
9059
|
-
},
|
|
9493
|
+
}, vp = ["aria-label"], yp = {
|
|
9060
9494
|
key: 1,
|
|
9061
9495
|
class: "uid-pattern-sidebar__footer"
|
|
9062
|
-
},
|
|
9496
|
+
}, bp = /* @__PURE__ */ f({
|
|
9063
9497
|
__name: "UidSidebar",
|
|
9064
9498
|
props: {
|
|
9065
9499
|
collapsed: {
|
|
@@ -9076,22 +9510,22 @@ var Lc = {
|
|
|
9076
9510
|
style: b(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
|
|
9077
9511
|
"aria-label": L(t).sidebar.label
|
|
9078
9512
|
}, [
|
|
9079
|
-
n.$slots.header ? (T(), c("div",
|
|
9513
|
+
n.$slots.header ? (T(), c("div", _p, [A(n.$slots, "header")])) : s("", !0),
|
|
9080
9514
|
l("nav", {
|
|
9081
9515
|
class: "uid-pattern-sidebar__nav",
|
|
9082
9516
|
"aria-label": L(t).sidebar.nav
|
|
9083
|
-
}, [A(n.$slots, "nav")], 8,
|
|
9084
|
-
n.$slots.footer ? (T(), c("div",
|
|
9085
|
-
], 14,
|
|
9517
|
+
}, [A(n.$slots, "nav")], 8, vp),
|
|
9518
|
+
n.$slots.footer ? (T(), c("div", yp, [A(n.$slots, "footer")])) : s("", !0)
|
|
9519
|
+
], 14, gp));
|
|
9086
9520
|
}
|
|
9087
|
-
}),
|
|
9521
|
+
}), xp = {
|
|
9088
9522
|
key: 0,
|
|
9089
9523
|
class: "uid-sidebar-item__icon",
|
|
9090
9524
|
"aria-hidden": "true"
|
|
9091
|
-
},
|
|
9525
|
+
}, Sp = { class: "uid-sidebar-item__label" }, Cp = {
|
|
9092
9526
|
key: 1,
|
|
9093
9527
|
class: "uid-sidebar-item__badge"
|
|
9094
|
-
},
|
|
9528
|
+
}, wp = /* @__PURE__ */ f({
|
|
9095
9529
|
__name: "UidSidebarItem",
|
|
9096
9530
|
props: {
|
|
9097
9531
|
href: { default: void 0 },
|
|
@@ -9108,7 +9542,7 @@ var Lc = {
|
|
|
9108
9542
|
as: { default: void 0 }
|
|
9109
9543
|
},
|
|
9110
9544
|
setup(e) {
|
|
9111
|
-
let t = e, { routerLink: n, fallbackHref: r } =
|
|
9545
|
+
let t = e, { routerLink: n, fallbackHref: r } = Gr(t), i = a(() => t.as ?? n.value ?? "a"), u = a(() => t.as === void 0 && n.value ? { to: t.to } : { href: t.disabled ? void 0 : r.value });
|
|
9112
9546
|
return (t, n) => (T(), o(M(i.value), _({ class: ["uid-sidebar-item", {
|
|
9113
9547
|
"uid-sidebar-item--active": e.active,
|
|
9114
9548
|
"uid-sidebar-item--disabled": e.disabled
|
|
@@ -9118,9 +9552,9 @@ var Lc = {
|
|
|
9118
9552
|
tabindex: e.disabled ? -1 : void 0
|
|
9119
9553
|
}), {
|
|
9120
9554
|
default: q(() => [
|
|
9121
|
-
t.$slots.icon ? (T(), c("span",
|
|
9122
|
-
l("span",
|
|
9123
|
-
e.badge === void 0 ? s("", !0) : (T(), c("span",
|
|
9555
|
+
t.$slots.icon ? (T(), c("span", xp, [A(t.$slots, "icon")])) : s("", !0),
|
|
9556
|
+
l("span", Sp, [A(t.$slots, "default")]),
|
|
9557
|
+
e.badge === void 0 ? s("", !0) : (T(), c("span", Cp, P(e.badge), 1))
|
|
9124
9558
|
]),
|
|
9125
9559
|
_: 3
|
|
9126
9560
|
}, 16, [
|
|
@@ -9130,10 +9564,10 @@ var Lc = {
|
|
|
9130
9564
|
"tabindex"
|
|
9131
9565
|
]));
|
|
9132
9566
|
}
|
|
9133
|
-
}),
|
|
9567
|
+
}), Tp = { class: "uid-sidebar-group" }, Ep = {
|
|
9134
9568
|
key: 0,
|
|
9135
9569
|
class: "uid-sidebar-group__title"
|
|
9136
|
-
},
|
|
9570
|
+
}, Dp = /* @__PURE__ */ f({
|
|
9137
9571
|
__name: "UidSidebarGroup",
|
|
9138
9572
|
props: {
|
|
9139
9573
|
title: { default: void 0 },
|
|
@@ -9143,29 +9577,29 @@ var Lc = {
|
|
|
9143
9577
|
}
|
|
9144
9578
|
},
|
|
9145
9579
|
setup(e) {
|
|
9146
|
-
return (t, n) => (T(), c("div",
|
|
9580
|
+
return (t, n) => (T(), c("div", Tp, [e.title ? (T(), c("p", Ep, P(e.title), 1)) : s("", !0), A(t.$slots, "default")]));
|
|
9147
9581
|
}
|
|
9148
|
-
}),
|
|
9582
|
+
}), Op = {}, kp = {
|
|
9149
9583
|
class: "uid-sidebar-divider",
|
|
9150
9584
|
role: "separator",
|
|
9151
9585
|
"aria-hidden": "true"
|
|
9152
9586
|
};
|
|
9153
|
-
function
|
|
9154
|
-
return T(), c("div",
|
|
9587
|
+
function Ap(e, t) {
|
|
9588
|
+
return T(), c("div", kp);
|
|
9155
9589
|
}
|
|
9156
|
-
var
|
|
9590
|
+
var jp = /* @__PURE__ */ yr(Op, [["render", Ap]]), Mp = { class: "uid-pattern-page-header" }, Np = {
|
|
9157
9591
|
key: 0,
|
|
9158
9592
|
class: "uid-pattern-page-header__breadcrumb"
|
|
9159
|
-
},
|
|
9593
|
+
}, Pp = { class: "uid-pattern-page-header__row" }, Fp = { class: "uid-pattern-page-header__heading" }, Ip = ["aria-label"], Lp = { class: "uid-pattern-page-header__title" }, Rp = {
|
|
9160
9594
|
key: 0,
|
|
9161
9595
|
class: "uid-pattern-page-header__description"
|
|
9162
|
-
},
|
|
9596
|
+
}, zp = {
|
|
9163
9597
|
key: 0,
|
|
9164
9598
|
class: "uid-pattern-page-header__actions"
|
|
9165
|
-
},
|
|
9599
|
+
}, Bp = {
|
|
9166
9600
|
key: 1,
|
|
9167
9601
|
class: "uid-pattern-page-header__tabs"
|
|
9168
|
-
},
|
|
9602
|
+
}, Vp = /* @__PURE__ */ f({
|
|
9169
9603
|
__name: "UidPageHeader",
|
|
9170
9604
|
props: {
|
|
9171
9605
|
title: { default: void 0 },
|
|
@@ -9178,28 +9612,28 @@ var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
|
|
|
9178
9612
|
emits: ["back"],
|
|
9179
9613
|
setup(t, { emit: n }) {
|
|
9180
9614
|
let r = $(), i = n;
|
|
9181
|
-
return (n, a) => (T(), c("div",
|
|
9182
|
-
n.$slots.breadcrumb ? (T(), c("div",
|
|
9183
|
-
l("div",
|
|
9615
|
+
return (n, a) => (T(), c("div", Mp, [
|
|
9616
|
+
n.$slots.breadcrumb ? (T(), c("div", Np, [A(n.$slots, "breadcrumb")])) : s("", !0),
|
|
9617
|
+
l("div", Pp, [l("div", Fp, [t.back ? (T(), c("button", {
|
|
9184
9618
|
key: 0,
|
|
9185
9619
|
type: "button",
|
|
9186
9620
|
class: "uid-pattern-page-header__back",
|
|
9187
9621
|
"aria-label": L(r).pageHeader.back,
|
|
9188
9622
|
onClick: a[0] ||= (e) => i("back")
|
|
9189
9623
|
}, [d(e, {
|
|
9190
|
-
icon: L(
|
|
9624
|
+
icon: L(ne),
|
|
9191
9625
|
size: 20
|
|
9192
|
-
}, null, 8, ["icon"])], 8,
|
|
9193
|
-
n.$slots.tabs ? (T(), c("div",
|
|
9626
|
+
}, null, 8, ["icon"])], 8, Ip)) : s("", !0), l("div", null, [l("h1", Lp, [A(n.$slots, "title", {}, () => [u(P(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", Rp, [A(n.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", zp, [A(n.$slots, "actions")])) : s("", !0)]),
|
|
9627
|
+
n.$slots.tabs ? (T(), c("div", Bp, [A(n.$slots, "tabs")])) : s("", !0)
|
|
9194
9628
|
]));
|
|
9195
9629
|
}
|
|
9196
|
-
}),
|
|
9630
|
+
}), Hp = { class: "uid-pattern-empty-state" }, Up = { class: "uid-pattern-empty-state__illustration" }, Wp = { class: "uid-pattern-empty-state__content" }, Gp = { class: "uid-pattern-empty-state__title" }, Kp = {
|
|
9197
9631
|
key: 0,
|
|
9198
9632
|
class: "uid-pattern-empty-state__description"
|
|
9199
|
-
},
|
|
9633
|
+
}, qp = {
|
|
9200
9634
|
key: 0,
|
|
9201
9635
|
class: "uid-pattern-empty-state__actions"
|
|
9202
|
-
},
|
|
9636
|
+
}, Jp = /* @__PURE__ */ f({
|
|
9203
9637
|
__name: "UidEmptyState",
|
|
9204
9638
|
props: {
|
|
9205
9639
|
title: { default: void 0 },
|
|
@@ -9207,25 +9641,25 @@ var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
|
|
|
9207
9641
|
},
|
|
9208
9642
|
setup(t) {
|
|
9209
9643
|
let n = $();
|
|
9210
|
-
return (r, i) => (T(), c("div",
|
|
9211
|
-
l("div",
|
|
9644
|
+
return (r, i) => (T(), c("div", Hp, [
|
|
9645
|
+
l("div", Up, [A(r.$slots, "illustration", {}, () => [d(e, {
|
|
9212
9646
|
icon: L(ge),
|
|
9213
9647
|
size: 48
|
|
9214
9648
|
}, null, 8, ["icon"])])]),
|
|
9215
|
-
l("div",
|
|
9216
|
-
r.$slots.actions ? (T(), c("div",
|
|
9649
|
+
l("div", Wp, [l("h2", Gp, [A(r.$slots, "title", {}, () => [u(P(t.title ?? L(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Kp, [A(r.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)]),
|
|
9650
|
+
r.$slots.actions ? (T(), c("div", qp, [A(r.$slots, "actions")])) : s("", !0)
|
|
9217
9651
|
]));
|
|
9218
9652
|
}
|
|
9219
|
-
}),
|
|
9653
|
+
}), Yp = { class: "uid-pattern-error-state" }, Xp = { class: "uid-pattern-error-state__illustration" }, Zp = {
|
|
9220
9654
|
key: 0,
|
|
9221
9655
|
class: "uid-pattern-error-state__code"
|
|
9222
|
-
},
|
|
9656
|
+
}, Qp = { class: "uid-pattern-error-state__content" }, $p = { class: "uid-pattern-error-state__title" }, em = {
|
|
9223
9657
|
key: 0,
|
|
9224
9658
|
class: "uid-pattern-error-state__description"
|
|
9225
|
-
},
|
|
9659
|
+
}, tm = {
|
|
9226
9660
|
key: 1,
|
|
9227
9661
|
class: "uid-pattern-error-state__actions"
|
|
9228
|
-
},
|
|
9662
|
+
}, nm = /* @__PURE__ */ f({
|
|
9229
9663
|
__name: "UidErrorState",
|
|
9230
9664
|
props: {
|
|
9231
9665
|
code: { default: void 0 },
|
|
@@ -9235,7 +9669,7 @@ var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
|
|
|
9235
9669
|
setup(t) {
|
|
9236
9670
|
let n = t, r = $(), i = a(() => ({
|
|
9237
9671
|
404: {
|
|
9238
|
-
icon:
|
|
9672
|
+
icon: Z,
|
|
9239
9673
|
title: r.value.errorState.notFoundTitle,
|
|
9240
9674
|
description: r.value.errorState.notFoundDescription
|
|
9241
9675
|
},
|
|
@@ -9249,24 +9683,24 @@ var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
|
|
|
9249
9683
|
title: r.value.errorState.offlineTitle,
|
|
9250
9684
|
description: r.value.errorState.offlineDescription
|
|
9251
9685
|
}
|
|
9252
|
-
})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ??
|
|
9253
|
-
return (n, r) => (T(), c("div",
|
|
9254
|
-
l("div",
|
|
9686
|
+
})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? Z), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
|
|
9687
|
+
return (n, r) => (T(), c("div", Yp, [
|
|
9688
|
+
l("div", Xp, [A(n.$slots, "illustration", {}, () => [d(e, {
|
|
9255
9689
|
icon: f.value,
|
|
9256
9690
|
size: 48
|
|
9257
9691
|
}, null, 8, ["icon"])])]),
|
|
9258
|
-
t.code ? (T(), c("div",
|
|
9259
|
-
l("div",
|
|
9260
|
-
n.$slots.actions ? (T(), c("div",
|
|
9692
|
+
t.code ? (T(), c("div", Zp, P(t.code), 1)) : s("", !0),
|
|
9693
|
+
l("div", Qp, [l("h2", $p, [A(n.$slots, "title", {}, () => [u(P(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", em, [A(n.$slots, "description", {}, () => [u(P(m.value), 1)])])) : s("", !0)]),
|
|
9694
|
+
n.$slots.actions ? (T(), c("div", tm, [A(n.$slots, "actions")])) : s("", !0)
|
|
9261
9695
|
]));
|
|
9262
9696
|
}
|
|
9263
|
-
}),
|
|
9697
|
+
}), rm = {
|
|
9264
9698
|
key: 0,
|
|
9265
9699
|
class: "uid-layout-simple__header"
|
|
9266
|
-
},
|
|
9700
|
+
}, im = { class: "uid-layout-simple__content" }, am = {
|
|
9267
9701
|
key: 1,
|
|
9268
9702
|
class: "uid-layout-simple__footer"
|
|
9269
|
-
},
|
|
9703
|
+
}, om = /* @__PURE__ */ f({
|
|
9270
9704
|
__name: "UidSimpleLayout",
|
|
9271
9705
|
props: { full: {
|
|
9272
9706
|
type: Boolean,
|
|
@@ -9274,26 +9708,26 @@ var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
|
|
|
9274
9708
|
} },
|
|
9275
9709
|
setup(e) {
|
|
9276
9710
|
return (t, n) => (T(), c("div", { class: y(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
|
|
9277
|
-
t.$slots.header ? (T(), c("div",
|
|
9278
|
-
l("main",
|
|
9279
|
-
t.$slots.footer ? (T(), c("div",
|
|
9711
|
+
t.$slots.header ? (T(), c("div", rm, [A(t.$slots, "header")])) : s("", !0),
|
|
9712
|
+
l("main", im, [A(t.$slots, "default")]),
|
|
9713
|
+
t.$slots.footer ? (T(), c("div", am, [A(t.$slots, "footer")])) : s("", !0)
|
|
9280
9714
|
], 2));
|
|
9281
9715
|
}
|
|
9282
|
-
}),
|
|
9283
|
-
function
|
|
9284
|
-
let e = h(
|
|
9716
|
+
}), sm = Symbol("uid-sidebar-layout");
|
|
9717
|
+
function cm() {
|
|
9718
|
+
let e = h(sm);
|
|
9285
9719
|
if (!e) throw Error("useSidebar() must be used inside UidSidebarLayout");
|
|
9286
9720
|
return e;
|
|
9287
9721
|
}
|
|
9288
9722
|
//#endregion
|
|
9289
9723
|
//#region src/layouts/Sidebar/UidSidebarLayout.vue?vue&type=script&setup=true&lang.ts
|
|
9290
|
-
var
|
|
9724
|
+
var lm = { class: "uid-layout-sidebar__sidebar" }, um = { class: "uid-layout-sidebar__main" }, dm = {
|
|
9291
9725
|
key: 0,
|
|
9292
9726
|
class: "uid-layout-sidebar__main-header"
|
|
9293
|
-
},
|
|
9727
|
+
}, fm = { class: "uid-layout-sidebar__main-content" }, pm = {
|
|
9294
9728
|
key: 1,
|
|
9295
9729
|
class: "uid-layout-sidebar__main-footer"
|
|
9296
|
-
},
|
|
9730
|
+
}, mm = /* @__PURE__ */ f({
|
|
9297
9731
|
__name: "UidSidebarLayout",
|
|
9298
9732
|
props: /* @__PURE__ */ g({ sidebarWidth: { default: void 0 } }, {
|
|
9299
9733
|
modelValue: {
|
|
@@ -9311,7 +9745,7 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
|
|
|
9311
9745
|
}, o = () => {
|
|
9312
9746
|
n.value = !0;
|
|
9313
9747
|
};
|
|
9314
|
-
E(
|
|
9748
|
+
E(sm, {
|
|
9315
9749
|
collapsed: n,
|
|
9316
9750
|
toggle: r,
|
|
9317
9751
|
open: i,
|
|
@@ -9322,58 +9756,58 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
|
|
|
9322
9756
|
class: y(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
|
|
9323
9757
|
style: b(u.value)
|
|
9324
9758
|
}, [
|
|
9325
|
-
l("aside",
|
|
9759
|
+
l("aside", lm, [A(e.$slots, "sidebar")]),
|
|
9326
9760
|
l("div", {
|
|
9327
9761
|
class: "uid-layout-sidebar__backdrop",
|
|
9328
9762
|
"aria-hidden": "true",
|
|
9329
9763
|
onClick: o
|
|
9330
9764
|
}),
|
|
9331
|
-
l("div",
|
|
9332
|
-
e.$slots.header ? (T(), c("div",
|
|
9333
|
-
l("main",
|
|
9334
|
-
e.$slots.footer ? (T(), c("div",
|
|
9765
|
+
l("div", um, [
|
|
9766
|
+
e.$slots.header ? (T(), c("div", dm, [A(e.$slots, "header")])) : s("", !0),
|
|
9767
|
+
l("main", fm, [A(e.$slots, "default")]),
|
|
9768
|
+
e.$slots.footer ? (T(), c("div", pm, [A(e.$slots, "footer")])) : s("", !0)
|
|
9335
9769
|
])
|
|
9336
9770
|
], 6));
|
|
9337
9771
|
}
|
|
9338
|
-
}),
|
|
9772
|
+
}), hm = {
|
|
9339
9773
|
key: 0,
|
|
9340
9774
|
class: "uid-layout-auth__brand"
|
|
9341
|
-
},
|
|
9775
|
+
}, gm = { class: "uid-layout-auth__main" }, _m = { class: "uid-layout-auth__card" }, vm = {
|
|
9342
9776
|
key: 0,
|
|
9343
9777
|
class: "uid-layout-auth__footer"
|
|
9344
|
-
},
|
|
9778
|
+
}, ym = /* @__PURE__ */ f({
|
|
9345
9779
|
__name: "UidAuthLayout",
|
|
9346
9780
|
props: { variant: { default: "centered" } },
|
|
9347
9781
|
setup(e) {
|
|
9348
|
-
return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div",
|
|
9782
|
+
return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div", hm, [A(t.$slots, "brand")])) : s("", !0), l("div", gm, [l("div", _m, [A(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", vm, [A(t.$slots, "footer")])) : s("", !0)])], 2));
|
|
9349
9783
|
}
|
|
9350
|
-
}),
|
|
9784
|
+
}), bm = { class: "uid-layout-wizard" }, xm = {
|
|
9351
9785
|
key: 0,
|
|
9352
9786
|
class: "uid-layout-wizard__header"
|
|
9353
|
-
},
|
|
9787
|
+
}, Sm = {
|
|
9354
9788
|
key: 1,
|
|
9355
9789
|
class: "uid-layout-wizard__stepper"
|
|
9356
|
-
},
|
|
9790
|
+
}, Cm = { class: "uid-layout-wizard__content" }, wm = {
|
|
9357
9791
|
key: 2,
|
|
9358
9792
|
class: "uid-layout-wizard__nav"
|
|
9359
|
-
},
|
|
9793
|
+
}, Tm = /* @__PURE__ */ f({
|
|
9360
9794
|
__name: "UidWizardLayout",
|
|
9361
9795
|
setup(e) {
|
|
9362
|
-
return (e, t) => (T(), c("div",
|
|
9363
|
-
e.$slots.header ? (T(), c("div",
|
|
9364
|
-
e.$slots.stepper ? (T(), c("div",
|
|
9365
|
-
l("main",
|
|
9366
|
-
e.$slots.nav ? (T(), c("div",
|
|
9796
|
+
return (e, t) => (T(), c("div", bm, [
|
|
9797
|
+
e.$slots.header ? (T(), c("div", xm, [A(e.$slots, "header")])) : s("", !0),
|
|
9798
|
+
e.$slots.stepper ? (T(), c("div", Sm, [A(e.$slots, "stepper")])) : s("", !0),
|
|
9799
|
+
l("main", Cm, [A(e.$slots, "default")]),
|
|
9800
|
+
e.$slots.nav ? (T(), c("div", wm, [A(e.$slots, "nav")])) : s("", !0)
|
|
9367
9801
|
]));
|
|
9368
9802
|
}
|
|
9369
|
-
}),
|
|
9803
|
+
}), Em = /* @__PURE__ */ f({
|
|
9370
9804
|
__name: "UidLocaleProvider",
|
|
9371
9805
|
props: { locale: {} },
|
|
9372
9806
|
setup(e) {
|
|
9373
9807
|
let t = e;
|
|
9374
|
-
return
|
|
9808
|
+
return an(a(() => t.locale)), (e, t) => A(e.$slots, "default");
|
|
9375
9809
|
}
|
|
9376
|
-
}),
|
|
9810
|
+
}), Dm = {
|
|
9377
9811
|
code: "en-US",
|
|
9378
9812
|
common: {
|
|
9379
9813
|
clear: "Clear",
|
|
@@ -9552,7 +9986,9 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
|
|
|
9552
9986
|
heatmap: {
|
|
9553
9987
|
summary: (e) => `Activity heatmap: ${e} events`,
|
|
9554
9988
|
less: "Less",
|
|
9555
|
-
more: "More"
|
|
9989
|
+
more: "More",
|
|
9990
|
+
matrixSummary: (e, t) => `Heatmap: ${e} rows × ${t} columns`,
|
|
9991
|
+
noData: "No data"
|
|
9556
9992
|
},
|
|
9557
9993
|
validation: {
|
|
9558
9994
|
value: "value",
|
|
@@ -9570,19 +10006,19 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
|
|
|
9570
10006
|
sameAs: "The values do not match",
|
|
9571
10007
|
unknown: (e) => `Validation failed: ${e}`
|
|
9572
10008
|
}
|
|
9573
|
-
},
|
|
9574
|
-
function
|
|
10009
|
+
}, Om = O("light");
|
|
10010
|
+
function km() {
|
|
9575
10011
|
let e = null;
|
|
9576
10012
|
function t(e) {
|
|
9577
|
-
|
|
10013
|
+
Om.value = e, document.documentElement.dataset.theme = e;
|
|
9578
10014
|
}
|
|
9579
10015
|
function n() {
|
|
9580
|
-
t(
|
|
10016
|
+
t(Om.value === "light" ? "dark" : "light");
|
|
9581
10017
|
}
|
|
9582
10018
|
function r() {
|
|
9583
10019
|
let e = document.documentElement.dataset.theme;
|
|
9584
10020
|
if (e === "light" || e === "dark") {
|
|
9585
|
-
|
|
10021
|
+
Om.value = e;
|
|
9586
10022
|
return;
|
|
9587
10023
|
}
|
|
9588
10024
|
let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
@@ -9594,7 +10030,7 @@ function am() {
|
|
|
9594
10030
|
e.addEventListener("change", n), C(() => e?.removeEventListener("change", n));
|
|
9595
10031
|
}
|
|
9596
10032
|
return {
|
|
9597
|
-
theme:
|
|
10033
|
+
theme: Om,
|
|
9598
10034
|
setTheme: t,
|
|
9599
10035
|
toggle: n,
|
|
9600
10036
|
initFromSystem: r,
|
|
@@ -9603,27 +10039,27 @@ function am() {
|
|
|
9603
10039
|
}
|
|
9604
10040
|
//#endregion
|
|
9605
10041
|
//#region src/composables/useWizard.ts
|
|
9606
|
-
function
|
|
9607
|
-
let e = h(
|
|
10042
|
+
function Am() {
|
|
10043
|
+
let e = h(ep);
|
|
9608
10044
|
if (!e) throw Error("useWizard() must be used inside UidWizard");
|
|
9609
10045
|
return e;
|
|
9610
10046
|
}
|
|
9611
10047
|
//#endregion
|
|
9612
10048
|
//#region src/composables/useCommandPalette.ts
|
|
9613
|
-
var
|
|
9614
|
-
function
|
|
10049
|
+
var jm = O(!1);
|
|
10050
|
+
function Mm() {
|
|
9615
10051
|
return {
|
|
9616
|
-
open:
|
|
10052
|
+
open: jm,
|
|
9617
10053
|
show: () => {
|
|
9618
|
-
|
|
10054
|
+
jm.value = !0;
|
|
9619
10055
|
},
|
|
9620
10056
|
hide: () => {
|
|
9621
|
-
|
|
10057
|
+
jm.value = !1;
|
|
9622
10058
|
},
|
|
9623
10059
|
toggle: () => {
|
|
9624
|
-
|
|
10060
|
+
jm.value = !jm.value;
|
|
9625
10061
|
}
|
|
9626
10062
|
};
|
|
9627
10063
|
}
|
|
9628
10064
|
//#endregion
|
|
9629
|
-
export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix,
|
|
10065
|
+
export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, ym as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, $f as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, Jp as UidEmptyState, nm as UidErrorState, gc as UidFileUpload, hp as UidFooter, tn as UidFormField, uf as UidGauge, Qf as UidGrid, up as UidHeader, vf as UidHeatmap, Hf as UidHeatmapMatrix, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, Em as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, Vp as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, bp as UidSidebar, jp as UidSidebarDivider, Dp as UidSidebarGroup, wp as UidSidebarItem, mm as UidSidebarLayout, om as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Zf as UidStack, vl as UidStat, Xf as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, np as UidWizard, Tm as UidWizardLayout, ip as UidWizardStep, Ge as email, Dm as en, ze as getMessage, Cf as heatmapColorAt, yf as heatmapColorScales, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, xf as resolveHeatmapStops, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, Mm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, cm as useSidebar, km as useTheme, Tn as useToast, Am as useWizard };
|