@iaclinical/components 1.0.12 → 1.0.13
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/iaclinical-components.cjs +1 -1
- package/dist/iaclinical-components.js +671 -620
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const le = { class: "flex items-center gap-
|
|
1
|
+
import { defineComponent as E, computed as u, createElementBlock as o, openBlock as s, normalizeClass as f, createElementVNode as l, createCommentVNode as p, renderSlot as C, toDisplayString as w, createBlock as q, Teleport as J, createVNode as G, Transition as Q, withCtx as U, withModifiers as F, createTextVNode as A, ref as I, normalizeStyle as K, onMounted as ee, onUnmounted as te, watch as X, nextTick as Z, Fragment as W, renderList as P, resolveDynamicComponent as Y, withDirectives as se, vModelText as oe } from "vue";
|
|
2
|
+
const le = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, ne = {
|
|
3
3
|
key: 1,
|
|
4
|
-
class: "text-lg font-bold text-primary-50 font-poppins"
|
|
5
|
-
}, ae = { class: "flex-1
|
|
4
|
+
class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
|
|
5
|
+
}, ae = { class: "flex flex-1 justify-center items-center min-w-0" }, re = {
|
|
6
6
|
key: 0,
|
|
7
|
-
class: "text-lg font-bold text-primary-50 font-poppins"
|
|
8
|
-
}, ie = { class: "flex items-center gap-3" }, de = {
|
|
7
|
+
class: "text-base sm:text-lg font-bold text-primary-50 font-poppins truncate"
|
|
8
|
+
}, ie = { class: "flex items-center gap-2 sm:gap-3 shrink-0" }, de = {
|
|
9
9
|
key: 0,
|
|
10
|
-
class: "text-lg font-bold text-primary-50 font-poppins"
|
|
11
|
-
}, ue = /* @__PURE__ */
|
|
10
|
+
class: "text-base sm:text-lg font-bold text-primary-50 font-poppins whitespace-nowrap"
|
|
11
|
+
}, ue = /* @__PURE__ */ E({
|
|
12
12
|
__name: "AppBar",
|
|
13
13
|
props: {
|
|
14
14
|
title: { default: "" },
|
|
@@ -20,37 +20,37 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
20
20
|
height: { default: "md" }
|
|
21
21
|
},
|
|
22
22
|
emits: ["toggle-menu"],
|
|
23
|
-
setup(t, { emit:
|
|
24
|
-
const e = t,
|
|
25
|
-
const
|
|
23
|
+
setup(t, { emit: h }) {
|
|
24
|
+
const e = t, r = h, a = u(() => {
|
|
25
|
+
const i = "flex flex-row items-center justify-between gap-2 sm:gap-4 px-3 sm:px-6 z-50 w-full", c = {
|
|
26
26
|
default: "bg-primary-700 text-primary-50",
|
|
27
27
|
dark: "bg-secondary-900 text-white",
|
|
28
28
|
light: "bg-white text-secondary-900 border-b border-secondary-200"
|
|
29
|
-
},
|
|
29
|
+
}, d = {
|
|
30
30
|
sm: "h-12",
|
|
31
31
|
md: "h-14",
|
|
32
32
|
lg: "h-16"
|
|
33
|
-
},
|
|
33
|
+
}, g = e.sticky ? "sticky top-0" : "", v = e.shadow ? "shadow-md" : "";
|
|
34
34
|
return [
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
i,
|
|
36
|
+
c[e.variant],
|
|
37
|
+
d[e.height],
|
|
38
|
+
g,
|
|
39
|
+
v
|
|
40
40
|
].join(" ");
|
|
41
41
|
});
|
|
42
|
-
return (
|
|
43
|
-
class:
|
|
42
|
+
return (i, c) => (s(), o("header", {
|
|
43
|
+
class: f(a.value)
|
|
44
44
|
}, [
|
|
45
45
|
l("div", le, [
|
|
46
46
|
t.showMenuButton ? (s(), o("button", {
|
|
47
47
|
key: 0,
|
|
48
|
-
onClick:
|
|
49
|
-
class: "p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
48
|
+
onClick: c[0] || (c[0] = (d) => r("toggle-menu")),
|
|
49
|
+
class: "p-1.5 sm:p-2 hover:bg-primary-600 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
50
50
|
"aria-label": "Toggle menu"
|
|
51
|
-
}, [...
|
|
51
|
+
}, [...c[1] || (c[1] = [
|
|
52
52
|
l("svg", {
|
|
53
|
-
class: "w-6 h-6 text-primary-50",
|
|
53
|
+
class: "w-5 h-5 sm:w-6 sm:h-6 text-primary-50",
|
|
54
54
|
fill: "none",
|
|
55
55
|
stroke: "currentColor",
|
|
56
56
|
viewBox: "0 0 24 24",
|
|
@@ -63,29 +63,29 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
63
63
|
d: "M4 6h16M4 12h16M4 18h16"
|
|
64
64
|
})
|
|
65
65
|
], -1)
|
|
66
|
-
])])) :
|
|
67
|
-
t.title && t.titlePosition === "left" ? (s(), o("div", ne, w(t.title), 1)) :
|
|
68
|
-
C(
|
|
66
|
+
])])) : p("", !0),
|
|
67
|
+
t.title && t.titlePosition === "left" ? (s(), o("div", ne, w(t.title), 1)) : p("", !0),
|
|
68
|
+
C(i.$slots, "left", {}, void 0, !0)
|
|
69
69
|
]),
|
|
70
70
|
l("div", ae, [
|
|
71
|
-
t.title && t.titlePosition === "center" ? (s(), o("div", re, w(t.title), 1)) :
|
|
72
|
-
C(
|
|
71
|
+
t.title && t.titlePosition === "center" ? (s(), o("div", re, w(t.title), 1)) : p("", !0),
|
|
72
|
+
C(i.$slots, "center", {}, void 0, !0)
|
|
73
73
|
]),
|
|
74
74
|
l("div", ie, [
|
|
75
|
-
t.title && t.titlePosition === "right" ? (s(), o("div", de, w(t.title), 1)) :
|
|
76
|
-
C(
|
|
75
|
+
t.title && t.titlePosition === "right" ? (s(), o("div", de, w(t.title), 1)) : p("", !0),
|
|
76
|
+
C(i.$slots, "right", {}, void 0, !0)
|
|
77
77
|
])
|
|
78
78
|
], 2));
|
|
79
79
|
}
|
|
80
|
-
}),
|
|
80
|
+
}), N = (t, h) => {
|
|
81
81
|
const e = t.__vccOpts || t;
|
|
82
|
-
for (const [
|
|
83
|
-
e[
|
|
82
|
+
for (const [r, a] of h)
|
|
83
|
+
e[r] = a;
|
|
84
84
|
return e;
|
|
85
|
-
},
|
|
85
|
+
}, Rt = /* @__PURE__ */ N(ue, [["__scopeId", "data-v-c5861315"]]), ce = ["type", "disabled", "aria-label"], fe = {
|
|
86
86
|
key: 0,
|
|
87
87
|
class: "absolute top-0 right-0 inline-flex items-center justify-center px-1.5 py-0.5 text-xs font-bold leading-none text-white transform translate-x-1/2 -translate-y-1/2 bg-danger-600 rounded-full min-w-[1.25rem]"
|
|
88
|
-
},
|
|
88
|
+
}, qt = /* @__PURE__ */ E({
|
|
89
89
|
__name: "Button",
|
|
90
90
|
props: {
|
|
91
91
|
variant: { default: "primary" },
|
|
@@ -99,9 +99,9 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
99
99
|
textColorHover: { default: void 0 }
|
|
100
100
|
},
|
|
101
101
|
emits: ["click"],
|
|
102
|
-
setup(t, { emit:
|
|
103
|
-
const e = t,
|
|
104
|
-
const
|
|
102
|
+
setup(t, { emit: h }) {
|
|
103
|
+
const e = t, r = h, a = u(() => e.variant === "icon"), i = u(() => e.badge > 99 ? "99+" : e.badge.toString()), c = u(() => {
|
|
104
|
+
const g = "inline-flex items-center justify-center font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", v = {
|
|
105
105
|
primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus-visible:ring-primary-700",
|
|
106
106
|
secondary: "bg-secondary-200 text-secondary-900 hover:bg-secondary-300 focus-visible:ring-secondary-500",
|
|
107
107
|
outline: "border border-secondary-300 bg-transparent hover:bg-secondary-100 focus-visible:ring-secondary-500",
|
|
@@ -113,30 +113,30 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
113
113
|
sm: a.value ? "p-1.5" : "h-8 px-3 text-sm",
|
|
114
114
|
md: a.value ? "p-2" : "h-10 px-4 text-base",
|
|
115
115
|
lg: a.value ? "p-3" : "h-12 px-6 text-lg"
|
|
116
|
-
},
|
|
116
|
+
}, x = {
|
|
117
117
|
full: "rounded-full",
|
|
118
118
|
xl: "rounded-2xl",
|
|
119
119
|
lg: "rounded-xl",
|
|
120
120
|
md: "rounded-lg",
|
|
121
121
|
sm: "rounded-md",
|
|
122
122
|
none: "rounded-none"
|
|
123
|
-
},
|
|
124
|
-
var
|
|
125
|
-
return e.textColorHover ? e.textColorHover : (
|
|
123
|
+
}, O = e.textColor ? e.textColor : "", z = u(() => {
|
|
124
|
+
var L, S;
|
|
125
|
+
return e.textColorHover ? e.textColorHover : (L = e.textColor) != null && L.includes("white") || (S = e.textColor) != null && S.includes("50") ? "hover:text-black" : "";
|
|
126
126
|
});
|
|
127
|
-
return `${
|
|
128
|
-
}),
|
|
129
|
-
e.disabled ||
|
|
127
|
+
return `${g} ${v[e.variant]} ${m[e.size]} ${x[e.radius]} ${O} ${z.value}`;
|
|
128
|
+
}), d = (g) => {
|
|
129
|
+
e.disabled || r("click", g);
|
|
130
130
|
};
|
|
131
|
-
return (
|
|
132
|
-
class:
|
|
131
|
+
return (g, v) => (s(), o("button", {
|
|
132
|
+
class: f(c.value),
|
|
133
133
|
type: t.type,
|
|
134
134
|
disabled: t.disabled,
|
|
135
|
-
onClick:
|
|
135
|
+
onClick: d,
|
|
136
136
|
"aria-label": t.ariaLabel
|
|
137
137
|
}, [
|
|
138
|
-
C(
|
|
139
|
-
a.value && t.badge && t.badge > 0 ? (s(), o("span", fe, w(
|
|
138
|
+
C(g.$slots, "default"),
|
|
139
|
+
a.value && t.badge && t.badge > 0 ? (s(), o("span", fe, w(i.value), 1)) : p("", !0)
|
|
140
140
|
], 10, ce));
|
|
141
141
|
}
|
|
142
142
|
}), pe = {
|
|
@@ -145,7 +145,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
145
145
|
}, ge = { class: "px-6 py-4" }, ve = {
|
|
146
146
|
key: 1,
|
|
147
147
|
class: "border-t border-gray-100 px-6 py-4 bg-gray-50"
|
|
148
|
-
},
|
|
148
|
+
}, Ut = /* @__PURE__ */ E({
|
|
149
149
|
__name: "Card",
|
|
150
150
|
props: {
|
|
151
151
|
shadow: { default: "md" },
|
|
@@ -153,43 +153,43 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
153
153
|
bordered: { type: Boolean, default: !1 }
|
|
154
154
|
},
|
|
155
155
|
setup(t) {
|
|
156
|
-
const
|
|
156
|
+
const h = t, e = {
|
|
157
157
|
none: "",
|
|
158
158
|
sm: "shadow-sm",
|
|
159
159
|
md: "shadow",
|
|
160
160
|
lg: "shadow-lg",
|
|
161
161
|
xl: "shadow-xl"
|
|
162
|
-
},
|
|
162
|
+
}, r = {
|
|
163
163
|
none: "rounded-none",
|
|
164
164
|
sm: "rounded-sm",
|
|
165
165
|
md: "rounded-md",
|
|
166
166
|
lg: "rounded-lg",
|
|
167
167
|
xl: "rounded-xl",
|
|
168
168
|
full: "rounded-full"
|
|
169
|
-
}, a =
|
|
169
|
+
}, a = u(() => [
|
|
170
170
|
"w-full bg-white",
|
|
171
|
-
e[
|
|
172
|
-
|
|
173
|
-
|
|
171
|
+
e[h.shadow],
|
|
172
|
+
r[h.rounded],
|
|
173
|
+
h.bordered ? "border border-gray-200" : ""
|
|
174
174
|
]);
|
|
175
|
-
return (
|
|
176
|
-
class:
|
|
175
|
+
return (i, c) => (s(), o("div", {
|
|
176
|
+
class: f(a.value)
|
|
177
177
|
}, [
|
|
178
|
-
|
|
179
|
-
C(
|
|
180
|
-
])) :
|
|
178
|
+
i.$slots.header ? (s(), o("div", pe, [
|
|
179
|
+
C(i.$slots, "header")
|
|
180
|
+
])) : p("", !0),
|
|
181
181
|
l("div", ge, [
|
|
182
|
-
C(
|
|
182
|
+
C(i.$slots, "default")
|
|
183
183
|
]),
|
|
184
|
-
|
|
185
|
-
C(
|
|
186
|
-
])) :
|
|
184
|
+
i.$slots.footer ? (s(), o("div", ve, [
|
|
185
|
+
C(i.$slots, "footer")
|
|
186
|
+
])) : p("", !0)
|
|
187
187
|
], 2));
|
|
188
188
|
}
|
|
189
|
-
}),
|
|
189
|
+
}), xe = { class: "flex items-center justify-between border-b border-gray-100/60 px-8 py-6" }, be = { class: "text-xl font-semibold text-gray-900" }, he = { class: "px-8 py-6" }, ye = {
|
|
190
190
|
key: 0,
|
|
191
191
|
class: "border-t border-gray-100 px-8 py-6 bg-gray-50"
|
|
192
|
-
}, me = /* @__PURE__ */
|
|
192
|
+
}, me = /* @__PURE__ */ E({
|
|
193
193
|
__name: "Dialog",
|
|
194
194
|
props: {
|
|
195
195
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -197,40 +197,40 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
197
197
|
closeOnBackdrop: { type: Boolean, default: !0 }
|
|
198
198
|
},
|
|
199
199
|
emits: ["update:modelValue", "close"],
|
|
200
|
-
setup(t, { emit:
|
|
201
|
-
const e = t,
|
|
200
|
+
setup(t, { emit: h }) {
|
|
201
|
+
const e = t, r = h, a = u({
|
|
202
202
|
get: () => e.modelValue,
|
|
203
|
-
set: (
|
|
204
|
-
}),
|
|
205
|
-
a.value = !1,
|
|
206
|
-
},
|
|
207
|
-
e.closeOnBackdrop &&
|
|
203
|
+
set: (d) => r("update:modelValue", d)
|
|
204
|
+
}), i = () => {
|
|
205
|
+
a.value = !1, r("close");
|
|
206
|
+
}, c = () => {
|
|
207
|
+
e.closeOnBackdrop && i();
|
|
208
208
|
};
|
|
209
|
-
return (
|
|
209
|
+
return (d, g) => (s(), q(J, { to: "body" }, [
|
|
210
210
|
G(Q, { name: "dialog" }, {
|
|
211
211
|
default: U(() => [
|
|
212
212
|
a.value ? (s(), o("div", {
|
|
213
213
|
key: 0,
|
|
214
|
-
class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
|
|
215
|
-
onClick:
|
|
214
|
+
class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4",
|
|
215
|
+
onClick: c
|
|
216
216
|
}, [
|
|
217
217
|
l("div", {
|
|
218
|
-
class: "relative w-full
|
|
219
|
-
onClick:
|
|
218
|
+
class: "relative w-full rounded-lg bg-white shadow-xl sm:max-w-lg md:max-w-2xl",
|
|
219
|
+
onClick: g[0] || (g[0] = F(() => {
|
|
220
220
|
}, ["stop"]))
|
|
221
221
|
}, [
|
|
222
|
-
l("div",
|
|
223
|
-
l("h2",
|
|
224
|
-
C(
|
|
225
|
-
|
|
222
|
+
l("div", xe, [
|
|
223
|
+
l("h2", be, [
|
|
224
|
+
C(d.$slots, "title", {}, () => [
|
|
225
|
+
A(w(t.title), 1)
|
|
226
226
|
], !0)
|
|
227
227
|
]),
|
|
228
228
|
l("button", {
|
|
229
229
|
type: "button",
|
|
230
230
|
class: "inline-flex items-center justify-center rounded-md p-1 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
231
231
|
"aria-label": "Cerrar diálogo",
|
|
232
|
-
onClick:
|
|
233
|
-
}, [...
|
|
232
|
+
onClick: i
|
|
233
|
+
}, [...g[1] || (g[1] = [
|
|
234
234
|
l("svg", {
|
|
235
235
|
class: "h-6 w-6",
|
|
236
236
|
fill: "none",
|
|
@@ -247,19 +247,19 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
247
247
|
])])
|
|
248
248
|
]),
|
|
249
249
|
l("div", he, [
|
|
250
|
-
C(
|
|
250
|
+
C(d.$slots, "default", {}, void 0, !0)
|
|
251
251
|
]),
|
|
252
|
-
|
|
253
|
-
C(
|
|
254
|
-
])) :
|
|
252
|
+
d.$slots.footer ? (s(), o("div", ye, [
|
|
253
|
+
C(d.$slots, "footer", {}, void 0, !0)
|
|
254
|
+
])) : p("", !0)
|
|
255
255
|
])
|
|
256
|
-
])) :
|
|
256
|
+
])) : p("", !0)
|
|
257
257
|
]),
|
|
258
258
|
_: 3
|
|
259
259
|
})
|
|
260
260
|
]));
|
|
261
261
|
}
|
|
262
|
-
}),
|
|
262
|
+
}), Gt = /* @__PURE__ */ N(me, [["__scopeId", "data-v-37e19754"]]), we = ["accept", "multiple", "disabled"], ke = { class: "flex flex-col items-center justify-center gap-4 text-center" }, $e = ["src", "alt"], Ce = {
|
|
263
263
|
key: 1,
|
|
264
264
|
class: "w-full h-full text-gray-400",
|
|
265
265
|
fill: "none",
|
|
@@ -268,10 +268,10 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
268
268
|
}, Be = { class: "text-center" }, Te = { class: "text-base font-medium text-gray-700" }, Me = { class: "text-primary-700" }, ze = { class: "flex items-center gap-3 flex-1 min-w-0" }, _e = { class: "flex-1 min-w-0" }, je = { class: "text-sm font-medium text-gray-900 truncate" }, Ve = { class: "text-xs text-gray-500" }, Le = {
|
|
269
269
|
key: 1,
|
|
270
270
|
class: "text-xs text-gray-500 mt-2"
|
|
271
|
-
},
|
|
271
|
+
}, Oe = {
|
|
272
272
|
key: 2,
|
|
273
273
|
class: "text-sm text-danger-500 mt-2"
|
|
274
|
-
},
|
|
274
|
+
}, Qt = /* @__PURE__ */ E({
|
|
275
275
|
__name: "FileUpload",
|
|
276
276
|
props: {
|
|
277
277
|
modelValue: { default: null },
|
|
@@ -287,52 +287,52 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
287
287
|
maxSize: { default: void 0 }
|
|
288
288
|
},
|
|
289
289
|
emits: ["update:modelValue", "change", "error"],
|
|
290
|
-
setup(t, { emit:
|
|
291
|
-
const e = t,
|
|
290
|
+
setup(t, { emit: h }) {
|
|
291
|
+
const e = t, r = h, a = I(null), i = I(!1), c = I(e.modelValue), d = I(""), g = u(() => ({
|
|
292
292
|
sm: "w-20 h-20",
|
|
293
293
|
md: "w-32 h-32",
|
|
294
294
|
lg: "w-48 h-48",
|
|
295
295
|
xl: "w-64 h-64"
|
|
296
|
-
})[e.illustrationSize]),
|
|
297
|
-
var
|
|
298
|
-
(
|
|
296
|
+
})[e.illustrationSize]), v = () => {
|
|
297
|
+
var $;
|
|
298
|
+
($ = a.value) == null || $.click();
|
|
299
299
|
}, m = () => {
|
|
300
|
-
e.disabled ||
|
|
301
|
-
},
|
|
302
|
-
e.disabled || (
|
|
303
|
-
},
|
|
304
|
-
|
|
305
|
-
},
|
|
306
|
-
if (
|
|
300
|
+
e.disabled || v();
|
|
301
|
+
}, x = ($) => {
|
|
302
|
+
e.disabled || (i.value = !0);
|
|
303
|
+
}, O = () => {
|
|
304
|
+
i.value = !1;
|
|
305
|
+
}, z = ($) => {
|
|
306
|
+
if (d.value = "", e.maxSize && $.size > e.maxSize) {
|
|
307
307
|
const M = (e.maxSize / 1048576).toFixed(2);
|
|
308
|
-
return
|
|
308
|
+
return d.value = `El archivo excede el tamaño máximo de ${M}MB`, r("error", d.value), !1;
|
|
309
309
|
}
|
|
310
310
|
return !0;
|
|
311
|
-
},
|
|
312
|
-
var
|
|
313
|
-
const
|
|
314
|
-
|
|
315
|
-
},
|
|
316
|
-
var
|
|
317
|
-
|
|
318
|
-
const M = (
|
|
319
|
-
M &&
|
|
320
|
-
},
|
|
321
|
-
|
|
322
|
-
},
|
|
323
|
-
if (
|
|
324
|
-
const M = 1024,
|
|
325
|
-
return Math.round(
|
|
311
|
+
}, L = ($) => {
|
|
312
|
+
var H;
|
|
313
|
+
const V = (H = $.target.files) == null ? void 0 : H[0];
|
|
314
|
+
V && z(V) && (c.value = V, r("update:modelValue", V), r("change", V));
|
|
315
|
+
}, S = ($) => {
|
|
316
|
+
var V;
|
|
317
|
+
i.value = !1;
|
|
318
|
+
const M = (V = $.dataTransfer) == null ? void 0 : V.files[0];
|
|
319
|
+
M && z(M) && (c.value = M, r("update:modelValue", M), r("change", M));
|
|
320
|
+
}, _ = () => {
|
|
321
|
+
c.value = null, d.value = "", a.value && (a.value.value = ""), r("update:modelValue", null), r("change", null);
|
|
322
|
+
}, k = ($) => {
|
|
323
|
+
if ($ === 0) return "0 Bytes";
|
|
324
|
+
const M = 1024, V = ["Bytes", "KB", "MB", "GB"], H = Math.floor(Math.log($) / Math.log(M));
|
|
325
|
+
return Math.round($ / Math.pow(M, H) * 100) / 100 + " " + V[H];
|
|
326
326
|
};
|
|
327
|
-
return (
|
|
328
|
-
class:
|
|
329
|
-
|
|
327
|
+
return ($, M) => (s(), o("div", {
|
|
328
|
+
class: f(["relative border-2 border-dashed rounded-lg p-8 transition-colors", [
|
|
329
|
+
i.value ? "border-primary-700 bg-primary-50" : "border-gray-300 bg-white hover:border-primary-500",
|
|
330
330
|
t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
|
|
331
331
|
]]),
|
|
332
332
|
onClick: m,
|
|
333
|
-
onDragover:
|
|
334
|
-
onDragleave:
|
|
335
|
-
onDrop:
|
|
333
|
+
onDragover: F(x, ["prevent"]),
|
|
334
|
+
onDragleave: F(O, ["prevent"]),
|
|
335
|
+
onDrop: F(S, ["prevent"])
|
|
336
336
|
}, [
|
|
337
337
|
l("input", {
|
|
338
338
|
ref_key: "fileInput",
|
|
@@ -342,18 +342,18 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
342
342
|
multiple: t.multiple,
|
|
343
343
|
disabled: t.disabled,
|
|
344
344
|
class: "hidden",
|
|
345
|
-
onChange:
|
|
345
|
+
onChange: L
|
|
346
346
|
}, null, 40, we),
|
|
347
347
|
l("div", ke, [
|
|
348
348
|
l("div", {
|
|
349
|
-
class:
|
|
349
|
+
class: f([g.value, "flex items-center justify-center"])
|
|
350
350
|
}, [
|
|
351
351
|
t.illustration ? (s(), o("img", {
|
|
352
352
|
key: 0,
|
|
353
353
|
src: t.illustration,
|
|
354
354
|
alt: t.illustrationAlt,
|
|
355
355
|
class: "max-w-full max-h-full object-contain"
|
|
356
|
-
}, null, 8,
|
|
356
|
+
}, null, 8, $e)) : (s(), o("svg", Ce, [...M[1] || (M[1] = [
|
|
357
357
|
l("path", {
|
|
358
358
|
"stroke-linecap": "round",
|
|
359
359
|
"stroke-linejoin": "round",
|
|
@@ -364,14 +364,14 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
364
364
|
], 2),
|
|
365
365
|
l("div", Be, [
|
|
366
366
|
l("p", Te, [
|
|
367
|
-
|
|
367
|
+
A(w(t.mainText) + " ", 1),
|
|
368
368
|
l("span", Me, w(t.linkText), 1)
|
|
369
369
|
])
|
|
370
370
|
]),
|
|
371
|
-
|
|
371
|
+
c.value ? (s(), o("div", {
|
|
372
372
|
key: 0,
|
|
373
373
|
class: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-center justify-between",
|
|
374
|
-
onClick: M[0] || (M[0] =
|
|
374
|
+
onClick: M[0] || (M[0] = F(() => {
|
|
375
375
|
}, ["stop"]))
|
|
376
376
|
}, [
|
|
377
377
|
l("div", ze, [
|
|
@@ -389,13 +389,13 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
389
389
|
})
|
|
390
390
|
], -1)),
|
|
391
391
|
l("div", _e, [
|
|
392
|
-
l("p", je, w(
|
|
393
|
-
l("p", Ve, w(
|
|
392
|
+
l("p", je, w(c.value.name), 1),
|
|
393
|
+
l("p", Ve, w(k(c.value.size)), 1)
|
|
394
394
|
])
|
|
395
395
|
]),
|
|
396
|
-
t.disabled ?
|
|
396
|
+
t.disabled ? p("", !0) : (s(), o("button", {
|
|
397
397
|
key: 0,
|
|
398
|
-
onClick:
|
|
398
|
+
onClick: F(_, ["stop"]),
|
|
399
399
|
class: "ml-3 text-gray-400 hover:text-danger-500 transition-colors"
|
|
400
400
|
}, [...M[3] || (M[3] = [
|
|
401
401
|
l("svg", {
|
|
@@ -410,16 +410,16 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
410
410
|
})
|
|
411
411
|
], -1)
|
|
412
412
|
])]))
|
|
413
|
-
])) :
|
|
414
|
-
t.helperText ? (s(), o("p", Le, w(t.helperText), 1)) :
|
|
415
|
-
|
|
413
|
+
])) : p("", !0),
|
|
414
|
+
t.helperText ? (s(), o("p", Le, w(t.helperText), 1)) : p("", !0),
|
|
415
|
+
d.value ? (s(), o("p", Oe, w(d.value), 1)) : p("", !0)
|
|
416
416
|
])
|
|
417
417
|
], 34));
|
|
418
418
|
}
|
|
419
|
-
}),
|
|
419
|
+
}), Se = ["stroke-width"], De = {
|
|
420
420
|
class: "w-full h-full rounded-lg overflow-hidden",
|
|
421
421
|
style: { "background-color": "#f7f7f7" }
|
|
422
|
-
},
|
|
422
|
+
}, Ie = /* @__PURE__ */ E({
|
|
423
423
|
__name: "Loader",
|
|
424
424
|
props: {
|
|
425
425
|
type: { default: "circular" },
|
|
@@ -430,28 +430,28 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
430
430
|
progress: { default: void 0 }
|
|
431
431
|
},
|
|
432
432
|
setup(t) {
|
|
433
|
-
const
|
|
433
|
+
const h = t, e = {
|
|
434
434
|
primary: "text-primary-700",
|
|
435
435
|
secondary: "text-secondary-500",
|
|
436
436
|
success: "text-success-500",
|
|
437
437
|
warning: "text-warning-500",
|
|
438
438
|
danger: "text-danger-500",
|
|
439
439
|
info: "text-info-500"
|
|
440
|
-
},
|
|
440
|
+
}, r = {
|
|
441
441
|
primary: "bg-primary-700",
|
|
442
442
|
secondary: "bg-secondary-500",
|
|
443
443
|
success: "bg-success-500",
|
|
444
444
|
warning: "bg-warning-500",
|
|
445
445
|
danger: "bg-danger-500",
|
|
446
446
|
info: "bg-info-500"
|
|
447
|
-
}, a =
|
|
448
|
-
return (
|
|
447
|
+
}, a = u(() => [e[h.color]]), i = u(() => [r[h.color]]);
|
|
448
|
+
return (c, d) => t.type === "circular" ? (s(), o("div", {
|
|
449
449
|
key: 0,
|
|
450
|
-
class:
|
|
450
|
+
class: f(a.value)
|
|
451
451
|
}, [
|
|
452
452
|
(s(), o("svg", {
|
|
453
453
|
class: "animate-spin",
|
|
454
|
-
style:
|
|
454
|
+
style: K({ width: t.size, height: t.size }),
|
|
455
455
|
viewBox: "0 0 24 24"
|
|
456
456
|
}, [
|
|
457
457
|
l("circle", {
|
|
@@ -462,8 +462,8 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
462
462
|
stroke: "currentColor",
|
|
463
463
|
"stroke-width": t.strokeWidth,
|
|
464
464
|
fill: "none"
|
|
465
|
-
}, null, 8,
|
|
466
|
-
|
|
465
|
+
}, null, 8, Se),
|
|
466
|
+
d[0] || (d[0] = l("path", {
|
|
467
467
|
class: "opacity-75",
|
|
468
468
|
fill: "currentColor",
|
|
469
469
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
@@ -472,20 +472,20 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
472
472
|
], 2)) : t.type === "linear" ? (s(), o("div", {
|
|
473
473
|
key: 1,
|
|
474
474
|
class: "w-full",
|
|
475
|
-
style:
|
|
475
|
+
style: K({ height: t.height })
|
|
476
476
|
}, [
|
|
477
477
|
l("div", De, [
|
|
478
478
|
l("div", {
|
|
479
|
-
class:
|
|
480
|
-
style:
|
|
479
|
+
class: f([i.value, "h-full rounded-lg animate-linear-loader"]),
|
|
480
|
+
style: K({ width: t.progress ? `${t.progress}%` : void 0 })
|
|
481
481
|
}, null, 6)
|
|
482
482
|
])
|
|
483
|
-
], 4)) :
|
|
483
|
+
], 4)) : p("", !0);
|
|
484
484
|
}
|
|
485
|
-
}),
|
|
485
|
+
}), Zt = /* @__PURE__ */ N(Ie, [["__scopeId", "data-v-8df4ec38"]]), Ee = ["disabled", "aria-expanded"], Ae = ["disabled", "onClick"], He = {
|
|
486
486
|
key: 0,
|
|
487
487
|
class: "flex-shrink-0"
|
|
488
|
-
},
|
|
488
|
+
}, We = ["innerHTML"], Fe = { class: "flex-1 min-w-0 mr-2" }, Pe = { class: "flex flex-col items-start" }, Ke = ["title"], Ne = ["title"], Re = {
|
|
489
489
|
key: 1,
|
|
490
490
|
class: "flex-shrink-0"
|
|
491
491
|
}, qe = {
|
|
@@ -497,7 +497,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
497
497
|
fill: "none",
|
|
498
498
|
stroke: "currentColor",
|
|
499
499
|
viewBox: "0 0 24 24"
|
|
500
|
-
}, Qe = /* @__PURE__ */
|
|
500
|
+
}, Qe = /* @__PURE__ */ E({
|
|
501
501
|
__name: "Menu",
|
|
502
502
|
props: {
|
|
503
503
|
items: { default: () => [] },
|
|
@@ -516,130 +516,130 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
516
516
|
zIndex: { default: 50 }
|
|
517
517
|
},
|
|
518
518
|
emits: ["open", "close", "select"],
|
|
519
|
-
setup(t, { emit:
|
|
520
|
-
const e = t,
|
|
519
|
+
setup(t, { emit: h }) {
|
|
520
|
+
const e = t, r = h, a = I(!1), i = I(null), c = I(null), d = I({}), g = u(() => [
|
|
521
521
|
"inline-flex items-center justify-center px-4 py-2 text-sm font-medium",
|
|
522
522
|
"bg-white border border-secondary-300 rounded-md",
|
|
523
523
|
"hover:bg-secondary-50 focus:outline-none focus:ring-2 focus:ring-primary-500",
|
|
524
524
|
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
525
525
|
"transition-colors"
|
|
526
|
-
].join(" ")),
|
|
526
|
+
].join(" ")), v = u(() => [...[
|
|
527
527
|
"fixed bg-white rounded-lg shadow-lg border border-secondary-200",
|
|
528
528
|
"flex flex-col",
|
|
529
529
|
"focus:outline-none"
|
|
530
|
-
], `z-${e.zIndex}`].join(" ")), m =
|
|
531
|
-
const
|
|
530
|
+
], `z-${e.zIndex}`].join(" ")), m = u(() => "px-4 py-3 border-b border-secondary-200 bg-secondary-50"), x = u(() => "px-4 py-3 border-t border-secondary-200 bg-secondary-50"), O = u(() => "py-1 overflow-y-auto flex-1 min-h-0"), z = u(() => "my-1 border-t border-secondary-200"), L = u(() => "px-4 py-2 text-xs font-semibold text-secondary-500 uppercase tracking-wider"), S = (n) => {
|
|
531
|
+
const T = [
|
|
532
532
|
"w-full flex items-center gap-3 px-4 py-2 text-sm text-left",
|
|
533
533
|
"transition-colors focus:outline-none",
|
|
534
534
|
"disabled:opacity-50 disabled:cursor-not-allowed"
|
|
535
|
-
],
|
|
535
|
+
], b = n.variant || "default", R = {
|
|
536
536
|
default: "text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50",
|
|
537
537
|
danger: "text-danger-600 hover:bg-danger-50 focus:bg-danger-50",
|
|
538
538
|
success: "text-success-600 hover:bg-success-50 focus:bg-success-50",
|
|
539
539
|
warning: "text-warning-600 hover:bg-warning-50 focus:bg-warning-50"
|
|
540
540
|
};
|
|
541
|
-
let
|
|
542
|
-
return n.color && (
|
|
543
|
-
},
|
|
544
|
-
e.disabled || (a.value ?
|
|
545
|
-
},
|
|
546
|
-
a.value = !0,
|
|
547
|
-
|
|
541
|
+
let j = "";
|
|
542
|
+
return n.color && (j = n.color, (n.color.includes("white") || n.color.includes("50")) && (j += " hover:text-black")), [...T, j || R[b]].join(" ");
|
|
543
|
+
}, _ = () => {
|
|
544
|
+
e.disabled || (a.value ? $() : k());
|
|
545
|
+
}, k = () => {
|
|
546
|
+
a.value = !0, r("open"), Z(() => {
|
|
547
|
+
B(), document.addEventListener("click", V), document.addEventListener("keydown", H);
|
|
548
548
|
});
|
|
549
|
-
},
|
|
550
|
-
a.value = !1,
|
|
549
|
+
}, $ = () => {
|
|
550
|
+
a.value = !1, r("close"), document.removeEventListener("click", V), document.removeEventListener("keydown", H);
|
|
551
551
|
}, M = (n) => {
|
|
552
|
-
n.disabled || (n.action && n.action(),
|
|
553
|
-
},
|
|
554
|
-
const
|
|
555
|
-
|
|
556
|
-
},
|
|
557
|
-
n.key === "Escape" &&
|
|
558
|
-
},
|
|
559
|
-
(n.key === "Enter" || n.key === " ") && (n.preventDefault(),
|
|
560
|
-
},
|
|
561
|
-
if (!
|
|
562
|
-
const n =
|
|
563
|
-
let
|
|
552
|
+
n.disabled || (n.action && n.action(), r("select", n), e.closeOnClick && !n.children && $());
|
|
553
|
+
}, V = (n) => {
|
|
554
|
+
const T = n.target;
|
|
555
|
+
i.value && !i.value.contains(T) && c.value && !c.value.contains(T) && $();
|
|
556
|
+
}, H = (n) => {
|
|
557
|
+
n.key === "Escape" && $();
|
|
558
|
+
}, y = (n) => {
|
|
559
|
+
(n.key === "Enter" || n.key === " ") && (n.preventDefault(), _());
|
|
560
|
+
}, B = () => {
|
|
561
|
+
if (!i.value || !c.value) return;
|
|
562
|
+
const n = i.value.getBoundingClientRect(), T = c.value.getBoundingClientRect(), b = window.innerWidth, R = window.innerHeight;
|
|
563
|
+
let j = 0, D = 0;
|
|
564
564
|
switch (e.position) {
|
|
565
565
|
case "bottom-start":
|
|
566
|
-
|
|
566
|
+
j = n.bottom + e.offset.y, D = n.left + e.offset.x;
|
|
567
567
|
break;
|
|
568
568
|
case "bottom-end":
|
|
569
|
-
|
|
569
|
+
j = n.bottom + e.offset.y, D = n.right - T.width + e.offset.x;
|
|
570
570
|
break;
|
|
571
571
|
case "top-start":
|
|
572
|
-
|
|
572
|
+
j = n.top - T.height - e.offset.y, D = n.left + e.offset.x;
|
|
573
573
|
break;
|
|
574
574
|
case "top-end":
|
|
575
|
-
|
|
575
|
+
j = n.top - T.height - e.offset.y, D = n.right - T.width + e.offset.x;
|
|
576
576
|
break;
|
|
577
577
|
case "right-start":
|
|
578
|
-
|
|
578
|
+
j = n.top + e.offset.y, D = n.right + e.offset.x;
|
|
579
579
|
break;
|
|
580
580
|
case "right-end":
|
|
581
|
-
|
|
581
|
+
j = n.bottom - T.height + e.offset.y, D = n.right + e.offset.x;
|
|
582
582
|
break;
|
|
583
583
|
case "left-start":
|
|
584
|
-
|
|
584
|
+
j = n.top + e.offset.y, D = n.left - T.width - e.offset.x;
|
|
585
585
|
break;
|
|
586
586
|
case "left-end":
|
|
587
|
-
|
|
587
|
+
j = n.bottom - T.height + e.offset.y, D = n.left - T.width - e.offset.x;
|
|
588
588
|
break;
|
|
589
589
|
}
|
|
590
|
-
|
|
591
|
-
top: `${
|
|
592
|
-
left: `${
|
|
590
|
+
D + T.width > b && (D = b - T.width - 8), D < 8 && (D = 8), j + T.height > R && (j = R - T.height - 8), j < 8 && (j = 8), d.value = {
|
|
591
|
+
top: `${j}px`,
|
|
592
|
+
left: `${D}px`,
|
|
593
593
|
width: e.width === "auto" ? `${Math.max(n.width, 240)}px` : e.width,
|
|
594
594
|
maxHeight: e.maxHeight,
|
|
595
595
|
minWidth: "240px"
|
|
596
596
|
};
|
|
597
597
|
};
|
|
598
598
|
return ee(() => {
|
|
599
|
-
window.addEventListener("scroll",
|
|
599
|
+
window.addEventListener("scroll", B, !0), window.addEventListener("resize", B);
|
|
600
600
|
}), te(() => {
|
|
601
|
-
window.removeEventListener("scroll",
|
|
601
|
+
window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B), document.removeEventListener("click", V), document.removeEventListener("keydown", H);
|
|
602
602
|
}), X(() => e.items, () => {
|
|
603
|
-
a.value && Z(
|
|
604
|
-
}, { deep: !0 }), (n,
|
|
605
|
-
class:
|
|
603
|
+
a.value && Z(B);
|
|
604
|
+
}, { deep: !0 }), (n, T) => (s(), o("div", {
|
|
605
|
+
class: f(["menu-wrapper", { "w-full": t.fullWidth }])
|
|
606
606
|
}, [
|
|
607
607
|
l("div", {
|
|
608
608
|
ref_key: "triggerRef",
|
|
609
|
-
ref:
|
|
609
|
+
ref: i
|
|
610
610
|
}, [
|
|
611
611
|
C(n.$slots, "trigger", {
|
|
612
612
|
isOpen: a.value,
|
|
613
|
-
toggle:
|
|
613
|
+
toggle: _
|
|
614
614
|
}, () => [
|
|
615
615
|
l("button", {
|
|
616
616
|
type: "button",
|
|
617
|
-
class: g
|
|
617
|
+
class: f(g.value),
|
|
618
618
|
disabled: t.disabled,
|
|
619
|
-
onClick:
|
|
620
|
-
onKeydown:
|
|
619
|
+
onClick: _,
|
|
620
|
+
onKeydown: y,
|
|
621
621
|
tabindex: 0,
|
|
622
622
|
role: "button",
|
|
623
623
|
"aria-expanded": a.value,
|
|
624
624
|
"aria-haspopup": !0
|
|
625
625
|
}, [
|
|
626
626
|
C(n.$slots, "trigger-content", {}, () => [
|
|
627
|
-
|
|
627
|
+
A(w(t.triggerText), 1)
|
|
628
628
|
], !0),
|
|
629
629
|
t.showChevron ? (s(), o("svg", {
|
|
630
630
|
key: 0,
|
|
631
|
-
class:
|
|
631
|
+
class: f(["w-4 h-4 ml-2 transition-transform", a.value ? "rotate-180" : ""]),
|
|
632
632
|
fill: "none",
|
|
633
633
|
stroke: "currentColor",
|
|
634
634
|
viewBox: "0 0 24 24"
|
|
635
|
-
}, [
|
|
635
|
+
}, [...T[1] || (T[1] = [
|
|
636
636
|
l("path", {
|
|
637
637
|
"stroke-linecap": "round",
|
|
638
638
|
"stroke-linejoin": "round",
|
|
639
639
|
"stroke-width": "2",
|
|
640
640
|
d: "M19 9l-7 7-7-7"
|
|
641
641
|
}, null, -1)
|
|
642
|
-
])], 2)) :
|
|
642
|
+
])], 2)) : p("", !0)
|
|
643
643
|
], 42, Ee)
|
|
644
644
|
], !0)
|
|
645
645
|
], 512),
|
|
@@ -647,104 +647,104 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
647
647
|
a.value ? (s(), o("div", {
|
|
648
648
|
key: 0,
|
|
649
649
|
ref_key: "menuRef",
|
|
650
|
-
ref:
|
|
651
|
-
class:
|
|
652
|
-
style:
|
|
653
|
-
onClick:
|
|
650
|
+
ref: c,
|
|
651
|
+
class: f(v.value),
|
|
652
|
+
style: K(d.value),
|
|
653
|
+
onClick: T[0] || (T[0] = F(() => {
|
|
654
654
|
}, ["stop"]))
|
|
655
655
|
}, [
|
|
656
656
|
n.$slots.header ? (s(), o("div", {
|
|
657
657
|
key: 0,
|
|
658
|
-
class:
|
|
658
|
+
class: f(m.value)
|
|
659
659
|
}, [
|
|
660
|
-
C(n.$slots, "header", { close:
|
|
661
|
-
], 2)) :
|
|
660
|
+
C(n.$slots, "header", { close: $ }, void 0, !0)
|
|
661
|
+
], 2)) : p("", !0),
|
|
662
662
|
l("div", {
|
|
663
|
-
class:
|
|
663
|
+
class: f(O.value)
|
|
664
664
|
}, [
|
|
665
665
|
C(n.$slots, "default", {
|
|
666
|
-
close:
|
|
666
|
+
close: $,
|
|
667
667
|
isOpen: a.value
|
|
668
668
|
}, () => [
|
|
669
|
-
(s(!0), o(
|
|
670
|
-
key:
|
|
669
|
+
(s(!0), o(W, null, P(t.items, (b, R) => (s(), o(W, {
|
|
670
|
+
key: b.id || R
|
|
671
671
|
}, [
|
|
672
|
-
|
|
672
|
+
b.type === "divider" ? (s(), o("div", {
|
|
673
673
|
key: 0,
|
|
674
|
-
class:
|
|
675
|
-
}, null, 2)) :
|
|
674
|
+
class: f(z.value)
|
|
675
|
+
}, null, 2)) : b.type === "header" ? (s(), o("div", {
|
|
676
676
|
key: 1,
|
|
677
|
-
class:
|
|
678
|
-
}, w(
|
|
677
|
+
class: f(L.value)
|
|
678
|
+
}, w(b.label), 3)) : (s(), o("button", {
|
|
679
679
|
key: 2,
|
|
680
680
|
type: "button",
|
|
681
|
-
class:
|
|
682
|
-
disabled:
|
|
683
|
-
onClick: (
|
|
681
|
+
class: f(S(b)),
|
|
682
|
+
disabled: b.disabled,
|
|
683
|
+
onClick: (j) => M(b)
|
|
684
684
|
}, [
|
|
685
|
-
|
|
686
|
-
C(n.$slots, `icon-${
|
|
687
|
-
typeof
|
|
685
|
+
b.icon || n.$slots[`icon-${b.id}`] ? (s(), o("span", He, [
|
|
686
|
+
C(n.$slots, `icon-${b.id}`, { item: b }, () => [
|
|
687
|
+
typeof b.icon != "string" ? (s(), q(Y(b.icon), {
|
|
688
688
|
key: 0,
|
|
689
689
|
class: "w-5 h-5"
|
|
690
690
|
})) : (s(), o("span", {
|
|
691
691
|
key: 1,
|
|
692
|
-
innerHTML:
|
|
692
|
+
innerHTML: b.icon,
|
|
693
693
|
class: "w-5 h-5 inline-block"
|
|
694
|
-
}, null, 8,
|
|
694
|
+
}, null, 8, We))
|
|
695
695
|
], !0)
|
|
696
|
-
])) :
|
|
697
|
-
l("div",
|
|
698
|
-
C(n.$slots, `item-${
|
|
699
|
-
item:
|
|
700
|
-
close:
|
|
696
|
+
])) : p("", !0),
|
|
697
|
+
l("div", Fe, [
|
|
698
|
+
C(n.$slots, `item-${b.id}`, {
|
|
699
|
+
item: b,
|
|
700
|
+
close: $
|
|
701
701
|
}, () => [
|
|
702
|
-
l("div",
|
|
702
|
+
l("div", Pe, [
|
|
703
703
|
l("span", {
|
|
704
704
|
class: "truncate w-full",
|
|
705
|
-
title:
|
|
706
|
-
}, w(
|
|
707
|
-
|
|
705
|
+
title: b.label
|
|
706
|
+
}, w(b.label), 9, Ke),
|
|
707
|
+
b.description ? (s(), o("span", {
|
|
708
708
|
key: 0,
|
|
709
709
|
class: "text-xs text-secondary-500 truncate w-full",
|
|
710
|
-
title:
|
|
711
|
-
}, w(
|
|
710
|
+
title: b.description
|
|
711
|
+
}, w(b.description), 9, Ne)) : p("", !0)
|
|
712
712
|
])
|
|
713
713
|
], !0)
|
|
714
714
|
]),
|
|
715
|
-
|
|
716
|
-
C(n.$slots, `suffix-${
|
|
717
|
-
|
|
715
|
+
b.suffix || b.shortcut || n.$slots[`suffix-${b.id}`] ? (s(), o("span", Re, [
|
|
716
|
+
C(n.$slots, `suffix-${b.id}`, { item: b }, () => [
|
|
717
|
+
b.shortcut ? (s(), o("span", qe, w(b.shortcut), 1)) : b.suffix ? (s(), o("span", Ue, w(b.suffix), 1)) : p("", !0)
|
|
718
718
|
], !0)
|
|
719
|
-
])) :
|
|
720
|
-
|
|
719
|
+
])) : p("", !0),
|
|
720
|
+
b.children && b.children.length > 0 ? (s(), o("svg", Ge, [...T[2] || (T[2] = [
|
|
721
721
|
l("path", {
|
|
722
722
|
"stroke-linecap": "round",
|
|
723
723
|
"stroke-linejoin": "round",
|
|
724
724
|
"stroke-width": "2",
|
|
725
725
|
d: "M9 5l7 7-7 7"
|
|
726
726
|
}, null, -1)
|
|
727
|
-
])])) :
|
|
728
|
-
], 10,
|
|
727
|
+
])])) : p("", !0)
|
|
728
|
+
], 10, Ae))
|
|
729
729
|
], 64))), 128))
|
|
730
730
|
], !0)
|
|
731
731
|
], 2),
|
|
732
732
|
n.$slots.footer ? (s(), o("div", {
|
|
733
733
|
key: 1,
|
|
734
|
-
class:
|
|
734
|
+
class: f(x.value)
|
|
735
735
|
}, [
|
|
736
|
-
C(n.$slots, "footer", { close:
|
|
737
|
-
], 2)) :
|
|
738
|
-
], 6)) :
|
|
736
|
+
C(n.$slots, "footer", { close: $ }, void 0, !0)
|
|
737
|
+
], 2)) : p("", !0)
|
|
738
|
+
], 6)) : p("", !0),
|
|
739
739
|
a.value && t.overlay ? (s(), o("div", {
|
|
740
740
|
key: 1,
|
|
741
741
|
class: "fixed inset-0 bg-black/20 z-40",
|
|
742
|
-
onClick:
|
|
743
|
-
})) :
|
|
742
|
+
onClick: $
|
|
743
|
+
})) : p("", !0)
|
|
744
744
|
]))
|
|
745
745
|
], 2));
|
|
746
746
|
}
|
|
747
|
-
}),
|
|
747
|
+
}), Jt = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-335f2699"]]), Ze = ["for"], Je = {
|
|
748
748
|
key: 0,
|
|
749
749
|
class: "text-danger-600"
|
|
750
750
|
}, Xe = { class: "relative" }, Ye = ["id", "disabled", "aria-expanded"], et = { class: "flex-1 text-left truncate" }, tt = {
|
|
@@ -769,7 +769,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
769
769
|
}, pt = {
|
|
770
770
|
key: 2,
|
|
771
771
|
class: "mt-1 text-sm text-secondary-600"
|
|
772
|
-
}, gt = /* @__PURE__ */
|
|
772
|
+
}, gt = /* @__PURE__ */ E({
|
|
773
773
|
__name: "Select",
|
|
774
774
|
props: {
|
|
775
775
|
modelValue: { default: null },
|
|
@@ -790,16 +790,16 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
790
790
|
menuPosition: { default: "bottom" }
|
|
791
791
|
},
|
|
792
792
|
emits: ["update:modelValue", "change", "action"],
|
|
793
|
-
setup(t, { emit:
|
|
794
|
-
const e = t,
|
|
793
|
+
setup(t, { emit: h }) {
|
|
794
|
+
const e = t, r = h, a = I(!1), i = I(""), c = I(null), d = u(
|
|
795
795
|
() => `select-${Math.random().toString(36).substr(2, 9)}`
|
|
796
|
-
),
|
|
797
|
-
if (!e.searchable || !
|
|
796
|
+
), g = u(() => e.options.find((y) => y.value === e.modelValue) || null), v = u(() => {
|
|
797
|
+
if (!e.searchable || !i.value)
|
|
798
798
|
return e.options;
|
|
799
|
-
const
|
|
800
|
-
return e.options.filter((
|
|
801
|
-
}), m =
|
|
802
|
-
const
|
|
799
|
+
const y = i.value.toLowerCase();
|
|
800
|
+
return e.options.filter((B) => B.label.toLowerCase().includes(y));
|
|
801
|
+
}), m = u(() => "block text-sm font-semibold text-secondary-700 mb-1"), x = u(() => {
|
|
802
|
+
const y = "w-full flex items-center justify-between gap-2 border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed", B = {
|
|
803
803
|
sm: "px-3 py-1.5 text-sm",
|
|
804
804
|
md: "px-4 py-2 text-base",
|
|
805
805
|
lg: "px-5 py-3 text-lg"
|
|
@@ -807,71 +807,71 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
807
807
|
default: "bg-white border-secondary-300 hover:border-secondary-400",
|
|
808
808
|
outline: "bg-transparent border-secondary-300 hover:border-primary-500",
|
|
809
809
|
filled: "bg-secondary-100 border-transparent hover:bg-secondary-200"
|
|
810
|
-
},
|
|
810
|
+
}, T = e.error ? "border-danger-600 focus:ring-danger-500" : "";
|
|
811
811
|
return [
|
|
812
|
-
|
|
813
|
-
|
|
812
|
+
y,
|
|
813
|
+
B[e.size],
|
|
814
814
|
n[e.variant],
|
|
815
|
-
|
|
815
|
+
T
|
|
816
816
|
].join(" ");
|
|
817
|
-
}),
|
|
818
|
-
const
|
|
819
|
-
return [
|
|
820
|
-
},
|
|
821
|
-
const
|
|
822
|
-
return
|
|
823
|
-
},
|
|
817
|
+
}), O = u(() => `absolute ${e.menuPosition === "top" ? "bottom-full mb-1" : "top-full mt-1"} left-0 right-0 bg-white rounded-lg shadow-lg border border-secondary-200 z-50 overflow-hidden`), z = (y) => {
|
|
818
|
+
const B = "w-full px-4 py-2 text-left hover:bg-primary-50 transition-colors focus:outline-none focus:bg-primary-50 disabled:opacity-50 disabled:cursor-not-allowed", n = S(y) ? "bg-primary-50" : "";
|
|
819
|
+
return [B, n].join(" ");
|
|
820
|
+
}, L = (y) => {
|
|
821
|
+
const B = "w-full px-4 py-2 text-left text-sm font-semibold transition-colors focus:outline-none flex items-center gap-3";
|
|
822
|
+
return y.variant === "danger" ? `${B} text-danger-600 hover:bg-danger-50 focus:bg-danger-50` : `${B} text-secondary-700 hover:bg-secondary-50 focus:bg-secondary-50`;
|
|
823
|
+
}, S = (y) => y.value === e.modelValue, _ = () => {
|
|
824
824
|
e.disabled || (a.value = !a.value, a.value && e.searchable && Z(() => {
|
|
825
|
-
var
|
|
826
|
-
(
|
|
825
|
+
var y;
|
|
826
|
+
(y = c.value) == null || y.focus();
|
|
827
827
|
}));
|
|
828
|
-
},
|
|
829
|
-
a.value = !1,
|
|
830
|
-
},
|
|
831
|
-
|
|
832
|
-
}, M = (
|
|
833
|
-
|
|
834
|
-
},
|
|
835
|
-
const
|
|
836
|
-
|
|
837
|
-
|
|
828
|
+
}, k = () => {
|
|
829
|
+
a.value = !1, i.value = "";
|
|
830
|
+
}, $ = (y) => {
|
|
831
|
+
y.disabled || (r("update:modelValue", y.value), r("change", y), k());
|
|
832
|
+
}, M = (y) => {
|
|
833
|
+
y.action && y.action(), r("action", y), k();
|
|
834
|
+
}, V = (y) => {
|
|
835
|
+
const B = y.relatedTarget;
|
|
836
|
+
B && B.closest(".select-wrapper") || setTimeout(() => {
|
|
837
|
+
k();
|
|
838
838
|
}, 200);
|
|
839
|
-
},
|
|
840
|
-
|
|
839
|
+
}, H = (y) => {
|
|
840
|
+
y.key === "Escape" ? k() : (y.key === "Enter" || y.key === " ") && (y.preventDefault(), _());
|
|
841
841
|
};
|
|
842
|
-
return X(a, (
|
|
843
|
-
|
|
844
|
-
}), (
|
|
845
|
-
class:
|
|
842
|
+
return X(a, (y) => {
|
|
843
|
+
y && (i.value = "");
|
|
844
|
+
}), (y, B) => (s(), o("div", {
|
|
845
|
+
class: f(["select-wrapper", { "w-full": t.fullWidth }])
|
|
846
846
|
}, [
|
|
847
847
|
t.label ? (s(), o("label", {
|
|
848
848
|
key: 0,
|
|
849
|
-
for:
|
|
850
|
-
class:
|
|
849
|
+
for: d.value,
|
|
850
|
+
class: f(m.value)
|
|
851
851
|
}, [
|
|
852
|
-
|
|
853
|
-
t.required ? (s(), o("span", Je, "*")) :
|
|
854
|
-
], 10, Ze)) :
|
|
852
|
+
A(w(t.label) + " ", 1),
|
|
853
|
+
t.required ? (s(), o("span", Je, "*")) : p("", !0)
|
|
854
|
+
], 10, Ze)) : p("", !0),
|
|
855
855
|
l("div", Xe, [
|
|
856
856
|
l("button", {
|
|
857
|
-
id:
|
|
857
|
+
id: d.value,
|
|
858
858
|
type: "button",
|
|
859
|
-
class:
|
|
859
|
+
class: f(x.value),
|
|
860
860
|
disabled: t.disabled,
|
|
861
861
|
"aria-expanded": a.value,
|
|
862
862
|
"aria-haspopup": !0,
|
|
863
|
-
onClick:
|
|
864
|
-
onBlur:
|
|
865
|
-
onKeydown:
|
|
863
|
+
onClick: _,
|
|
864
|
+
onBlur: V,
|
|
865
|
+
onKeydown: H
|
|
866
866
|
}, [
|
|
867
|
-
l("span", et, w(
|
|
867
|
+
l("span", et, w(g.value ? g.value.label : t.placeholder), 1),
|
|
868
868
|
(s(), o("svg", {
|
|
869
|
-
class:
|
|
869
|
+
class: f(["w-5 h-5 flex-shrink-0 transition-transform text-secondary-600", a.value ? "rotate-180" : ""]),
|
|
870
870
|
fill: "none",
|
|
871
871
|
stroke: "currentColor",
|
|
872
872
|
viewBox: "0 0 24 24",
|
|
873
873
|
xmlns: "http://www.w3.org/2000/svg"
|
|
874
|
-
}, [...
|
|
874
|
+
}, [...B[3] || (B[3] = [
|
|
875
875
|
l("path", {
|
|
876
876
|
"stroke-linecap": "round",
|
|
877
877
|
"stroke-linejoin": "round",
|
|
@@ -882,50 +882,50 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
882
882
|
], 42, Ye),
|
|
883
883
|
a.value ? (s(), o("div", {
|
|
884
884
|
key: 0,
|
|
885
|
-
class:
|
|
886
|
-
onClick:
|
|
885
|
+
class: f(O.value),
|
|
886
|
+
onClick: B[2] || (B[2] = F(() => {
|
|
887
887
|
}, ["stop"]))
|
|
888
888
|
}, [
|
|
889
889
|
t.searchable ? (s(), o("div", tt, [
|
|
890
890
|
se(l("input", {
|
|
891
891
|
ref_key: "searchInput",
|
|
892
|
-
ref:
|
|
893
|
-
"onUpdate:modelValue":
|
|
892
|
+
ref: c,
|
|
893
|
+
"onUpdate:modelValue": B[0] || (B[0] = (n) => i.value = n),
|
|
894
894
|
type: "text",
|
|
895
895
|
class: "w-full px-3 py-2 text-sm border border-secondary-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500",
|
|
896
896
|
placeholder: t.searchPlaceholder,
|
|
897
|
-
onKeydown:
|
|
897
|
+
onKeydown: B[1] || (B[1] = F(() => {
|
|
898
898
|
}, ["stop"]))
|
|
899
899
|
}, null, 40, st), [
|
|
900
|
-
[oe,
|
|
900
|
+
[oe, i.value]
|
|
901
901
|
])
|
|
902
|
-
])) :
|
|
902
|
+
])) : p("", !0),
|
|
903
903
|
l("div", ot, [
|
|
904
|
-
|
|
905
|
-
(s(!0), o(
|
|
904
|
+
v.value.length === 0 ? (s(), o("div", lt, w(t.emptyText), 1)) : (s(), o(W, { key: 1 }, [
|
|
905
|
+
(s(!0), o(W, null, P(v.value, (n) => (s(), o("button", {
|
|
906
906
|
key: n.value,
|
|
907
907
|
type: "button",
|
|
908
|
-
class:
|
|
909
|
-
onClick: (
|
|
908
|
+
class: f(z(n)),
|
|
909
|
+
onClick: (T) => $(n)
|
|
910
910
|
}, [
|
|
911
911
|
l("div", at, [
|
|
912
912
|
l("span", rt, w(n.label), 1),
|
|
913
|
-
|
|
913
|
+
S(n) ? (s(), o("svg", it, [...B[4] || (B[4] = [
|
|
914
914
|
l("path", {
|
|
915
915
|
"stroke-linecap": "round",
|
|
916
916
|
"stroke-linejoin": "round",
|
|
917
917
|
"stroke-width": "2",
|
|
918
918
|
d: "M5 13l4 4L19 7"
|
|
919
919
|
}, null, -1)
|
|
920
|
-
])])) :
|
|
920
|
+
])])) : p("", !0)
|
|
921
921
|
])
|
|
922
922
|
], 10, nt))), 128)),
|
|
923
|
-
t.actionItems.length > 0 ? (s(), o("div", dt)) :
|
|
924
|
-
(s(!0), o(
|
|
923
|
+
t.actionItems.length > 0 ? (s(), o("div", dt)) : p("", !0),
|
|
924
|
+
(s(!0), o(W, null, P(t.actionItems, (n) => (s(), o("button", {
|
|
925
925
|
key: n.id,
|
|
926
926
|
type: "button",
|
|
927
|
-
class:
|
|
928
|
-
onClick: (
|
|
927
|
+
class: f(L(n)),
|
|
928
|
+
onClick: (T) => M(n)
|
|
929
929
|
}, [
|
|
930
930
|
n.icon ? (s(), o("svg", {
|
|
931
931
|
key: 0,
|
|
@@ -935,22 +935,22 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
935
935
|
viewBox: "0 0 24 24",
|
|
936
936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
937
937
|
innerHTML: n.icon
|
|
938
|
-
}, null, 8, ct)) :
|
|
939
|
-
|
|
938
|
+
}, null, 8, ct)) : p("", !0),
|
|
939
|
+
A(" " + w(n.label), 1)
|
|
940
940
|
], 10, ut))), 128))
|
|
941
941
|
], 64))
|
|
942
942
|
])
|
|
943
|
-
], 2)) :
|
|
943
|
+
], 2)) : p("", !0)
|
|
944
944
|
]),
|
|
945
|
-
t.error ? (s(), o("p", ft, w(t.error), 1)) : t.helperText ? (s(), o("p", pt, w(t.helperText), 1)) :
|
|
945
|
+
t.error ? (s(), o("p", ft, w(t.error), 1)) : t.helperText ? (s(), o("p", pt, w(t.helperText), 1)) : p("", !0),
|
|
946
946
|
a.value ? (s(), o("div", {
|
|
947
947
|
key: 3,
|
|
948
|
-
onClick:
|
|
948
|
+
onClick: k,
|
|
949
949
|
class: "fixed inset-0 z-40"
|
|
950
|
-
})) :
|
|
950
|
+
})) : p("", !0)
|
|
951
951
|
], 2));
|
|
952
952
|
}
|
|
953
|
-
}),
|
|
953
|
+
}), Xt = /* @__PURE__ */ N(gt, [["__scopeId", "data-v-f016a03c"]]), vt = /* @__PURE__ */ E({
|
|
954
954
|
__name: "Sidebar",
|
|
955
955
|
props: {
|
|
956
956
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -965,56 +965,58 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
965
965
|
padding: { default: "md" }
|
|
966
966
|
},
|
|
967
967
|
emits: ["update:modelValue", "close", "open"],
|
|
968
|
-
setup(t, { emit:
|
|
969
|
-
const e = t,
|
|
968
|
+
setup(t, { emit: h }) {
|
|
969
|
+
const e = t, r = h, a = u({
|
|
970
970
|
get: () => e.modelValue,
|
|
971
|
-
set: (
|
|
972
|
-
}),
|
|
973
|
-
e.persistent || (a.value = !1,
|
|
974
|
-
},
|
|
975
|
-
const
|
|
976
|
-
return [
|
|
977
|
-
}),
|
|
978
|
-
width
|
|
971
|
+
set: (z) => r("update:modelValue", z)
|
|
972
|
+
}), i = () => {
|
|
973
|
+
e.persistent || (a.value = !1, r("close"));
|
|
974
|
+
}, c = u(() => e.position === "left" ? "slide-right" : "slide-left"), d = u(() => {
|
|
975
|
+
const z = "fixed top-0 h-full z-50 flex flex-col w-full max-w-full sm:max-w-none", L = e.position === "left" ? "left-0" : "right-0", S = e.shadow ? e.position === "left" ? "shadow-[2px_0_8px_rgba(0,0,0,0.1)]" : "shadow-[-2px_0_8px_rgba(0,0,0,0.1)]" : "";
|
|
976
|
+
return [z, L, S].filter(Boolean).join(" ");
|
|
977
|
+
}), g = u(() => ({
|
|
978
|
+
// Base fluid width; respect custom width as max constraint
|
|
979
|
+
width: "100%",
|
|
980
|
+
maxWidth: e.width,
|
|
979
981
|
backgroundColor: e.backgroundColor,
|
|
980
982
|
top: e.overlayTop,
|
|
981
983
|
height: e.overlayTop !== "0" ? `calc(100vh - ${e.overlayTop})` : "100vh"
|
|
982
|
-
})),
|
|
984
|
+
})), v = {
|
|
983
985
|
none: "",
|
|
984
986
|
sm: "p-2",
|
|
985
987
|
md: "p-4",
|
|
986
988
|
lg: "p-6"
|
|
987
|
-
}, m =
|
|
988
|
-
return (
|
|
989
|
+
}, m = u(() => `flex items-center justify-between border-b border-gray-200 ${v[e.padding]}`), x = u(() => `flex-1 overflow-y-auto ${v[e.padding]}`), O = u(() => `border-t border-gray-200 ${v[e.padding]}`);
|
|
990
|
+
return (z, L) => (s(), q(J, { to: "body" }, [
|
|
989
991
|
G(Q, { name: "fade" }, {
|
|
990
992
|
default: U(() => [
|
|
991
993
|
a.value && t.overlay ? (s(), o("div", {
|
|
992
994
|
key: 0,
|
|
993
|
-
onClick:
|
|
995
|
+
onClick: i,
|
|
994
996
|
class: "fixed inset-0 bg-black/50 z-40",
|
|
995
|
-
style:
|
|
996
|
-
}, null, 4)) :
|
|
997
|
+
style: K({ top: t.overlayTop })
|
|
998
|
+
}, null, 4)) : p("", !0)
|
|
997
999
|
]),
|
|
998
1000
|
_: 1
|
|
999
1001
|
}),
|
|
1000
|
-
G(Q, { name:
|
|
1002
|
+
G(Q, { name: c.value }, {
|
|
1001
1003
|
default: U(() => [
|
|
1002
1004
|
a.value ? (s(), o("aside", {
|
|
1003
1005
|
key: 0,
|
|
1004
|
-
class:
|
|
1005
|
-
style:
|
|
1006
|
+
class: f(d.value),
|
|
1007
|
+
style: K(g.value)
|
|
1006
1008
|
}, [
|
|
1007
|
-
|
|
1009
|
+
z.$slots.header ? (s(), o("div", {
|
|
1008
1010
|
key: 0,
|
|
1009
|
-
class:
|
|
1011
|
+
class: f(m.value)
|
|
1010
1012
|
}, [
|
|
1011
|
-
C(
|
|
1013
|
+
C(z.$slots, "header", {}, void 0, !0),
|
|
1012
1014
|
t.closable ? (s(), o("button", {
|
|
1013
1015
|
key: 0,
|
|
1014
|
-
onClick:
|
|
1016
|
+
onClick: i,
|
|
1015
1017
|
class: "p-2 hover:bg-gray-100 rounded-md transition-colors",
|
|
1016
1018
|
"aria-label": "Cerrar menú"
|
|
1017
|
-
}, [...
|
|
1019
|
+
}, [...L[0] || (L[0] = [
|
|
1018
1020
|
l("svg", {
|
|
1019
1021
|
class: "w-5 h-5",
|
|
1020
1022
|
fill: "none",
|
|
@@ -1028,35 +1030,38 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1028
1030
|
d: "M6 18L18 6M6 6l12 12"
|
|
1029
1031
|
})
|
|
1030
1032
|
], -1)
|
|
1031
|
-
])])) :
|
|
1032
|
-
], 2)) :
|
|
1033
|
+
])])) : p("", !0)
|
|
1034
|
+
], 2)) : p("", !0),
|
|
1033
1035
|
l("div", {
|
|
1034
|
-
class:
|
|
1036
|
+
class: f(x.value)
|
|
1035
1037
|
}, [
|
|
1036
|
-
C(
|
|
1038
|
+
C(z.$slots, "default", {}, void 0, !0)
|
|
1037
1039
|
], 2),
|
|
1038
|
-
|
|
1040
|
+
z.$slots.footer ? (s(), o("div", {
|
|
1039
1041
|
key: 1,
|
|
1040
|
-
class:
|
|
1042
|
+
class: f(O.value)
|
|
1041
1043
|
}, [
|
|
1042
|
-
C(
|
|
1043
|
-
], 2)) :
|
|
1044
|
-
], 6)) :
|
|
1044
|
+
C(z.$slots, "footer", {}, void 0, !0)
|
|
1045
|
+
], 2)) : p("", !0)
|
|
1046
|
+
], 6)) : p("", !0)
|
|
1045
1047
|
]),
|
|
1046
1048
|
_: 3
|
|
1047
1049
|
}, 8, ["name"])
|
|
1048
1050
|
]));
|
|
1049
1051
|
}
|
|
1050
|
-
}),
|
|
1052
|
+
}), Yt = /* @__PURE__ */ N(vt, [["__scopeId", "data-v-b208234c"]]), xt = { class: "w-full space-y-4" }, bt = { class: "flex flex-col gap-3 md:hidden" }, ht = { class: "text-[11px] uppercase tracking-wide text-gray-400" }, yt = { class: "text-sm text-gray-700" }, mt = {
|
|
1053
|
+
key: 0,
|
|
1054
|
+
class: "rounded-lg border border-dashed border-gray-200 bg-white p-4 text-gray-400 text-center"
|
|
1055
|
+
}, wt = { class: "hidden md:block w-full overflow-x-auto" }, kt = { class: "w-full border-collapse" }, $t = { class: "w-full" }, Ct = ["onClick"], Bt = { class: "flex items-center gap-2" }, Tt = {
|
|
1051
1056
|
key: 0,
|
|
1052
1057
|
class: "text-xs text-gray-400"
|
|
1053
|
-
},
|
|
1058
|
+
}, Mt = { key: 0 }, zt = { key: 1 }, _t = { class: "w-full" }, jt = {
|
|
1054
1059
|
key: 0,
|
|
1055
1060
|
class: "flex items-center justify-center py-12 text-gray-400"
|
|
1056
|
-
},
|
|
1057
|
-
key:
|
|
1061
|
+
}, Vt = {
|
|
1062
|
+
key: 0,
|
|
1058
1063
|
class: "w-full px-6 py-4 bg-white"
|
|
1059
|
-
},
|
|
1064
|
+
}, Lt = /* @__PURE__ */ E({
|
|
1060
1065
|
__name: "Table",
|
|
1061
1066
|
props: {
|
|
1062
1067
|
columns: {},
|
|
@@ -1067,119 +1072,147 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1067
1072
|
rowClass: { default: void 0 }
|
|
1068
1073
|
},
|
|
1069
1074
|
setup(t) {
|
|
1070
|
-
const
|
|
1071
|
-
e.value ===
|
|
1072
|
-
},
|
|
1075
|
+
const h = t, e = I(null), r = I("asc"), a = (d) => {
|
|
1076
|
+
e.value === d ? r.value = r.value === "asc" ? "desc" : "asc" : (e.value = d, r.value = "asc");
|
|
1077
|
+
}, i = u(() => {
|
|
1073
1078
|
if (!e.value)
|
|
1074
|
-
return
|
|
1075
|
-
const
|
|
1076
|
-
return
|
|
1077
|
-
const
|
|
1078
|
-
return typeof
|
|
1079
|
-
}),
|
|
1080
|
-
});
|
|
1081
|
-
return (
|
|
1082
|
-
l("
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1079
|
+
return h.data;
|
|
1080
|
+
const d = [...h.data];
|
|
1081
|
+
return d.sort((g, v) => {
|
|
1082
|
+
const m = g[e.value], x = v[e.value];
|
|
1083
|
+
return typeof m == "string" && typeof x == "string" ? r.value === "asc" ? m.localeCompare(x) : x.localeCompare(m) : typeof m == "number" && typeof x == "number" ? r.value === "asc" ? m - x : x - m : 0;
|
|
1084
|
+
}), d;
|
|
1085
|
+
}), c = u(() => h.columns.filter((d) => !d.hideOnMobile));
|
|
1086
|
+
return (d, g) => (s(), o("div", xt, [
|
|
1087
|
+
l("div", bt, [
|
|
1088
|
+
(s(!0), o(W, null, P(i.value, (v, m) => (s(), o("div", {
|
|
1089
|
+
key: `card-${m}`,
|
|
1090
|
+
class: "rounded-lg border border-gray-200 bg-white p-4 shadow-sm"
|
|
1091
|
+
}, [
|
|
1092
|
+
(s(!0), o(W, null, P(c.value, (x) => (s(), o("div", {
|
|
1093
|
+
key: `card-${m}-${x.key}`,
|
|
1094
|
+
class: "flex flex-col gap-1 py-1"
|
|
1089
1095
|
}, [
|
|
1090
|
-
(
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
])
|
|
1098
|
-
onClick: (y) => u.sortable && a(u.key)
|
|
1099
|
-
}, [
|
|
1100
|
-
l("div", mt, [
|
|
1101
|
-
l("span", null, w(u.label), 1),
|
|
1102
|
-
u.sortable ? (s(), o("span", wt, [
|
|
1103
|
-
e.value !== u.key ? (s(), o("span", kt, "⇅")) : (s(), o("span", Ct, w(i.value === "asc" ? "↑" : "↓"), 1))
|
|
1104
|
-
])) : f("", !0)
|
|
1105
|
-
])
|
|
1106
|
-
], 14, yt))), 128))
|
|
1107
|
-
], 2)
|
|
1108
|
-
]),
|
|
1109
|
-
l("tbody", $t, [
|
|
1110
|
-
(s(!0), o(F, null, K(d.value, (u, y) => (s(), o("tr", {
|
|
1111
|
-
key: y,
|
|
1112
|
-
class: g([
|
|
1113
|
-
"w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
|
|
1114
|
-
b.rowClass
|
|
1096
|
+
l("span", ht, w(x.label), 1),
|
|
1097
|
+
l("span", yt, [
|
|
1098
|
+
C(d.$slots, `cell-${x.key}`, {
|
|
1099
|
+
value: v[x.key],
|
|
1100
|
+
row: v
|
|
1101
|
+
}, () => [
|
|
1102
|
+
A(w(v[x.key]), 1)
|
|
1103
|
+
], !0)
|
|
1115
1104
|
])
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1105
|
+
]))), 128))
|
|
1106
|
+
]))), 128)),
|
|
1107
|
+
i.value.length === 0 ? (s(), o("div", mt, [
|
|
1108
|
+
C(d.$slots, "empty", {}, () => [
|
|
1109
|
+
g[0] || (g[0] = A("No hay datos disponibles", -1))
|
|
1110
|
+
], !0)
|
|
1111
|
+
])) : p("", !0)
|
|
1112
|
+
]),
|
|
1113
|
+
l("div", wt, [
|
|
1114
|
+
l("table", kt, [
|
|
1115
|
+
l("thead", $t, [
|
|
1116
|
+
l("tr", {
|
|
1117
|
+
class: f([
|
|
1118
|
+
"w-full",
|
|
1119
|
+
h.headerClass || "bg-neutral-50 border-b border-gray-100"
|
|
1122
1120
|
])
|
|
1123
1121
|
}, [
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1122
|
+
(s(!0), o(W, null, P(t.columns, (v) => (s(), o("th", {
|
|
1123
|
+
key: v.key,
|
|
1124
|
+
style: K(v.width ? { width: v.width } : {}),
|
|
1125
|
+
class: f([
|
|
1126
|
+
"px-4 py-3 text-left text-xs font-semibold text-gray-700 border-l border-gray-100 first:border-l-0",
|
|
1127
|
+
v.sortable ? "cursor-pointer hover:text-primary-600 select-none transition-colors" : "",
|
|
1128
|
+
h.headerCellClass
|
|
1129
|
+
]),
|
|
1130
|
+
onClick: (m) => v.sortable && a(v.key)
|
|
1131
|
+
}, [
|
|
1132
|
+
l("div", Bt, [
|
|
1133
|
+
l("span", null, w(v.label), 1),
|
|
1134
|
+
v.sortable ? (s(), o("span", Tt, [
|
|
1135
|
+
e.value !== v.key ? (s(), o("span", Mt, "⇅")) : (s(), o("span", zt, w(r.value === "asc" ? "↑" : "↓"), 1))
|
|
1136
|
+
])) : p("", !0)
|
|
1137
|
+
])
|
|
1138
|
+
], 14, Ct))), 128))
|
|
1139
|
+
], 2)
|
|
1140
|
+
]),
|
|
1141
|
+
l("tbody", _t, [
|
|
1142
|
+
(s(!0), o(W, null, P(i.value, (v, m) => (s(), o("tr", {
|
|
1143
|
+
key: m,
|
|
1144
|
+
class: f([
|
|
1145
|
+
"w-full border-b border-gray-200 hover:bg-gray-50 transition-colors",
|
|
1146
|
+
h.rowClass
|
|
1147
|
+
])
|
|
1148
|
+
}, [
|
|
1149
|
+
(s(!0), o(W, null, P(t.columns, (x) => (s(), o("td", {
|
|
1150
|
+
key: `${m}-${x.key}`,
|
|
1151
|
+
class: f([
|
|
1152
|
+
"px-4 py-3 text-xs text-gray-600 border-l border-gray-100 first:border-l-0",
|
|
1153
|
+
h.cellClass
|
|
1154
|
+
])
|
|
1155
|
+
}, [
|
|
1156
|
+
C(d.$slots, `cell-${x.key}`, {
|
|
1157
|
+
value: v[x.key],
|
|
1158
|
+
row: v
|
|
1159
|
+
}, () => [
|
|
1160
|
+
A(w(v[x.key]), 1)
|
|
1161
|
+
], !0)
|
|
1162
|
+
], 2))), 128))
|
|
1130
1163
|
], 2))), 128))
|
|
1131
|
-
]
|
|
1132
|
-
])
|
|
1164
|
+
])
|
|
1165
|
+
]),
|
|
1166
|
+
i.value.length === 0 ? (s(), o("div", jt, [
|
|
1167
|
+
C(d.$slots, "empty", {}, () => [
|
|
1168
|
+
g[1] || (g[1] = A("No hay datos disponibles", -1))
|
|
1169
|
+
], !0)
|
|
1170
|
+
])) : p("", !0)
|
|
1133
1171
|
]),
|
|
1134
|
-
d.
|
|
1135
|
-
C(
|
|
1136
|
-
|
|
1137
|
-
], !0)
|
|
1138
|
-
])) : f("", !0),
|
|
1139
|
-
r.$slots.footer ? (s(), o("div", Tt, [
|
|
1140
|
-
C(r.$slots, "footer", {}, void 0, !0)
|
|
1141
|
-
])) : f("", !0)
|
|
1172
|
+
d.$slots.footer ? (s(), o("div", Vt, [
|
|
1173
|
+
C(d.$slots, "footer", {}, void 0, !0)
|
|
1174
|
+
])) : p("", !0)
|
|
1142
1175
|
]));
|
|
1143
1176
|
}
|
|
1144
|
-
}),
|
|
1145
|
-
class: "flex border-b border-gray-100",
|
|
1177
|
+
}), es = /* @__PURE__ */ N(Lt, [["__scopeId", "data-v-8e7ce66d"]]), Ot = { class: "w-full" }, St = {
|
|
1178
|
+
class: "flex flex-col sm:flex-row border-b border-gray-100",
|
|
1146
1179
|
role: "tablist"
|
|
1147
|
-
},
|
|
1180
|
+
}, Dt = ["aria-selected", "onClick"], It = { role: "tabpanel" }, Et = "relative w-full sm:w-auto text-left sm:text-center px-4 sm:px-6 py-3 text-base font-semibold tracking-wide transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary-500", At = "text-primary-700 border-b-4 border-primary-700", Ht = "text-gray-600 border-b-4 border-transparent hover:text-gray-800", ts = /* @__PURE__ */ E({
|
|
1148
1181
|
__name: "Tabs",
|
|
1149
1182
|
props: {
|
|
1150
1183
|
modelValue: {},
|
|
1151
1184
|
tabs: {}
|
|
1152
1185
|
},
|
|
1153
1186
|
emits: ["update:modelValue"],
|
|
1154
|
-
setup(t, { emit:
|
|
1155
|
-
const e = t,
|
|
1156
|
-
a(
|
|
1157
|
-
},
|
|
1158
|
-
() => e.tabs.find((
|
|
1187
|
+
setup(t, { emit: h }) {
|
|
1188
|
+
const e = t, r = h, a = (g) => e.modelValue === g, i = (g) => {
|
|
1189
|
+
a(g) || r("update:modelValue", g);
|
|
1190
|
+
}, c = u(() => e.modelValue), d = u(
|
|
1191
|
+
() => e.tabs.find((g) => g.value === c.value)
|
|
1159
1192
|
);
|
|
1160
|
-
return (
|
|
1161
|
-
l("div",
|
|
1162
|
-
(s(!0), o(
|
|
1193
|
+
return (g, v) => (s(), o("div", Ot, [
|
|
1194
|
+
l("div", St, [
|
|
1195
|
+
(s(!0), o(W, null, P(t.tabs, (m) => (s(), o("button", {
|
|
1163
1196
|
key: m.value,
|
|
1164
1197
|
type: "button",
|
|
1165
|
-
class:
|
|
1166
|
-
|
|
1167
|
-
a(m.value) ?
|
|
1198
|
+
class: f([
|
|
1199
|
+
Et,
|
|
1200
|
+
a(m.value) ? At : Ht
|
|
1168
1201
|
]),
|
|
1169
1202
|
"aria-selected": a(m.value),
|
|
1170
1203
|
role: "tab",
|
|
1171
|
-
onClick: (
|
|
1172
|
-
}, w(m.label), 11,
|
|
1204
|
+
onClick: (x) => i(m.value)
|
|
1205
|
+
}, w(m.label), 11, Dt))), 128))
|
|
1173
1206
|
]),
|
|
1174
|
-
l("div",
|
|
1175
|
-
C(
|
|
1176
|
-
active:
|
|
1177
|
-
tab:
|
|
1207
|
+
l("div", It, [
|
|
1208
|
+
C(g.$slots, c.value, {
|
|
1209
|
+
active: c.value,
|
|
1210
|
+
tab: d.value
|
|
1178
1211
|
})
|
|
1179
1212
|
])
|
|
1180
1213
|
]));
|
|
1181
1214
|
}
|
|
1182
|
-
}),
|
|
1215
|
+
}), Wt = "font-sans", ss = /* @__PURE__ */ E({
|
|
1183
1216
|
__name: "Text",
|
|
1184
1217
|
props: {
|
|
1185
1218
|
variant: { default: "body1" },
|
|
@@ -1191,7 +1224,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1191
1224
|
weight: {}
|
|
1192
1225
|
},
|
|
1193
1226
|
setup(t) {
|
|
1194
|
-
const
|
|
1227
|
+
const h = {
|
|
1195
1228
|
h1: "text-[40px] leading-[57px] tracking-[0px] font-extrabold",
|
|
1196
1229
|
h2: "text-[40px] leading-[57px] tracking-[0px] font-bold",
|
|
1197
1230
|
h3: "text-[28px] leading-[39px] tracking-[0px] font-extrabold",
|
|
@@ -1231,7 +1264,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1231
1264
|
button3: "span",
|
|
1232
1265
|
caption: "span",
|
|
1233
1266
|
overline: "span"
|
|
1234
|
-
},
|
|
1267
|
+
}, r = {
|
|
1235
1268
|
left: "text-left",
|
|
1236
1269
|
center: "text-center",
|
|
1237
1270
|
right: "text-right",
|
|
@@ -1244,37 +1277,37 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1244
1277
|
danger: "text-danger-600",
|
|
1245
1278
|
success: "text-success-600",
|
|
1246
1279
|
warning: "text-warning-600"
|
|
1247
|
-
},
|
|
1280
|
+
}, i = {
|
|
1248
1281
|
light: "font-light",
|
|
1249
1282
|
normal: "font-normal",
|
|
1250
1283
|
medium: "font-medium",
|
|
1251
1284
|
semibold: "font-semibold",
|
|
1252
1285
|
bold: "font-bold",
|
|
1253
1286
|
extrabold: "font-extrabold"
|
|
1254
|
-
},
|
|
1255
|
-
return (
|
|
1256
|
-
class:
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
a[
|
|
1260
|
-
|
|
1261
|
-
|
|
1287
|
+
}, c = t, d = u(() => c.variant), g = u(() => c.color), v = u(() => c.align), m = u(() => c.as || e[d.value] || "span"), x = u(() => c.weight ? i[c.weight] : "");
|
|
1288
|
+
return (O, z) => (s(), q(Y(m.value), {
|
|
1289
|
+
class: f([
|
|
1290
|
+
Wt,
|
|
1291
|
+
h[d.value],
|
|
1292
|
+
a[g.value],
|
|
1293
|
+
r[v.value],
|
|
1294
|
+
x.value,
|
|
1262
1295
|
{
|
|
1263
|
-
uppercase: t.uppercase ||
|
|
1296
|
+
uppercase: t.uppercase || d.value === "overline",
|
|
1264
1297
|
truncate: t.truncate
|
|
1265
1298
|
}
|
|
1266
1299
|
])
|
|
1267
1300
|
}, {
|
|
1268
1301
|
default: U(() => [
|
|
1269
|
-
C(
|
|
1302
|
+
C(O.$slots, "default")
|
|
1270
1303
|
]),
|
|
1271
1304
|
_: 3
|
|
1272
1305
|
}, 8, ["class"]));
|
|
1273
1306
|
}
|
|
1274
|
-
}),
|
|
1307
|
+
}), Ft = ["data-node-id"], Pt = { class: "shrink-0 size-12 rounded-full bg-[var(--neutrales/fondo-general-claro,#f7f7f7)] grid place-items-center" }, Kt = {
|
|
1275
1308
|
key: 1,
|
|
1276
|
-
class: "flex justify-end gap-1 px-
|
|
1277
|
-
},
|
|
1309
|
+
class: "flex justify-end gap-1 px-6 pb-6 pt-4"
|
|
1310
|
+
}, os = /* @__PURE__ */ E({
|
|
1278
1311
|
__name: "Alert",
|
|
1279
1312
|
props: {
|
|
1280
1313
|
variant: {},
|
|
@@ -1283,12 +1316,13 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1283
1316
|
closable: { type: Boolean },
|
|
1284
1317
|
multiline: { type: Boolean },
|
|
1285
1318
|
actions: { type: Boolean },
|
|
1286
|
-
nodeId: {}
|
|
1319
|
+
nodeId: {},
|
|
1320
|
+
stackOn: {}
|
|
1287
1321
|
},
|
|
1288
1322
|
emits: ["close", "accept", "cancel"],
|
|
1289
|
-
setup(t, { emit:
|
|
1290
|
-
const e =
|
|
1291
|
-
if (
|
|
1323
|
+
setup(t, { emit: h }) {
|
|
1324
|
+
const e = h, r = t, a = u(() => r.variant ?? "info"), i = u(() => r.multiline ?? !1), c = u(() => r.actions ?? !1), d = u(() => r.nodeId ?? void 0), g = () => e("close"), v = u(() => {
|
|
1325
|
+
if (r.title) return r.title;
|
|
1292
1326
|
switch (a.value) {
|
|
1293
1327
|
case "info":
|
|
1294
1328
|
return "Alerta de información";
|
|
@@ -1299,7 +1333,7 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1299
1333
|
case "error":
|
|
1300
1334
|
return "Alerta de error";
|
|
1301
1335
|
}
|
|
1302
|
-
}), m =
|
|
1336
|
+
}), m = u(() => r.description ?? ""), x = u(() => {
|
|
1303
1337
|
switch (a.value) {
|
|
1304
1338
|
case "info":
|
|
1305
1339
|
return {
|
|
@@ -1326,22 +1360,31 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1326
1360
|
icon: "text-[#ff4235]"
|
|
1327
1361
|
};
|
|
1328
1362
|
}
|
|
1329
|
-
}),
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1363
|
+
}), O = u(() => "bg-[var(--color-primario/700,#269ea4)]"), z = u(() => {
|
|
1364
|
+
const _ = "flex w-full items-start gap-4 flex-col";
|
|
1365
|
+
if (!r.stackOn) return `${_} sm:flex-row sm:items-center`;
|
|
1366
|
+
const k = r.stackOn, $ = `${k}:flex-row ${k}:items-center`;
|
|
1367
|
+
return `${_} ${$}`;
|
|
1368
|
+
}), L = u(() => {
|
|
1369
|
+
if (!r.stackOn) return "flex-col sm:flex-row items-start sm:items-center";
|
|
1370
|
+
const _ = r.stackOn;
|
|
1371
|
+
return `flex-col ${_}:flex-row items-start ${_}:items-center`;
|
|
1372
|
+
}), S = u(() => r.stackOn ? `self-start ${r.stackOn}:self-auto` : "self-start sm:self-auto");
|
|
1373
|
+
return (_, k) => (s(), o("div", {
|
|
1374
|
+
class: f(["relative w-full rounded-xl border", [
|
|
1375
|
+
x.value.border,
|
|
1376
|
+
x.value.bg
|
|
1334
1377
|
]]),
|
|
1335
1378
|
role: "alert",
|
|
1336
|
-
"data-node-id":
|
|
1379
|
+
"data-node-id": d.value
|
|
1337
1380
|
}, [
|
|
1338
1381
|
t.closable ? (s(), o("button", {
|
|
1339
1382
|
key: 0,
|
|
1340
1383
|
type: "button",
|
|
1341
1384
|
class: "absolute top-3 right-3 text-[color:var(--neutrales/texto-principal,#565656)]/70 hover:opacity-100 opacity-70",
|
|
1342
1385
|
"aria-label": "Cerrar",
|
|
1343
|
-
onClick:
|
|
1344
|
-
}, [...
|
|
1386
|
+
onClick: g
|
|
1387
|
+
}, [...k[2] || (k[2] = [
|
|
1345
1388
|
l("svg", {
|
|
1346
1389
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1347
1390
|
width: "18",
|
|
@@ -1366,156 +1409,164 @@ const le = { class: "flex items-center gap-4" }, ne = {
|
|
|
1366
1409
|
y2: "18"
|
|
1367
1410
|
})
|
|
1368
1411
|
], -1)
|
|
1369
|
-
])])) :
|
|
1370
|
-
l("div",
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
key: 0,
|
|
1374
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1375
|
-
width: "24",
|
|
1376
|
-
height: "24",
|
|
1377
|
-
viewBox: "0 0 24 24",
|
|
1378
|
-
fill: "none",
|
|
1379
|
-
class: g(z.value.icon),
|
|
1380
|
-
stroke: "currentColor",
|
|
1381
|
-
"stroke-width": "2",
|
|
1382
|
-
"stroke-linecap": "round",
|
|
1383
|
-
"stroke-linejoin": "round"
|
|
1384
|
-
}, [...h[3] || (h[3] = [
|
|
1385
|
-
l("circle", {
|
|
1386
|
-
cx: "12",
|
|
1387
|
-
cy: "12",
|
|
1388
|
-
r: "10"
|
|
1389
|
-
}, null, -1),
|
|
1390
|
-
l("line", {
|
|
1391
|
-
x1: "12",
|
|
1392
|
-
y1: "16",
|
|
1393
|
-
x2: "12",
|
|
1394
|
-
y2: "12"
|
|
1395
|
-
}, null, -1),
|
|
1396
|
-
l("line", {
|
|
1397
|
-
x1: "12",
|
|
1398
|
-
y1: "8",
|
|
1399
|
-
x2: "12",
|
|
1400
|
-
y2: "8"
|
|
1401
|
-
}, null, -1)
|
|
1402
|
-
])], 2)) : a.value === "warning" ? (s(), o("svg", {
|
|
1403
|
-
key: 1,
|
|
1404
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1405
|
-
width: "24",
|
|
1406
|
-
height: "24",
|
|
1407
|
-
viewBox: "0 0 24 24",
|
|
1408
|
-
fill: "none",
|
|
1409
|
-
class: g(z.value.icon),
|
|
1410
|
-
stroke: "currentColor",
|
|
1411
|
-
"stroke-width": "2",
|
|
1412
|
-
"stroke-linecap": "round",
|
|
1413
|
-
"stroke-linejoin": "round"
|
|
1414
|
-
}, [...h[4] || (h[4] = [
|
|
1415
|
-
l("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
|
|
1416
|
-
l("line", {
|
|
1417
|
-
x1: "12",
|
|
1418
|
-
y1: "9",
|
|
1419
|
-
x2: "12",
|
|
1420
|
-
y2: "13"
|
|
1421
|
-
}, null, -1),
|
|
1422
|
-
l("line", {
|
|
1423
|
-
x1: "12",
|
|
1424
|
-
y1: "17",
|
|
1425
|
-
x2: "12",
|
|
1426
|
-
y2: "17"
|
|
1427
|
-
}, null, -1)
|
|
1428
|
-
])], 2)) : a.value === "success" ? (s(), o("svg", {
|
|
1429
|
-
key: 2,
|
|
1430
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1431
|
-
width: "24",
|
|
1432
|
-
height: "24",
|
|
1433
|
-
viewBox: "0 0 24 24",
|
|
1434
|
-
fill: "none",
|
|
1435
|
-
class: g(z.value.icon),
|
|
1436
|
-
stroke: "currentColor",
|
|
1437
|
-
"stroke-width": "2",
|
|
1438
|
-
"stroke-linecap": "round",
|
|
1439
|
-
"stroke-linejoin": "round"
|
|
1440
|
-
}, [...h[5] || (h[5] = [
|
|
1441
|
-
l("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
|
|
1442
|
-
l("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
|
|
1443
|
-
])], 2)) : (s(), o("svg", {
|
|
1444
|
-
key: 3,
|
|
1445
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1446
|
-
width: "24",
|
|
1447
|
-
height: "24",
|
|
1448
|
-
viewBox: "0 0 24 24",
|
|
1449
|
-
fill: "none",
|
|
1450
|
-
class: g(z.value.icon),
|
|
1451
|
-
stroke: "currentColor",
|
|
1452
|
-
"stroke-width": "2",
|
|
1453
|
-
"stroke-linecap": "round",
|
|
1454
|
-
"stroke-linejoin": "round"
|
|
1455
|
-
}, [...h[6] || (h[6] = [
|
|
1456
|
-
l("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
|
|
1457
|
-
l("line", {
|
|
1458
|
-
x1: "12",
|
|
1459
|
-
y1: "8",
|
|
1460
|
-
x2: "12",
|
|
1461
|
-
y2: "12"
|
|
1462
|
-
}, null, -1),
|
|
1463
|
-
l("line", {
|
|
1464
|
-
x1: "12",
|
|
1465
|
-
y1: "16",
|
|
1466
|
-
x2: "12",
|
|
1467
|
-
y2: "16"
|
|
1468
|
-
}, null, -1)
|
|
1469
|
-
])], 2))
|
|
1470
|
-
]),
|
|
1412
|
+
])])) : p("", !0),
|
|
1413
|
+
l("div", {
|
|
1414
|
+
class: f(["p-6", { "pb-0": c.value }])
|
|
1415
|
+
}, [
|
|
1471
1416
|
l("div", {
|
|
1472
|
-
class:
|
|
1417
|
+
class: f(z.value)
|
|
1473
1418
|
}, [
|
|
1474
|
-
l("div",
|
|
1419
|
+
l("div", Pt, [
|
|
1420
|
+
a.value === "info" ? (s(), o("svg", {
|
|
1421
|
+
key: 0,
|
|
1422
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1423
|
+
width: "24",
|
|
1424
|
+
height: "24",
|
|
1425
|
+
viewBox: "0 0 24 24",
|
|
1426
|
+
fill: "none",
|
|
1427
|
+
class: f(x.value.icon),
|
|
1428
|
+
stroke: "currentColor",
|
|
1429
|
+
"stroke-width": "2",
|
|
1430
|
+
"stroke-linecap": "round",
|
|
1431
|
+
"stroke-linejoin": "round"
|
|
1432
|
+
}, [...k[3] || (k[3] = [
|
|
1433
|
+
l("circle", {
|
|
1434
|
+
cx: "12",
|
|
1435
|
+
cy: "12",
|
|
1436
|
+
r: "10"
|
|
1437
|
+
}, null, -1),
|
|
1438
|
+
l("line", {
|
|
1439
|
+
x1: "12",
|
|
1440
|
+
y1: "16",
|
|
1441
|
+
x2: "12",
|
|
1442
|
+
y2: "12"
|
|
1443
|
+
}, null, -1),
|
|
1444
|
+
l("line", {
|
|
1445
|
+
x1: "12",
|
|
1446
|
+
y1: "8",
|
|
1447
|
+
x2: "12",
|
|
1448
|
+
y2: "8"
|
|
1449
|
+
}, null, -1)
|
|
1450
|
+
])], 2)) : a.value === "warning" ? (s(), o("svg", {
|
|
1451
|
+
key: 1,
|
|
1452
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1453
|
+
width: "24",
|
|
1454
|
+
height: "24",
|
|
1455
|
+
viewBox: "0 0 24 24",
|
|
1456
|
+
fill: "none",
|
|
1457
|
+
class: f(x.value.icon),
|
|
1458
|
+
stroke: "currentColor",
|
|
1459
|
+
"stroke-width": "2",
|
|
1460
|
+
"stroke-linecap": "round",
|
|
1461
|
+
"stroke-linejoin": "round"
|
|
1462
|
+
}, [...k[4] || (k[4] = [
|
|
1463
|
+
l("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }, null, -1),
|
|
1464
|
+
l("line", {
|
|
1465
|
+
x1: "12",
|
|
1466
|
+
y1: "9",
|
|
1467
|
+
x2: "12",
|
|
1468
|
+
y2: "13"
|
|
1469
|
+
}, null, -1),
|
|
1470
|
+
l("line", {
|
|
1471
|
+
x1: "12",
|
|
1472
|
+
y1: "17",
|
|
1473
|
+
x2: "12",
|
|
1474
|
+
y2: "17"
|
|
1475
|
+
}, null, -1)
|
|
1476
|
+
])], 2)) : a.value === "success" ? (s(), o("svg", {
|
|
1477
|
+
key: 2,
|
|
1478
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1479
|
+
width: "24",
|
|
1480
|
+
height: "24",
|
|
1481
|
+
viewBox: "0 0 24 24",
|
|
1482
|
+
fill: "none",
|
|
1483
|
+
class: f(x.value.icon),
|
|
1484
|
+
stroke: "currentColor",
|
|
1485
|
+
"stroke-width": "2",
|
|
1486
|
+
"stroke-linecap": "round",
|
|
1487
|
+
"stroke-linejoin": "round"
|
|
1488
|
+
}, [...k[5] || (k[5] = [
|
|
1489
|
+
l("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
|
|
1490
|
+
l("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
|
|
1491
|
+
])], 2)) : (s(), o("svg", {
|
|
1492
|
+
key: 3,
|
|
1493
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1494
|
+
width: "24",
|
|
1495
|
+
height: "24",
|
|
1496
|
+
viewBox: "0 0 24 24",
|
|
1497
|
+
fill: "none",
|
|
1498
|
+
class: f(x.value.icon),
|
|
1499
|
+
stroke: "currentColor",
|
|
1500
|
+
"stroke-width": "2",
|
|
1501
|
+
"stroke-linecap": "round",
|
|
1502
|
+
"stroke-linejoin": "round"
|
|
1503
|
+
}, [...k[6] || (k[6] = [
|
|
1504
|
+
l("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }, null, -1),
|
|
1505
|
+
l("line", {
|
|
1506
|
+
x1: "12",
|
|
1507
|
+
y1: "8",
|
|
1508
|
+
x2: "12",
|
|
1509
|
+
y2: "12"
|
|
1510
|
+
}, null, -1),
|
|
1511
|
+
l("line", {
|
|
1512
|
+
x1: "12",
|
|
1513
|
+
y1: "16",
|
|
1514
|
+
x2: "12",
|
|
1515
|
+
y2: "16"
|
|
1516
|
+
}, null, -1)
|
|
1517
|
+
])], 2))
|
|
1518
|
+
]),
|
|
1475
1519
|
l("div", {
|
|
1476
|
-
class:
|
|
1520
|
+
class: f(["flex-1 flex gap-4 text-[14px]", [L.value, t.closable ? "pr-6" : "", { "whitespace-nowrap": !i.value, "whitespace-pre-wrap": i.value }]])
|
|
1477
1521
|
}, [
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1522
|
+
l("div", {
|
|
1523
|
+
class: f(["tracking-[0.1px] text-[color:var(--neutrales/texto-principal,#565656)] font-medium", S.value])
|
|
1524
|
+
}, w(v.value), 3),
|
|
1525
|
+
l("div", {
|
|
1526
|
+
class: f(["flex-1 tracking-[0.25px] text-[color:var(--neutrales/texto-principal,#565656)]", { "overflow-hidden overflow-ellipsis": !i.value }])
|
|
1527
|
+
}, [
|
|
1528
|
+
C(_.$slots, "description", {}, () => [
|
|
1529
|
+
A(w(m.value), 1)
|
|
1530
|
+
])
|
|
1531
|
+
], 2)
|
|
1481
1532
|
], 2)
|
|
1482
1533
|
], 2)
|
|
1483
|
-
]),
|
|
1484
|
-
|
|
1534
|
+
], 2),
|
|
1535
|
+
c.value ? (s(), o("div", Kt, [
|
|
1485
1536
|
l("button", {
|
|
1486
1537
|
type: "button",
|
|
1487
1538
|
class: "px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-[color:var(--neutrales/texto-principal,#565656)]",
|
|
1488
|
-
onClick:
|
|
1539
|
+
onClick: k[0] || (k[0] = ($) => _.$emit("cancel"))
|
|
1489
1540
|
}, [
|
|
1490
|
-
C(
|
|
1491
|
-
|
|
1541
|
+
C(_.$slots, "cancel", {}, () => [
|
|
1542
|
+
k[7] || (k[7] = A("Cancelar", -1))
|
|
1492
1543
|
])
|
|
1493
1544
|
]),
|
|
1494
1545
|
l("button", {
|
|
1495
1546
|
type: "button",
|
|
1496
|
-
class:
|
|
1497
|
-
onClick:
|
|
1547
|
+
class: f(["px-4 py-1.5 rounded-[18px] text-[14px] tracking-[1.25px] font-bold text-white", O.value]),
|
|
1548
|
+
onClick: k[1] || (k[1] = ($) => _.$emit("accept"))
|
|
1498
1549
|
}, [
|
|
1499
|
-
C(
|
|
1500
|
-
|
|
1550
|
+
C(_.$slots, "accept", {}, () => [
|
|
1551
|
+
k[8] || (k[8] = A("Aceptar", -1))
|
|
1501
1552
|
])
|
|
1502
1553
|
], 2)
|
|
1503
|
-
])) :
|
|
1504
|
-
], 10,
|
|
1554
|
+
])) : p("", !0)
|
|
1555
|
+
], 10, Ft));
|
|
1505
1556
|
}
|
|
1506
1557
|
});
|
|
1507
1558
|
export {
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1559
|
+
os as Alert,
|
|
1560
|
+
Rt as AppBar,
|
|
1561
|
+
qt as Button,
|
|
1562
|
+
Ut as Card,
|
|
1563
|
+
Gt as Dialog,
|
|
1564
|
+
Qt as FileUpload,
|
|
1565
|
+
Zt as Loader,
|
|
1566
|
+
Jt as Menu,
|
|
1567
|
+
Xt as Select,
|
|
1568
|
+
Yt as Sidebar,
|
|
1569
|
+
es as Table,
|
|
1570
|
+
ts as Tabs,
|
|
1571
|
+
ss as Text
|
|
1521
1572
|
};
|