@topjoao/top-design-system 0.1.0-beta.10 → 0.1.0-beta.12
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/README.md +8 -5
- package/dist/{TopToast-D6e-pFlr.js → TopToast-B8ruKpjL.js} +59 -58
- package/dist/TopToast-B8ruKpjL.js.map +1 -0
- package/dist/TopToast-BN8slt5u.cjs +2 -0
- package/dist/TopToast-BN8slt5u.cjs.map +1 -0
- package/dist/components/TopButton.vue.d.ts +4 -1
- package/dist/components/TopConfirmDialog.vue.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/plugin.cjs +1 -1
- package/dist/plugin.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/TopToast-BGDJFi3t.cjs +0 -2
- package/dist/TopToast-BGDJFi3t.cjs.map +0 -1
- package/dist/TopToast-D6e-pFlr.js.map +0 -1
package/README.md
CHANGED
|
@@ -115,8 +115,9 @@ Exemplo
|
|
|
115
115
|
|
|
116
116
|
```vue
|
|
117
117
|
<template>
|
|
118
|
-
<TopButton label="Salvar" icon="pi pi-save" @click="salvar" />
|
|
119
|
-
<TopButton label="Cancelar" secondary />
|
|
118
|
+
<TopButton label="Salvar" icon="pi pi-save" @click="salvar" />
|
|
119
|
+
<TopButton label="Cancelar" secondary />
|
|
120
|
+
<TopButton label="Excluir" severity="danger" />
|
|
120
121
|
|
|
121
122
|
<TopButton label="Consultar" outlined>
|
|
122
123
|
<template #icon>
|
|
@@ -134,13 +135,15 @@ Exemplo
|
|
|
134
135
|
| `icon` | `string` | `''` |
|
|
135
136
|
| `loading` | `boolean` | `false` |
|
|
136
137
|
| `class` | `string` | `''` |
|
|
137
|
-
| `outlined` | `boolean` | `false` |
|
|
138
|
-
| `
|
|
138
|
+
| `outlined` | `boolean` | `false` |
|
|
139
|
+
| `severity` | `'primary' \| 'secondary' \| 'success' \| 'warn' \| 'danger'` | `'primary'` |
|
|
140
|
+
| `secondary` | `boolean` | `false` |
|
|
139
141
|
| `disabled` | `boolean` | `false` |
|
|
140
142
|
| `unstyled` | `boolean` | `false` |
|
|
141
143
|
| `type` | `'button' \| 'submit' \| 'reset'` | `'button'` |
|
|
142
144
|
|
|
143
|
-
O componente emite `click` sem payload e oferece o slot nomeado `icon`.
|
|
145
|
+
O componente emite `click` sem payload e oferece o slot nomeado `icon`.
|
|
146
|
+
`secondary` permanece como atalho compatível para `severity="secondary"`.
|
|
144
147
|
|
|
145
148
|
## TopConfirmDialog
|
|
146
149
|
|
|
@@ -25,6 +25,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
25
25
|
type: Boolean,
|
|
26
26
|
default: !1
|
|
27
27
|
},
|
|
28
|
+
severity: { default: "primary" },
|
|
28
29
|
secondary: {
|
|
29
30
|
type: Boolean,
|
|
30
31
|
default: !1
|
|
@@ -41,8 +42,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
41
42
|
},
|
|
42
43
|
emits: ["click"],
|
|
43
44
|
setup(e, { emit: r }) {
|
|
44
|
-
let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => {
|
|
45
|
-
let e = c.unstyled ? "" :
|
|
45
|
+
let a = E(), s = t(() => !!a.icon), c = e, l = r, u = t(() => c.secondary ? "secondary" : c.severity), d = t(() => {
|
|
46
|
+
let e = c.unstyled ? "" : u.value === "secondary" ? "rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600" : c.outlined ? u.value === "primary" ? "shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:border-primary-200 dark:bg-transparent dark:text-primary-100 dark:hover:bg-primary-900" : "shrink-0 rounded-[10px] border px-3 py-2 font-bold" : u.value === "primary" ? "rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white" : "rounded-[10px] border px-3 py-2 font-bold";
|
|
46
47
|
return M(e, c.class);
|
|
47
48
|
});
|
|
48
49
|
return (t, r) => (v(), i("span", z, [k((v(), n(C(A), {
|
|
@@ -51,10 +52,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
51
52
|
disabled: e.disabled || e.loading,
|
|
52
53
|
icon: s.value ? void 0 : e.icon || void 0,
|
|
53
54
|
loading: e.loading,
|
|
54
|
-
outlined: e.outlined ||
|
|
55
|
-
severity:
|
|
56
|
-
class: p(
|
|
57
|
-
pt: { root: { class:
|
|
55
|
+
outlined: e.outlined || u.value === "secondary",
|
|
56
|
+
severity: u.value === "primary" ? void 0 : u.value,
|
|
57
|
+
class: p(d.value),
|
|
58
|
+
pt: { root: { class: d.value } },
|
|
58
59
|
onClick: r[0] ||= (e) => l("click")
|
|
59
60
|
}, o({ _: 2 }, [s.value ? {
|
|
60
61
|
name: "icon",
|
|
@@ -423,17 +424,20 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
423
424
|
key: 0,
|
|
424
425
|
"aria-hidden": "true",
|
|
425
426
|
class: "text-red-600 dark:text-red-400"
|
|
426
|
-
}, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = {
|
|
427
|
+
}, ie = { class: "flex min-h-[130px] w-full flex-col items-center justify-center gap-3" }, ae = {
|
|
428
|
+
class: "top-file-upload__empty-icon",
|
|
429
|
+
"aria-hidden": "true"
|
|
430
|
+
}, oe = { class: "m-0 text-center text-xs text-secondary-600 dark:text-zinc-300" }, se = {
|
|
427
431
|
key: 1,
|
|
428
432
|
class: "flex w-full flex-col gap-2"
|
|
429
|
-
},
|
|
433
|
+
}, ce = ["src", "alt"], le = {
|
|
430
434
|
key: 1,
|
|
431
435
|
class: "flex size-12 shrink-0 items-center justify-center rounded-lg bg-primary-50 text-primary-800 dark:bg-primary-950 dark:text-primary-200"
|
|
432
|
-
},
|
|
436
|
+
}, ue = { class: "min-w-0 flex-1" }, de = { class: "m-0 truncate text-xs font-bold text-secondary-900 dark:text-zinc-100" }, fe = { class: "text-[11px] text-secondary-500 dark:text-zinc-400" }, pe = [
|
|
433
437
|
"aria-label",
|
|
434
438
|
"disabled",
|
|
435
439
|
"onClick"
|
|
436
|
-
],
|
|
440
|
+
], me = ["id"], he = /* @__PURE__ */ l({
|
|
437
441
|
inheritAttrs: !1,
|
|
438
442
|
__name: "TopFileUpload",
|
|
439
443
|
props: {
|
|
@@ -550,7 +554,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
550
554
|
function Z() {
|
|
551
555
|
L.value || k.value?.choose();
|
|
552
556
|
}
|
|
553
|
-
function
|
|
557
|
+
function he(e, t) {
|
|
554
558
|
if (L.value) return;
|
|
555
559
|
let n = A.value[t];
|
|
556
560
|
if (!n) return;
|
|
@@ -558,7 +562,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
558
562
|
let r = A.value.filter((e, n) => n !== t);
|
|
559
563
|
Y(r, "remove"), m("remove", n, t), r.length || m("clear");
|
|
560
564
|
}
|
|
561
|
-
function
|
|
565
|
+
function ge() {
|
|
562
566
|
L.value || !A.value.length || Y([], "clear");
|
|
563
567
|
}
|
|
564
568
|
function Q(e) {
|
|
@@ -582,7 +586,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
582
586
|
M.clear();
|
|
583
587
|
}), l({
|
|
584
588
|
choose: Z,
|
|
585
|
-
clear:
|
|
589
|
+
clear: ge
|
|
586
590
|
}), (t, l) => (v(), i("div", te, [
|
|
587
591
|
o.label ? (v(), i("label", {
|
|
588
592
|
key: 0,
|
|
@@ -604,14 +608,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
604
608
|
header: { class: "hidden" },
|
|
605
609
|
input: z.value,
|
|
606
610
|
content: { class: [
|
|
607
|
-
"top-file-upload__dropzone min-h-[
|
|
608
|
-
I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-
|
|
611
|
+
"top-file-upload__dropzone min-h-[224px] rounded-[10px] border p-4 transition-colors",
|
|
612
|
+
I.value ? "border-red-600 bg-red-50 dark:border-red-400 dark:bg-red-950/20" : "border-secondary-300 bg-white hover:border-primary-600 hover:bg-primary-50 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:border-primary-400 dark:hover:bg-zinc-700",
|
|
609
613
|
L.value ? "cursor-not-allowed opacity-60" : ""
|
|
610
614
|
].join(" ") }
|
|
611
615
|
},
|
|
612
616
|
onSelect: ee
|
|
613
617
|
}, {
|
|
614
|
-
content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div",
|
|
618
|
+
content: O(({ removeFileCallback: s }) => [a("div", ie, [A.value.length ? (v(), i("div", se, [(v(!0), i(e, null, b(A.value, (e, n) => (v(), i("div", {
|
|
615
619
|
key: `${e.name}-${e.size}-${e.lastModified}`,
|
|
616
620
|
class: "flex min-w-0 items-center gap-3 rounded-[10px] border border-secondary-300 bg-white p-3 dark:border-zinc-600 dark:bg-zinc-900"
|
|
617
621
|
}, [
|
|
@@ -624,21 +628,21 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
624
628
|
src: Q(e),
|
|
625
629
|
alt: `Pré-visualização de ${e.name}`,
|
|
626
630
|
class: "size-12 shrink-0 rounded-lg object-cover"
|
|
627
|
-
}, null, 8,
|
|
631
|
+
}, null, 8, ce)) : (v(), i("span", le, [...l[0] ||= [a("i", {
|
|
628
632
|
class: "pi pi-file text-2xl",
|
|
629
633
|
"aria-hidden": "true"
|
|
630
634
|
}, null, -1)]]))]),
|
|
631
|
-
a("div",
|
|
635
|
+
a("div", ue, [a("p", de, S(e.name), 1), a("span", fe, S(W(e.size)), 1)]),
|
|
632
636
|
a("button", {
|
|
633
637
|
type: "button",
|
|
634
638
|
class: "flex size-8 shrink-0 items-center justify-center rounded-full border-0 bg-transparent p-0 text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-red-400 dark:hover:bg-red-950/40 dark:focus-visible:ring-offset-zinc-900",
|
|
635
639
|
"aria-label": `${o.removeLabel}: ${e.name}`,
|
|
636
640
|
disabled: L.value,
|
|
637
|
-
onClick: (e) =>
|
|
641
|
+
onClick: (e) => he(s, n)
|
|
638
642
|
}, [...l[1] ||= [a("i", {
|
|
639
643
|
class: "pi pi-times",
|
|
640
644
|
"aria-hidden": "true"
|
|
641
|
-
}, null, -1)]], 8,
|
|
645
|
+
}, null, -1)]], 8, pe)
|
|
642
646
|
]))), 128)), o.multiple && (!o.maxFiles || A.value.length < o.maxFiles) ? (v(), n(B, {
|
|
643
647
|
key: 0,
|
|
644
648
|
label: o.selectLabel,
|
|
@@ -656,11 +660,8 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
656
660
|
choose: Z,
|
|
657
661
|
disabled: L.value
|
|
658
662
|
}, () => [
|
|
659
|
-
a("i", {
|
|
660
|
-
|
|
661
|
-
"aria-hidden": "true"
|
|
662
|
-
}, null, 2),
|
|
663
|
-
a("p", ae, S(o.placeholder), 1),
|
|
663
|
+
a("span", ae, [a("i", { class: p([o.loading ? "pi pi-spin pi-spinner" : "pi pi-cloud-upload", "text-5xl"]) }, null, 2)]),
|
|
664
|
+
a("p", oe, S(o.placeholder), 1),
|
|
664
665
|
c(B, {
|
|
665
666
|
label: o.selectLabel,
|
|
666
667
|
icon: "pi pi-plus-circle",
|
|
@@ -686,14 +687,14 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
686
687
|
id: P.value,
|
|
687
688
|
class: "text-[11px] text-red-600 dark:text-red-400",
|
|
688
689
|
role: "alert"
|
|
689
|
-
}, S(I.value), 9,
|
|
690
|
+
}, S(I.value), 9, me)) : r("", !0)
|
|
690
691
|
]));
|
|
691
692
|
}
|
|
692
|
-
}),
|
|
693
|
+
}), ge = { class: "top-input-text top-solutions-component flex w-full flex-col gap-1" }, Q = ["for"], $ = {
|
|
693
694
|
key: 0,
|
|
694
695
|
"aria-hidden": "true",
|
|
695
696
|
class: "text-red-600 dark:text-red-400"
|
|
696
|
-
},
|
|
697
|
+
}, _e = ["id"], ve = /* @__PURE__ */ l({
|
|
697
698
|
inheritAttrs: !1,
|
|
698
699
|
__name: "TopInputText",
|
|
699
700
|
props: {
|
|
@@ -727,7 +728,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
727
728
|
function g(e) {
|
|
728
729
|
o("update:modelValue", e ?? "");
|
|
729
730
|
}
|
|
730
|
-
return (t, n) => (v(), i("div",
|
|
731
|
+
return (t, n) => (v(), i("div", ge, [
|
|
731
732
|
e.label ? (v(), i("label", {
|
|
732
733
|
key: 0,
|
|
733
734
|
for: f.value,
|
|
@@ -763,44 +764,44 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
763
764
|
id: p.value,
|
|
764
765
|
class: "text-[11px] text-red-600 dark:text-red-400",
|
|
765
766
|
role: "alert"
|
|
766
|
-
}, S(e.error), 9,
|
|
767
|
+
}, S(e.error), 9, _e)) : r("", !0)
|
|
767
768
|
]));
|
|
768
769
|
}
|
|
769
|
-
}),
|
|
770
|
+
}), ye = { class: "top-field-icon pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2" }, be = {
|
|
770
771
|
key: 0,
|
|
771
772
|
class: "pi pi-spin pi-spinner"
|
|
772
|
-
},
|
|
773
|
+
}, xe = {
|
|
773
774
|
key: 1,
|
|
774
775
|
class: "pi pi-search"
|
|
775
|
-
},
|
|
776
|
+
}, Se = {
|
|
776
777
|
key: 1,
|
|
777
778
|
class: "flex items-center gap-1 !text-sm"
|
|
778
|
-
},
|
|
779
|
+
}, Ce = { class: "flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white" }, we = ["onClick"], Te = { class: "line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis" }, Ee = {
|
|
779
780
|
key: 1,
|
|
780
781
|
class: "flex min-h-[100px] flex-col items-center justify-center gap-2 py-2"
|
|
781
|
-
},
|
|
782
|
+
}, De = {
|
|
782
783
|
key: 0,
|
|
783
784
|
class: "text-xs font-medium text-primary-600"
|
|
784
|
-
},
|
|
785
|
+
}, Oe = {
|
|
785
786
|
key: 2,
|
|
786
787
|
class: "text-xs text-secondary-500"
|
|
787
|
-
},
|
|
788
|
+
}, ke = { key: 1 }, Ae = {
|
|
788
789
|
key: 1,
|
|
789
790
|
class: "flex items-center gap-2 font-semibold"
|
|
790
|
-
},
|
|
791
|
+
}, je = {
|
|
791
792
|
key: 1,
|
|
792
793
|
class: "flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm",
|
|
793
794
|
style: { "white-space": "normal" }
|
|
794
|
-
},
|
|
795
|
+
}, Me = ["title"], Ne = {
|
|
795
796
|
key: 0,
|
|
796
797
|
class: "top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100"
|
|
797
|
-
},
|
|
798
|
+
}, Pe = {
|
|
798
799
|
key: 0,
|
|
799
800
|
class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
|
|
800
|
-
},
|
|
801
|
+
}, Fe = {
|
|
801
802
|
key: 0,
|
|
802
803
|
class: "rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white"
|
|
803
|
-
},
|
|
804
|
+
}, Ie = /* @__PURE__ */ l({
|
|
804
805
|
__name: "TopSelect",
|
|
805
806
|
props: {
|
|
806
807
|
modelValue: { default: null },
|
|
@@ -928,7 +929,7 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
928
929
|
}), (t, l) => (v(), i("div", {
|
|
929
930
|
class: p(["top-select top-solutions-component relative w-full", { "pointer-events-none": n.disabled }]),
|
|
930
931
|
onFocusin: J
|
|
931
|
-
}, [a("span",
|
|
932
|
+
}, [a("span", ye, [x(t.$slots, "icon", { loading: n.loading }, () => [n.loading ? (v(), i("i", be)) : (v(), i("i", xe))])]), c(C(M), {
|
|
932
933
|
ref_key: "autocompleteRef",
|
|
933
934
|
ref: F,
|
|
934
935
|
modelValue: z.value,
|
|
@@ -998,18 +999,18 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
998
999
|
},
|
|
999
1000
|
onChange: l[4] ||= (e) => T("change", e)
|
|
1000
1001
|
}, o({
|
|
1001
|
-
chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div",
|
|
1002
|
+
chip: O((e) => [C(A).chip ? x(t.$slots, "chip", m(u(e)), void 0, void 0, 0) : (v(), i("div", Se, [a("div", Ce, [a("i", {
|
|
1002
1003
|
class: "pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800",
|
|
1003
1004
|
onClick: (t) => e.removeCallback(t)
|
|
1004
|
-
}, null, 8,
|
|
1005
|
+
}, null, 8, we), k((v(), i("span", Te, [s(S(U(e.value)), 1)])), [[
|
|
1005
1006
|
C(j),
|
|
1006
1007
|
U(e.value),
|
|
1007
1008
|
void 0,
|
|
1008
1009
|
{ top: !0 }
|
|
1009
1010
|
]])])]))]),
|
|
1010
|
-
empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div",
|
|
1011
|
-
"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span",
|
|
1012
|
-
optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div",
|
|
1011
|
+
empty: O(() => [C(A).empty ? x(t.$slots, "empty", {}, void 0, void 0, 0) : n.loading ? (v(), i("div", Ee, [l[5] ||= a("span", { class: "pi pi-spin pi-spinner text-2xl text-primary-600" }, null, -1), n.showLoadingMessage ? (v(), i("span", De, S(n.loadingMessage), 1)) : r("", !0)])) : (v(), i("span", Oe, S(n.emptyMessage), 1))]),
|
|
1012
|
+
"selected-item": O((e) => [C(A)["selected-item"] ? x(t.$slots, "selected-item", m(u(e)), void 0, void 0, 0) : e.item ? (v(), i("span", ke, S(U(e.item)), 1)) : r("", !0)]),
|
|
1013
|
+
optiongroup: O((e) => [C(A)["option-group"] ? x(t.$slots, "option-group", m(u(e)), void 0, void 0, 0) : (v(), i("div", Ae, [e.option.icon ? (v(), i("i", {
|
|
1013
1014
|
key: 0,
|
|
1014
1015
|
class: p(e.option.icon)
|
|
1015
1016
|
}, null, 2)) : r("", !0), a("span", null, S(e.option[n.optionGroupLabel ?? "label"]), 1)]))]),
|
|
@@ -1017,10 +1018,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
1017
1018
|
label: V(o.option),
|
|
1018
1019
|
prefix: H(o.option),
|
|
1019
1020
|
query: N.value
|
|
1020
|
-
}), void 0, void 0, 0) : k((v(), i("div",
|
|
1021
|
+
}), void 0, void 0, 0) : k((v(), i("div", je, [a("span", {
|
|
1021
1022
|
class: "top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200",
|
|
1022
1023
|
title: V(o.option)
|
|
1023
|
-
}, [n.showOptionPrefix && H(o.option) ? (v(), i("span",
|
|
1024
|
+
}, [n.showOptionPrefix && H(o.option) ? (v(), i("span", Ne, [(v(!0), i(e, null, b(W(H(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Pe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128)), l[6] ||= a("span", { class: "font-bold text-secondary-500 dark:text-zinc-400" }, "\xA0-\xA0", -1)])) : r("", !0), (v(!0), i(e, null, b(W(V(o.option)), (t, n) => (v(), i(e, { key: n }, [t.highlighted ? (v(), i("mark", Fe, S(t.text), 1)) : (v(), i(e, { key: 1 }, [s(S(t.text), 1)], 64))], 64))), 128))], 8, Me)])), [[
|
|
1024
1025
|
C(j),
|
|
1025
1026
|
n.showTooltip ? V(o.option) : null,
|
|
1026
1027
|
void 0,
|
|
@@ -1049,10 +1050,10 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
1049
1050
|
"pt"
|
|
1050
1051
|
])], 34));
|
|
1051
1052
|
}
|
|
1052
|
-
}),
|
|
1053
|
+
}), Le = { class: "top-toast__content" }, Re = { class: "top-toast__detail" }, ze = ["onClick"], Be = {
|
|
1053
1054
|
key: 0,
|
|
1054
1055
|
class: "top-toast__footer"
|
|
1055
|
-
},
|
|
1056
|
+
}, Ve = /* @__PURE__ */ l({
|
|
1056
1057
|
__name: "TopToast",
|
|
1057
1058
|
props: { baseZIndex: { default: 3e4 } },
|
|
1058
1059
|
setup(e) {
|
|
@@ -1078,9 +1079,9 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
1078
1079
|
position: "top-right",
|
|
1079
1080
|
"base-z-index": e.baseZIndex
|
|
1080
1081
|
}, {
|
|
1081
|
-
message: O((e) => [a("div",
|
|
1082
|
+
message: O((e) => [a("div", Le, [
|
|
1082
1083
|
a("div", { class: p(["top-toast__summary", d(e.message, "summary")]) }, S(e.message.summary), 3),
|
|
1083
|
-
a("div",
|
|
1084
|
+
a("div", Re, S(e.message.detail), 1),
|
|
1084
1085
|
u(e.message) ? x(f.$slots, "action", {
|
|
1085
1086
|
action: o(e.message),
|
|
1086
1087
|
message: e.message,
|
|
@@ -1094,17 +1095,17 @@ var z = { class: "top-button top-solutions-component h-fit w-fit rounded-[12px]
|
|
|
1094
1095
|
key: 0,
|
|
1095
1096
|
class: p(o(e.message)?.icon),
|
|
1096
1097
|
"aria-hidden": "true"
|
|
1097
|
-
}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10,
|
|
1098
|
+
}, null, 2)) : r("", !0), s(" " + S(o(e.message)?.label), 1)], 10, ze)) : r("", !0)], void 0, 0) : r("", !0),
|
|
1098
1099
|
l(e.message) ? x(f.$slots, "footer", {
|
|
1099
1100
|
message: e.message,
|
|
1100
1101
|
footer: t(e.message)
|
|
1101
|
-
}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div",
|
|
1102
|
+
}, () => [t(e.message) === void 0 ? r("", !0) : (v(), i("div", Be, S(t(e.message)), 1))], void 0, 1) : r("", !0)
|
|
1102
1103
|
])]),
|
|
1103
1104
|
_: 3
|
|
1104
1105
|
}, 8, ["base-z-index"]));
|
|
1105
1106
|
}
|
|
1106
1107
|
});
|
|
1107
1108
|
//#endregion
|
|
1108
|
-
export { Z as a, B as c,
|
|
1109
|
+
export { Z as a, B as c, he as i, Ie as n, q as o, ve as r, V as s, Ve as t };
|
|
1109
1110
|
|
|
1110
|
-
//# sourceMappingURL=TopToast-
|
|
1111
|
+
//# sourceMappingURL=TopToast-B8ruKpjL.js.map
|