@imj_media/ui 1.2.48 → 1.2.49
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/CHANGELOG.md +23 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +897 -892
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/modules/Dropdown/components/Dropdown.d.ts.map +1 -1
- package/dist/modules/Dropdown/hooks/useDropdown.d.ts +1 -1
- package/dist/modules/Dropdown/hooks/useDropdown.d.ts.map +1 -1
- package/dist/modules/Dropdown/stories/DropdownListVariants.stories.d.ts +2 -0
- package/dist/modules/Dropdown/stories/DropdownListVariants.stories.d.ts.map +1 -1
- package/dist/modules/Lists/components/molecules/ListItemUser.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as s, jsxs as P, Fragment as ze } from "react/jsx-runtime";
|
|
2
|
-
import Te, { useState as V, useRef as
|
|
2
|
+
import Te, { useState as V, useRef as J, useCallback as L, useEffect as G, useMemo as te, memo as qe, useImperativeHandle as Gt, forwardRef as $t, useId as xi, createContext as Mo, useContext as Ao, Children as Oo, isValidElement as zo } from "react";
|
|
3
3
|
import { clsx as jo } from "clsx";
|
|
4
4
|
import { twMerge as Ro } from "tailwind-merge";
|
|
5
5
|
import di, { createPortal as kt } from "react-dom";
|
|
6
|
-
import { cva as
|
|
6
|
+
import { cva as Ue } from "class-variance-authority";
|
|
7
7
|
import { FontAwesomeIcon as Cr } from "@fortawesome/react-fontawesome";
|
|
8
|
-
import { faUser as Fo, faChevronUp as ir, faChevronDown as vi, faCircleInfo as Dr, faShapes as Yr, faExclamationTriangle as Bo, faLightEmergencyOn as Vo, faCircleCheck as Wo, faXmark as xt, faInfoCircle as _o, faArrowUpRightAndArrowDownLeftFromCenter as Vi, faEllipsis as _i, faAngleLeft as rr, faAngleRight as nr, faAngleDown as
|
|
8
|
+
import { faUser as Fo, faChevronUp as ir, faChevronDown as vi, faCircleInfo as Dr, faShapes as Yr, faExclamationTriangle as Bo, faLightEmergencyOn as Vo, faCircleCheck as Wo, faXmark as xt, faInfoCircle as _o, faArrowUpRightAndArrowDownLeftFromCenter as Vi, faEllipsis as _i, faAngleLeft as rr, faAngleRight as nr, faAngleDown as Ur, faCalendar as or, faSearch as Rt, faGripDotsVertical as qo, faArrowLeft as Ho, faClock as Yo, faFaceSmile as Gr, faDog as Uo, faLemon as Go, faFutbol as Ko, faCarSide as Qo, faLightbulb as Jo, faHeart as Xo, faFlag as Zo, faFile as es, faFilter as Ft, faBold as ts, faItalic as is, faUnderline as rs, faStrikethrough as ns, faListUl as sr, faListOl as os, faLink as ss, faAt as as, faPaperPlane as Kr, faGraduationCap as ls, faPalette as us, faAngleDoubleLeft as cs, faAngleDoubleRight as ds, faStar as qi, faCheck as wi, faHashtag as Qr, faText as Jr, faFilterList as fs, faPlus as ms, faBroomWide as hs, faGears as gs, faTrash as Xr, faPen as Zr, faUnlock as ps, faArrowsFromLine as bs, faArrowUp as ys, faArrowDown as xs, faArrowDownArrowUp as vs, faChevronRight as en, faEmptySet as ws, faSave as Ns, faEdit as Ss, faArrowTurnLeft as ks, faArrowRightToBracket as Cs, faTableLayout as Ds, faFolderOpen as Ts, faChevronLeft as Es } from "@fortawesome/pro-regular-svg-icons";
|
|
9
9
|
import { faBell as Is, faGripDotsVertical as $s, faTrash as Ps, faCheck as Ls, faEyeDropper as Ms, faEye as As, faLock as Os, faFilter as zs, faArrowUp as js, faArrowDown as Rs, faUser as Fs, faArrowUpRight as oi } from "@fortawesome/pro-solid-svg-icons";
|
|
10
10
|
import Bs from "lottie-react";
|
|
11
11
|
import { Prism as Vs } from "react-syntax-highlighter";
|
|
12
|
-
import { dark as Ws, prism as _s, materialLight as qs, materialDark as Hs, atomDark as Ys, oneLight as
|
|
12
|
+
import { dark as Ws, prism as _s, materialLight as qs, materialDark as Hs, atomDark as Ys, oneLight as Us, oneDark as Gs, tomorrow as Ks, dracula as Qs } from "react-syntax-highlighter/dist/esm/styles/prism";
|
|
13
13
|
import { useQuery as ar, useQueryClient as Ni, keepPreviousData as Js, useMutation as tn, QueryClient as rn, QueryClientProvider as Xs } from "@tanstack/react-query";
|
|
14
14
|
function I(...e) {
|
|
15
15
|
return Ro(jo(e));
|
|
@@ -17,7 +17,7 @@ function I(...e) {
|
|
|
17
17
|
const lr = (e, t, i) => {
|
|
18
18
|
const r = Array.from(e), [o] = r.splice(t, 1);
|
|
19
19
|
return r.splice(i, 0, o), r;
|
|
20
|
-
},
|
|
20
|
+
}, Ud = (e, t, i) => t === i || t < 0 || t >= e.length || i < 0 || i >= e.length ? e : lr(e, t, i), Gd = (e, t, i = "id") => e.findIndex((r) => r[i] === t);
|
|
21
21
|
function Kd(e, t) {
|
|
22
22
|
let i = !1, r;
|
|
23
23
|
return function(...o) {
|
|
@@ -35,7 +35,7 @@ function Qd(e, t) {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
38
|
-
const [n, a] = V(!1), [l, u] = V({ top: 0, left: 0 }), [m, d] = V({ width: 0, height: 0 }), [c, f] = V(e), h =
|
|
38
|
+
const [n, a] = V(!1), [l, u] = V({ top: 0, left: 0 }), [m, d] = V({ width: 0, height: 0 }), [c, f] = V(e), h = J(null), b = J(null), p = J(null), x = J(null), y = J(null), N = J(null), g = J(null), D = J({ top: 0, left: 0 }), C = J({ count: 0, lastTime: 0 }), w = L(() => {
|
|
39
39
|
a(!1), u({ top: 0, left: 0 }), f(e), g.current = null, C.current.count = 0, C.current.lastTime = 0, D.current = { top: 0, left: 0 };
|
|
40
40
|
}, [e]), k = L(() => {
|
|
41
41
|
if (!h.current || !n) return;
|
|
@@ -54,9 +54,9 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
54
54
|
const v = h.current.getBoundingClientRect(), E = b.current.getBoundingClientRect(), M = 8;
|
|
55
55
|
let A = 0, j = 0;
|
|
56
56
|
if (i) {
|
|
57
|
-
const
|
|
58
|
-
if (!
|
|
59
|
-
const O = v.top -
|
|
57
|
+
const Z = (z = p.current) == null ? void 0 : z.getBoundingClientRect();
|
|
58
|
+
if (!Z) return;
|
|
59
|
+
const O = v.top - Z.top, B = v.left - Z.left;
|
|
60
60
|
switch (e) {
|
|
61
61
|
case "top":
|
|
62
62
|
A = O - E.height - M, j = B + v.width / 2 - E.width / 2;
|
|
@@ -96,10 +96,10 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
96
96
|
break;
|
|
97
97
|
}
|
|
98
98
|
A < 0 && (A = 0), j < 0 && (j = 0), (() => {
|
|
99
|
-
var
|
|
100
|
-
const ne = (
|
|
99
|
+
var se;
|
|
100
|
+
const ne = (se = p.current) == null ? void 0 : se.getBoundingClientRect();
|
|
101
101
|
if (!ne) return;
|
|
102
|
-
let
|
|
102
|
+
let oe = e, ge = !1;
|
|
103
103
|
if (!(() => {
|
|
104
104
|
switch (e) {
|
|
105
105
|
case "top":
|
|
@@ -113,8 +113,8 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
113
113
|
default:
|
|
114
114
|
return !0;
|
|
115
115
|
}
|
|
116
|
-
})() && (e === "top" ? O + v.height + M + E.height <= ne.height && (
|
|
117
|
-
switch (
|
|
116
|
+
})() && (e === "top" ? O + v.height + M + E.height <= ne.height && (oe = "bottom", ge = !0) : e === "bottom" ? O >= E.height + M && (oe = "top", ge = !0) : e === "left" ? B + v.width + M + E.width <= ne.width && (oe = "right", ge = !0) : e === "right" && B >= E.width + M && (oe = "left", ge = !0), ge)) {
|
|
117
|
+
switch (oe) {
|
|
118
118
|
case "top":
|
|
119
119
|
A = O - E.height - M, j = B + v.width / 2 - E.width / 2;
|
|
120
120
|
break;
|
|
@@ -128,7 +128,7 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
128
128
|
A = O + v.height / 2 - E.height / 2, j = B + v.width + M;
|
|
129
129
|
break;
|
|
130
130
|
}
|
|
131
|
-
f(
|
|
131
|
+
f(oe);
|
|
132
132
|
}
|
|
133
133
|
})();
|
|
134
134
|
} else
|
|
@@ -174,15 +174,15 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
174
174
|
switch (t) {
|
|
175
175
|
case "start":
|
|
176
176
|
if (i) {
|
|
177
|
-
const
|
|
178
|
-
|
|
177
|
+
const Z = (R = p.current) == null ? void 0 : R.getBoundingClientRect();
|
|
178
|
+
Z && (j = v.left - Z.left);
|
|
179
179
|
} else
|
|
180
180
|
j = v.left;
|
|
181
181
|
break;
|
|
182
182
|
case "end":
|
|
183
183
|
if (i) {
|
|
184
|
-
const
|
|
185
|
-
|
|
184
|
+
const Z = (W = p.current) == null ? void 0 : W.getBoundingClientRect();
|
|
185
|
+
Z && (j = v.right - Z.left - E.width);
|
|
186
186
|
} else
|
|
187
187
|
j = v.right - E.width;
|
|
188
188
|
break;
|
|
@@ -191,48 +191,48 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
191
191
|
switch (t) {
|
|
192
192
|
case "start":
|
|
193
193
|
if (i) {
|
|
194
|
-
const
|
|
195
|
-
|
|
194
|
+
const Z = (Y = p.current) == null ? void 0 : Y.getBoundingClientRect();
|
|
195
|
+
Z && (A = v.top - Z.top);
|
|
196
196
|
} else
|
|
197
197
|
A = v.top;
|
|
198
198
|
break;
|
|
199
199
|
case "end":
|
|
200
200
|
if (i) {
|
|
201
|
-
const
|
|
202
|
-
|
|
201
|
+
const Z = (ie = p.current) == null ? void 0 : ie.getBoundingClientRect();
|
|
202
|
+
Z && (A = v.bottom - Z.top - E.height);
|
|
203
203
|
} else
|
|
204
204
|
A = v.bottom - E.height;
|
|
205
205
|
break;
|
|
206
206
|
}
|
|
207
207
|
if (i) {
|
|
208
|
-
const
|
|
209
|
-
|
|
208
|
+
const Z = (ae = p.current) == null ? void 0 : ae.getBoundingClientRect();
|
|
209
|
+
Z && (j < 8 && (j = 8), j + E.width > Z.width - 8 && (j = Z.width - E.width - 8), A < 8 && (A = 8), A + E.height > Z.height - 8 && (A = Z.height - E.height - 8));
|
|
210
210
|
} else {
|
|
211
|
-
const
|
|
212
|
-
j < B && (j = B), j + E.width >
|
|
211
|
+
const Z = window.innerWidth, O = window.innerHeight, B = 8;
|
|
212
|
+
j < B && (j = B), j + E.width > Z - B && (j = Z - E.width - B), A < B && (A = B), A + E.height > O - B && (A = O - E.height - B);
|
|
213
213
|
}
|
|
214
214
|
if (isNaN(A) || isNaN(j) || A < 0 || j < 0) {
|
|
215
215
|
w();
|
|
216
216
|
return;
|
|
217
217
|
}
|
|
218
|
-
const
|
|
219
|
-
if (
|
|
218
|
+
const q = Date.now();
|
|
219
|
+
if (q - C.current.lastTime < 100) {
|
|
220
220
|
if (C.current.count++, C.current.count > 5) {
|
|
221
221
|
w();
|
|
222
222
|
return;
|
|
223
223
|
}
|
|
224
224
|
} else
|
|
225
225
|
C.current.count = 0;
|
|
226
|
-
C.current.lastTime =
|
|
226
|
+
C.current.lastTime = q, D.current = { top: A, left: j }, u({ top: A, left: j });
|
|
227
227
|
}, [e, t, i, w]);
|
|
228
|
-
|
|
228
|
+
G(() => (n && b.current ? (requestAnimationFrame(() => {
|
|
229
229
|
if (S(), h.current) {
|
|
230
230
|
const v = h.current.getBoundingClientRect();
|
|
231
231
|
g.current = { top: v.top, left: v.left };
|
|
232
232
|
}
|
|
233
233
|
}), N.current = setInterval(k, 100)) : N.current && (clearInterval(N.current), N.current = null), () => {
|
|
234
234
|
N.current && (clearInterval(N.current), N.current = null);
|
|
235
|
-
}), [n, S, k]),
|
|
235
|
+
}), [n, S, k]), G(() => {
|
|
236
236
|
if (h.current)
|
|
237
237
|
return y.current = new IntersectionObserver(
|
|
238
238
|
(v) => {
|
|
@@ -247,7 +247,7 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
247
247
|
), y.current.observe(h.current), () => {
|
|
248
248
|
y.current && y.current.disconnect();
|
|
249
249
|
};
|
|
250
|
-
}, [n, w]),
|
|
250
|
+
}, [n, w]), G(() => {
|
|
251
251
|
if (!n) return;
|
|
252
252
|
const v = () => {
|
|
253
253
|
i || w();
|
|
@@ -265,7 +265,7 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
265
265
|
}, [o, r]), $ = L(() => {
|
|
266
266
|
x.current && (clearTimeout(x.current), x.current = null), a(!1), u({ top: 0, left: 0 });
|
|
267
267
|
}, []);
|
|
268
|
-
return
|
|
268
|
+
return G(() => () => {
|
|
269
269
|
x.current && clearTimeout(x.current), N.current && clearInterval(N.current);
|
|
270
270
|
}, []), {
|
|
271
271
|
isVisible: n,
|
|
@@ -401,7 +401,7 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
401
401
|
handleMouseEnter: D,
|
|
402
402
|
handleMouseLeave: C
|
|
403
403
|
} = Zs(i, r, c, n, a), w = ta(c), k = ea(x), [S, T] = V({});
|
|
404
|
-
|
|
404
|
+
G(() => {
|
|
405
405
|
if (!b || !y.current || !N.current) {
|
|
406
406
|
T({});
|
|
407
407
|
return;
|
|
@@ -617,13 +617,13 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
|
|
|
617
617
|
);
|
|
618
618
|
ur.displayName = "InlineTooltip";
|
|
619
619
|
const ra = (e) => {
|
|
620
|
-
const [t, i] = V(!1), r =
|
|
621
|
-
return
|
|
620
|
+
const [t, i] = V(!1), r = J(e);
|
|
621
|
+
return G(() => {
|
|
622
622
|
r.current === !0 && e === !1 && i(!0), r.current = e;
|
|
623
|
-
}, [e]),
|
|
623
|
+
}, [e]), G(() => {
|
|
624
624
|
e === !0 && i(!1);
|
|
625
625
|
}, [e]), t;
|
|
626
|
-
}, na =
|
|
626
|
+
}, na = Ue("", {
|
|
627
627
|
variants: {
|
|
628
628
|
color: {
|
|
629
629
|
primary: "",
|
|
@@ -652,13 +652,13 @@ const ra = (e) => {
|
|
|
652
652
|
textColor: o,
|
|
653
653
|
textAlign: n
|
|
654
654
|
}) => {
|
|
655
|
-
const [a, l] = V(!1), [u, m] = V(0), d =
|
|
656
|
-
|
|
655
|
+
const [a, l] = V(!1), [u, m] = V(0), d = J(null), c = J(null), f = te(() => e !== null && e !== !1 ? String(e).trim() : "", [e]), h = te(() => t ? t.trim() : "", [t]);
|
|
656
|
+
G(() => {
|
|
657
657
|
if (!t || !i || !d.current)
|
|
658
658
|
return;
|
|
659
659
|
const g = (k) => d.current ? (d.current.textContent = k, d.current.offsetWidth) : 0, D = g(f), C = g(h), w = Math.max(D, C);
|
|
660
660
|
m((k) => w > k ? w : k);
|
|
661
|
-
}, [f, h, i, t]),
|
|
661
|
+
}, [f, h, i, t]), G(() => {
|
|
662
662
|
i || m(0);
|
|
663
663
|
}, [i]);
|
|
664
664
|
const b = te(() => !i || !t ? e : a ? t : e, [i, t, a, e]), p = L(() => {
|
|
@@ -725,7 +725,7 @@ const ra = (e) => {
|
|
|
725
725
|
transform: "translate(50%, -50%)"
|
|
726
726
|
}, aa = "ui-absolute ui-z-10 ui-pointer-events-none", la = (e, t, i, r, o, n, a, l, u, m, d, c, f) => {
|
|
727
727
|
const h = n ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "";
|
|
728
|
-
return
|
|
728
|
+
return Ue(
|
|
729
729
|
`ui-imj ${f} ui-relative ui-justify-center ui-flex ui-items-center ui-box-border ui-border-solid ui-gap-x-4 ui-border-[1px] ui-border-default ui-cursor-default ${m && e !== "icon" ? "ui-shadow-button" : ""} ${!l && !!a && u ? "ui-overflow-visible" : "ui-overflow-hidden"} ${d ? "enabled:!ui-cursor-pointer" : ""} ${c ? "ui-transition-all ui-duration-300" : ""} ui-group`,
|
|
730
730
|
{
|
|
731
731
|
variants: {
|
|
@@ -853,7 +853,7 @@ const ra = (e) => {
|
|
|
853
853
|
return !1;
|
|
854
854
|
const r = i || "primary";
|
|
855
855
|
return t === "accent" ? r === "primary" : t === "gray" ? r === "secondary" || r === "tertiary" : !1;
|
|
856
|
-
}, fa = (e, t) => e && !t ? "sm" : t || "sm", ma =
|
|
856
|
+
}, fa = (e, t) => e && !t ? "sm" : t || "sm", ma = Ue("", {
|
|
857
857
|
variants: {
|
|
858
858
|
color: {
|
|
859
859
|
primary: "",
|
|
@@ -974,7 +974,7 @@ const ha = {
|
|
|
974
974
|
...n
|
|
975
975
|
};
|
|
976
976
|
a && (y["--fa-primary-color"] = Tr[a]), l && (y["--fa-secondary-color"] = Tr[l]), u !== void 0 && (y["--fa-primary-opacity"] = u.toString()), m !== void 0 && (y["--fa-secondary-opacity"] = m.toString());
|
|
977
|
-
const N =
|
|
977
|
+
const N = Ue(
|
|
978
978
|
"ui-transition-all ui-duration-200 ui-ease-in-out",
|
|
979
979
|
{
|
|
980
980
|
variants: {
|
|
@@ -1320,12 +1320,12 @@ const sn = Fo, cr = "blue", dr = "solid", Si = "md", xa = {
|
|
|
1320
1320
|
className: l,
|
|
1321
1321
|
status: u
|
|
1322
1322
|
}) => {
|
|
1323
|
-
const [m, d] = V(!1), [c, f] = V(!1), h =
|
|
1323
|
+
const [m, d] = V(!1), [c, f] = V(!1), h = J(null), b = () => {
|
|
1324
1324
|
d(!0), f(!1), h.current && clearTimeout(h.current);
|
|
1325
1325
|
}, p = () => {
|
|
1326
1326
|
f(!0), d(!1), h.current && clearTimeout(h.current);
|
|
1327
1327
|
};
|
|
1328
|
-
|
|
1328
|
+
G(() => {
|
|
1329
1329
|
if (h.current && clearTimeout(h.current), !e || !ki(e)) {
|
|
1330
1330
|
d(!0), f(!1);
|
|
1331
1331
|
return;
|
|
@@ -1695,7 +1695,7 @@ const ei = ({
|
|
|
1695
1695
|
const p = e !== null ? String(e) : "", x = p !== "", y = !!l && r !== "dot";
|
|
1696
1696
|
if (r !== "dot" && !x && !y && !h)
|
|
1697
1697
|
return null;
|
|
1698
|
-
const N = p.length, g = r === "dot", D = r === "sm", C = D && N === 1, w = D && N > 1, k =
|
|
1698
|
+
const N = p.length, g = r === "dot", D = r === "sm", C = D && N === 1, w = D && N > 1, k = Ue(
|
|
1699
1699
|
"ui-inline-flex ui-items-center ui-justify-center ui-font-semibold ui-leading-none ui-overflow-hidden ui-text-body-xs-regular ui-tracking-body-xs",
|
|
1700
1700
|
{
|
|
1701
1701
|
variants: {
|
|
@@ -1738,7 +1738,7 @@ const ei = ({
|
|
|
1738
1738
|
warning: "ui-bg-surface-warning-hover ui-text-warning ui-fill-warning",
|
|
1739
1739
|
danger: "ui-bg-surface-danger ui-text-danger ui-fill-brand",
|
|
1740
1740
|
info: "ui-bg-surface-info-hover ui-text-info ui-fill-danger-hover"
|
|
1741
|
-
}, $ = "ui-bg-fill-disabled ui-text-disabled ui-fill-disabled", v = "ui-bg-surface-disabled ui-text-disabled ui-fill-disabled", E = "ui-border-disabled", M = n ? i === "soft" ? v : $ : i === "soft" ? T[t] : S[t],
|
|
1741
|
+
}, $ = "ui-bg-fill-disabled ui-text-disabled ui-fill-disabled", v = "ui-bg-surface-disabled ui-text-disabled ui-fill-disabled", E = "ui-border-disabled", M = n ? i === "soft" ? v : $ : i === "soft" ? T[t] : S[t], q = n ? o ? E : "" : o ? i === "soft" ? {
|
|
1742
1742
|
accent: "ui-border-brand",
|
|
1743
1743
|
gray: "ui-border",
|
|
1744
1744
|
success: "ui-border-success",
|
|
@@ -1786,7 +1786,7 @@ const ei = ({
|
|
|
1786
1786
|
// md necesita tamaño fijo y circular cuando está en loading
|
|
1787
1787
|
lg: "ui-h-20 ui-w-20 ui-rounded-control-pill ui-justify-center"
|
|
1788
1788
|
// lg necesita tamaño fijo y circular cuando está en loading
|
|
1789
|
-
},
|
|
1789
|
+
}, Z = () => {
|
|
1790
1790
|
if (!h) return null;
|
|
1791
1791
|
const B = {
|
|
1792
1792
|
dot: "ui-w-8 ui-h-8 ui-border",
|
|
@@ -1822,7 +1822,7 @@ const ei = ({
|
|
|
1822
1822
|
k({ color: t, size: r, theme: i }),
|
|
1823
1823
|
M,
|
|
1824
1824
|
o ? "ui-border-1" : "",
|
|
1825
|
-
|
|
1825
|
+
q,
|
|
1826
1826
|
R,
|
|
1827
1827
|
_,
|
|
1828
1828
|
z,
|
|
@@ -1833,7 +1833,7 @@ const ei = ({
|
|
|
1833
1833
|
),
|
|
1834
1834
|
style: O,
|
|
1835
1835
|
...b,
|
|
1836
|
-
children: h ?
|
|
1836
|
+
children: h ? Z() : /* @__PURE__ */ P(ze, { children: [
|
|
1837
1837
|
!g && ie(),
|
|
1838
1838
|
!g && p
|
|
1839
1839
|
] })
|
|
@@ -1965,7 +1965,7 @@ const ti = (e, t) => {
|
|
|
1965
1965
|
process.env.NODE_ENV !== "production" && (e.theme && !["solid", "icon"].includes(e.theme) && console.warn(`InnerButton: Invalid theme "${e.theme}", using "solid" as fallback`), e.size && !["xxs", "xs", "sm", "md", "lg"].includes(e.size) && console.warn(`InnerButton: Invalid size "${e.size}", using "md" as fallback`), e.color && !["primary", "secondary", "tertiary", "destructive", "link", "ghost", "soft"].includes(
|
|
1966
1966
|
e.color
|
|
1967
1967
|
) && console.warn(`InnerButton: Invalid color "${e.color}", using "primary" as fallback`), e.pill && !["none", "xs", "sm", "md", "lg", "pill"].includes(e.pill) && console.warn(`InnerButton: Invalid pill "${e.pill}", using "sm" as fallback`), e.as && !["button", "div"].includes(e.as) && console.warn(`InnerButton: Invalid as "${e.as}", using "button" as fallback`), e.link && e.as === "div" && console.warn('InnerButton: "link" prop is ignored when as="div"'));
|
|
1968
|
-
},
|
|
1968
|
+
}, he = ({
|
|
1969
1969
|
className: e,
|
|
1970
1970
|
classNameLabel: t,
|
|
1971
1971
|
fullWidth: i = !1,
|
|
@@ -1998,7 +1998,7 @@ const ti = (e, t) => {
|
|
|
1998
1998
|
onClickLeftSlot: M,
|
|
1999
1999
|
onClickRightSlot: A,
|
|
2000
2000
|
disabled: j,
|
|
2001
|
-
colorIcon:
|
|
2001
|
+
colorIcon: q,
|
|
2002
2002
|
iconDuotonePrimary: _,
|
|
2003
2003
|
iconDuotoneSecondary: z,
|
|
2004
2004
|
iconDuotoneOpacityPrimary: R,
|
|
@@ -2006,26 +2006,26 @@ const ti = (e, t) => {
|
|
|
2006
2006
|
leftSlotDuotonePrimary: Y,
|
|
2007
2007
|
leftSlotDuotoneSecondary: ie,
|
|
2008
2008
|
leftSlotDuotoneOpacityPrimary: ae,
|
|
2009
|
-
leftSlotDuotoneOpacitySecondary:
|
|
2009
|
+
leftSlotDuotoneOpacitySecondary: Z,
|
|
2010
2010
|
rightSlotDuotonePrimary: O,
|
|
2011
2011
|
rightSlotDuotoneSecondary: B,
|
|
2012
2012
|
rightSlotDuotoneOpacityPrimary: K,
|
|
2013
2013
|
rightSlotDuotoneOpacitySecondary: ne,
|
|
2014
|
-
showShadow:
|
|
2015
|
-
borderable:
|
|
2014
|
+
showShadow: oe = !1,
|
|
2015
|
+
borderable: ge,
|
|
2016
2016
|
iconSizeExtended: xe = "none",
|
|
2017
|
-
defaultSizeIcon:
|
|
2017
|
+
defaultSizeIcon: se = !0,
|
|
2018
2018
|
as: F = "button",
|
|
2019
|
-
classNameId:
|
|
2020
|
-
tooltip:
|
|
2021
|
-
tooltipPosition:
|
|
2019
|
+
classNameId: U = "imj-ui-inner-button",
|
|
2020
|
+
tooltip: H = "",
|
|
2021
|
+
tooltipPosition: X,
|
|
2022
2022
|
tooltipAlignment: re,
|
|
2023
2023
|
tooltipDelay: de,
|
|
2024
|
-
tooltipAbsolute:
|
|
2025
|
-
classNameTooltip:
|
|
2024
|
+
tooltipAbsolute: fe,
|
|
2025
|
+
classNameTooltip: me,
|
|
2026
2026
|
stopPropagation: we = !0,
|
|
2027
2027
|
pointer: ye = !0,
|
|
2028
|
-
ref:
|
|
2028
|
+
ref: Ce,
|
|
2029
2029
|
onClick: Pe,
|
|
2030
2030
|
pill: Oe = "sm",
|
|
2031
2031
|
textAlign: Ke = "center",
|
|
@@ -2051,7 +2051,7 @@ const ti = (e, t) => {
|
|
|
2051
2051
|
iconDuotoneSecondary: z,
|
|
2052
2052
|
iconDuotoneOpacityPrimary: R,
|
|
2053
2053
|
iconDuotoneOpacitySecondary: W,
|
|
2054
|
-
colorIcon:
|
|
2054
|
+
colorIcon: q,
|
|
2055
2055
|
classNameIcon: nt,
|
|
2056
2056
|
strokeWidth: De,
|
|
2057
2057
|
onClickIcon: E
|
|
@@ -2067,30 +2067,30 @@ const ti = (e, t) => {
|
|
|
2067
2067
|
badgeIconDuotoneOpacityPrimary: b,
|
|
2068
2068
|
badgeIconDuotoneOpacitySecondary: p,
|
|
2069
2069
|
badgeLoading: x
|
|
2070
|
-
}), ft = r && typeof r == "object" && !Te.isValidElement(r) && "icon" in r && ("colorIcon" in r || "onClick" in r || "show" in r || "iconDuotonePrimary" in r), le = ft ? r : void 0,
|
|
2070
|
+
}), ft = r && typeof r == "object" && !Te.isValidElement(r) && "icon" in r && ("colorIcon" in r || "onClick" in r || "show" in r || "iconDuotonePrimary" in r), le = ft ? r : void 0, ke = o && typeof o == "object" && !Te.isValidElement(o) && "icon" in o && ("colorIcon" in o || "onClick" in o || "show" in o || "iconDuotonePrimary" in o), Re = ke ? o : void 0, Q = ft ? void 0 : Va({
|
|
2071
2071
|
leftSlot: r,
|
|
2072
2072
|
leftSlotDuotonePrimary: Y,
|
|
2073
2073
|
leftSlotDuotoneSecondary: ie,
|
|
2074
2074
|
leftSlotDuotoneOpacityPrimary: ae,
|
|
2075
|
-
leftSlotDuotoneOpacitySecondary:
|
|
2075
|
+
leftSlotDuotoneOpacitySecondary: Z,
|
|
2076
2076
|
onClickLeftSlot: M,
|
|
2077
|
-
colorIcon:
|
|
2078
|
-
}), Le =
|
|
2077
|
+
colorIcon: q
|
|
2078
|
+
}), Le = ke ? void 0 : Wa({
|
|
2079
2079
|
rightSlot: o,
|
|
2080
2080
|
rightSlotDuotonePrimary: O,
|
|
2081
2081
|
rightSlotDuotoneSecondary: B,
|
|
2082
2082
|
rightSlotDuotoneOpacityPrimary: K,
|
|
2083
2083
|
rightSlotDuotoneOpacitySecondary: ne,
|
|
2084
2084
|
onClickRightSlot: A,
|
|
2085
|
-
colorIcon:
|
|
2086
|
-
}), ot =
|
|
2087
|
-
tooltip:
|
|
2088
|
-
tooltipPosition:
|
|
2085
|
+
colorIcon: q
|
|
2086
|
+
}), ot = H && typeof H == "object" && ("label" in H || "position" in H || "alignment" in H || "delay" in H || "absolute" in H || "className" in H), He = ot ? H : void 0, Mi = ot ? void 0 : mn({
|
|
2087
|
+
tooltip: H,
|
|
2088
|
+
tooltipPosition: X,
|
|
2089
2089
|
tooltipAlignment: re,
|
|
2090
2090
|
tooltipDelay: de,
|
|
2091
|
-
tooltipAbsolute:
|
|
2092
|
-
classNameTooltip:
|
|
2093
|
-
}), ve = Wt || Ct || Qt || (k && !Je && !Te.isValidElement(k) ? { icon: k, show: !0 } : void 0), ce = lt || _t, Me = vt || le ||
|
|
2091
|
+
tooltipAbsolute: fe,
|
|
2092
|
+
classNameTooltip: me
|
|
2093
|
+
}), ve = Wt || Ct || Qt || (k && !Je && !Te.isValidElement(k) ? { icon: k, show: !0 } : void 0), ce = lt || _t, Me = vt || le || Q, Ae = Lt || Re || Le, Fe = pt || He || Mi, qt = (ve == null ? void 0 : ve.icon) || (Je ? void 0 : Te.isValidElement(k) || typeof k == "string" || typeof k == "object" && k !== null && "icon" in k ? k : void 0), Ht = (ce == null ? void 0 : ce.color) || a, Jt = (ce == null ? void 0 : ce.label) || l, ni = (ce == null ? void 0 : ce.theme) || u, ee = (ce == null ? void 0 : ce.size) || m, ue = (ce == null ? void 0 : ce.stroke) ?? d, pe = (ce == null ? void 0 : ce.icon) || c, Ne = (ce == null ? void 0 : ce.loading) ?? x, $e = (Me == null ? void 0 : Me.icon) || (ft ? void 0 : r), st = (Ae == null ? void 0 : Ae.icon) || (ke ? void 0 : o), Xe = (Fe == null ? void 0 : Fe.label) || (ot ? void 0 : H), mt = (Fe == null ? void 0 : Fe.position) || X, Mt = (Fe == null ? void 0 : Fe.alignment) || re, At = (Fe == null ? void 0 : Fe.delay) ?? de, Ai = (Fe == null ? void 0 : Fe.absolute) ?? fe, Oi = (Fe == null ? void 0 : Fe.className) || me, ko = n === "icon", Co = (D == null || D === !1) && !!qt, Dt = D != null && D !== !1, Do = ra(Ne), {
|
|
2094
2094
|
displayText: To,
|
|
2095
2095
|
textStyle: Eo,
|
|
2096
2096
|
measureRef: Io,
|
|
@@ -2123,20 +2123,20 @@ const ti = (e, t) => {
|
|
|
2123
2123
|
fullWidth: i,
|
|
2124
2124
|
pill: Oe,
|
|
2125
2125
|
clickable: w,
|
|
2126
|
-
borderable:
|
|
2126
|
+
borderable: ge,
|
|
2127
2127
|
whiteBackground: Se,
|
|
2128
2128
|
active: ct,
|
|
2129
2129
|
square: $,
|
|
2130
2130
|
icon: !!qt,
|
|
2131
2131
|
children: Dt,
|
|
2132
2132
|
shouldShowBadge: Xt,
|
|
2133
|
-
showShadow:
|
|
2133
|
+
showShadow: oe,
|
|
2134
2134
|
pointer: ye,
|
|
2135
2135
|
transition: Ee,
|
|
2136
|
-
classNameId:
|
|
2136
|
+
classNameId: U,
|
|
2137
2137
|
className: e,
|
|
2138
2138
|
isIconVariant: ko,
|
|
2139
|
-
defaultSizeIcon:
|
|
2139
|
+
defaultSizeIcon: se
|
|
2140
2140
|
}), Lo = (kr) => {
|
|
2141
2141
|
we && kr.stopPropagation(), Pe && Pe(kr);
|
|
2142
2142
|
}, Fi = () => /* @__PURE__ */ P(ze, { children: [
|
|
@@ -2146,7 +2146,7 @@ const ti = (e, t) => {
|
|
|
2146
2146
|
leftSlot: $e,
|
|
2147
2147
|
size: T,
|
|
2148
2148
|
color: N,
|
|
2149
|
-
colorIcon: (Me == null ? void 0 : Me.colorIcon) ||
|
|
2149
|
+
colorIcon: (Me == null ? void 0 : Me.colorIcon) || q,
|
|
2150
2150
|
className: e,
|
|
2151
2151
|
disabled: j,
|
|
2152
2152
|
strokeWidth: De,
|
|
@@ -2154,7 +2154,7 @@ const ti = (e, t) => {
|
|
|
2154
2154
|
leftSlotDuotonePrimary: (Me == null ? void 0 : Me.iconDuotonePrimary) || Y,
|
|
2155
2155
|
leftSlotDuotoneSecondary: (Me == null ? void 0 : Me.iconDuotoneSecondary) || ie,
|
|
2156
2156
|
leftSlotDuotoneOpacityPrimary: (Me == null ? void 0 : Me.iconDuotoneOpacityPrimary) || ae,
|
|
2157
|
-
leftSlotDuotoneOpacitySecondary: (Me == null ? void 0 : Me.iconDuotoneOpacitySecondary) ||
|
|
2157
|
+
leftSlotDuotoneOpacitySecondary: (Me == null ? void 0 : Me.iconDuotoneOpacitySecondary) || Z,
|
|
2158
2158
|
hasChildren: Dt
|
|
2159
2159
|
}
|
|
2160
2160
|
),
|
|
@@ -2195,7 +2195,7 @@ const ti = (e, t) => {
|
|
|
2195
2195
|
rightSlot: st,
|
|
2196
2196
|
size: T,
|
|
2197
2197
|
color: N,
|
|
2198
|
-
colorIcon: (Ae == null ? void 0 : Ae.colorIcon) ||
|
|
2198
|
+
colorIcon: (Ae == null ? void 0 : Ae.colorIcon) || q,
|
|
2199
2199
|
className: e,
|
|
2200
2200
|
disabled: j,
|
|
2201
2201
|
strokeWidth: De,
|
|
@@ -2213,7 +2213,7 @@ const ti = (e, t) => {
|
|
|
2213
2213
|
icon: qt,
|
|
2214
2214
|
size: T,
|
|
2215
2215
|
color: N,
|
|
2216
|
-
colorIcon: (ve == null ? void 0 : ve.color) ||
|
|
2216
|
+
colorIcon: (ve == null ? void 0 : ve.color) || q,
|
|
2217
2217
|
classNameIcon: (ve == null ? void 0 : ve.className) || nt,
|
|
2218
2218
|
theme: n,
|
|
2219
2219
|
onClick: Pe,
|
|
@@ -2245,7 +2245,7 @@ const ti = (e, t) => {
|
|
|
2245
2245
|
return S ? /* @__PURE__ */ P(
|
|
2246
2246
|
"a",
|
|
2247
2247
|
{
|
|
2248
|
-
ref:
|
|
2248
|
+
ref: Ce,
|
|
2249
2249
|
href: S,
|
|
2250
2250
|
target: v,
|
|
2251
2251
|
className: I(Ri, e),
|
|
@@ -2269,7 +2269,7 @@ const ti = (e, t) => {
|
|
|
2269
2269
|
children: /* @__PURE__ */ P(
|
|
2270
2270
|
"div",
|
|
2271
2271
|
{
|
|
2272
|
-
ref:
|
|
2272
|
+
ref: Ce,
|
|
2273
2273
|
className: I(Ri, e),
|
|
2274
2274
|
role: w && !j ? "button" : void 0,
|
|
2275
2275
|
tabIndex: w && !j ? 0 : void 0,
|
|
@@ -2297,7 +2297,7 @@ const ti = (e, t) => {
|
|
|
2297
2297
|
children: /* @__PURE__ */ P(
|
|
2298
2298
|
"button",
|
|
2299
2299
|
{
|
|
2300
|
-
ref:
|
|
2300
|
+
ref: Ce,
|
|
2301
2301
|
className: I(Ri, e),
|
|
2302
2302
|
"aria-label": !Dt && k ? Xe || "Button" : void 0,
|
|
2303
2303
|
"aria-disabled": j,
|
|
@@ -2315,7 +2315,7 @@ const ti = (e, t) => {
|
|
|
2315
2315
|
}
|
|
2316
2316
|
);
|
|
2317
2317
|
};
|
|
2318
|
-
|
|
2318
|
+
he.displayName = "InnerButton";
|
|
2319
2319
|
const hn = qe(
|
|
2320
2320
|
({
|
|
2321
2321
|
title: e,
|
|
@@ -2359,7 +2359,7 @@ const hn = qe(
|
|
|
2359
2359
|
)
|
|
2360
2360
|
] }),
|
|
2361
2361
|
/* @__PURE__ */ s("div", { className: "ui-box-border ui-flex ui-items-center ui-justify-center", children: /* @__PURE__ */ s(
|
|
2362
|
-
|
|
2362
|
+
he,
|
|
2363
2363
|
{
|
|
2364
2364
|
theme: "solid",
|
|
2365
2365
|
size: "md",
|
|
@@ -2563,7 +2563,7 @@ const qa = ({
|
|
|
2563
2563
|
)
|
|
2564
2564
|
] }),
|
|
2565
2565
|
e.showCloseButton && /* @__PURE__ */ s(
|
|
2566
|
-
|
|
2566
|
+
he,
|
|
2567
2567
|
{
|
|
2568
2568
|
icon: xt,
|
|
2569
2569
|
size: "xxs",
|
|
@@ -2578,7 +2578,7 @@ const qa = ({
|
|
|
2578
2578
|
] }),
|
|
2579
2579
|
(e.onSecondaryClick || e.onPrimaryClick) && /* @__PURE__ */ P("div", { className: "ui-flex ui-w-full ui-items-center ui-justify-end ui-gap-1.5", children: [
|
|
2580
2580
|
e.onSecondaryClick && /* @__PURE__ */ s(
|
|
2581
|
-
|
|
2581
|
+
he,
|
|
2582
2582
|
{
|
|
2583
2583
|
clickable: !0,
|
|
2584
2584
|
theme: "solid",
|
|
@@ -2589,7 +2589,7 @@ const qa = ({
|
|
|
2589
2589
|
}
|
|
2590
2590
|
),
|
|
2591
2591
|
e.onPrimaryClick && /* @__PURE__ */ s(
|
|
2592
|
-
|
|
2592
|
+
he,
|
|
2593
2593
|
{
|
|
2594
2594
|
clickable: !0,
|
|
2595
2595
|
theme: "solid",
|
|
@@ -2694,9 +2694,9 @@ const Ya = ({
|
|
|
2694
2694
|
return process.env.NODE_ENV !== "production" && (l[e] || console.warn(`Alert: Invalid color "${e}", using "danger" as fallback`), u[t] || console.warn(
|
|
2695
2695
|
`Alert: Invalid variant "${t}" for color "${e}", using "contained" as fallback`
|
|
2696
2696
|
)), `${o} ${a} ${u[t] || u.contained}`;
|
|
2697
|
-
},
|
|
2698
|
-
const [i, r] = V(!1), [o, n] = V(!1), a =
|
|
2699
|
-
return
|
|
2697
|
+
}, Ua = ({ open: e, externalIsLeaving: t }) => {
|
|
2698
|
+
const [i, r] = V(!1), [o, n] = V(!1), a = J(null), l = J(0), u = t !== void 0 ? t : o;
|
|
2699
|
+
return G(() => {
|
|
2700
2700
|
const m = ++l.current;
|
|
2701
2701
|
return a.current && (clearTimeout(a.current), a.current = null), e ? (r(!0), n(!1)) : (n(!0), t === void 0 && (a.current = setTimeout(() => {
|
|
2702
2702
|
l.current === m && (r(!1), a.current = null);
|
|
@@ -2704,7 +2704,7 @@ const Ya = ({
|
|
|
2704
2704
|
const d = l.current;
|
|
2705
2705
|
a.current && d !== m && (clearTimeout(a.current), a.current = null);
|
|
2706
2706
|
};
|
|
2707
|
-
}, [e, t]),
|
|
2707
|
+
}, [e, t]), G(() => {
|
|
2708
2708
|
if (t === void 0 || !t || t === o)
|
|
2709
2709
|
return;
|
|
2710
2710
|
const m = ++l.current;
|
|
@@ -2714,13 +2714,13 @@ const Ya = ({
|
|
|
2714
2714
|
const d = l.current;
|
|
2715
2715
|
a.current && d !== m && (clearTimeout(a.current), a.current = null);
|
|
2716
2716
|
};
|
|
2717
|
-
}, [t, o]),
|
|
2717
|
+
}, [t, o]), G(() => () => {
|
|
2718
2718
|
a.current && (clearTimeout(a.current), a.current = null);
|
|
2719
2719
|
}, []), {
|
|
2720
2720
|
isVisible: i,
|
|
2721
2721
|
isLeaving: u
|
|
2722
2722
|
};
|
|
2723
|
-
},
|
|
2723
|
+
}, Ga = {
|
|
2724
2724
|
blue: "brand",
|
|
2725
2725
|
green: "success",
|
|
2726
2726
|
red: "danger",
|
|
@@ -2796,7 +2796,7 @@ const Ya = ({
|
|
|
2796
2796
|
}
|
|
2797
2797
|
);
|
|
2798
2798
|
gi.displayName = "BarProgress";
|
|
2799
|
-
const
|
|
2799
|
+
const Ui = qe(
|
|
2800
2800
|
({ label: e, value: t, suffix: i = "", className: r }) => typeof t == "number" ? /* @__PURE__ */ P(
|
|
2801
2801
|
"span",
|
|
2802
2802
|
{
|
|
@@ -2822,7 +2822,7 @@ const Gi = qe(
|
|
|
2822
2822
|
}
|
|
2823
2823
|
) : null
|
|
2824
2824
|
);
|
|
2825
|
-
|
|
2825
|
+
Ui.displayName = "LabelProgress";
|
|
2826
2826
|
const bn = qe(({ children: e, type: t = "custom", className: i }) => {
|
|
2827
2827
|
const r = I(
|
|
2828
2828
|
"ui-text-caption-xs",
|
|
@@ -2867,7 +2867,7 @@ const Ie = ({
|
|
|
2867
2867
|
tooltipDelay: A,
|
|
2868
2868
|
...j
|
|
2869
2869
|
}) => /* @__PURE__ */ s(
|
|
2870
|
-
|
|
2870
|
+
he,
|
|
2871
2871
|
{
|
|
2872
2872
|
ref: e,
|
|
2873
2873
|
theme: n,
|
|
@@ -2903,14 +2903,14 @@ const Ie = ({
|
|
|
2903
2903
|
...j
|
|
2904
2904
|
}
|
|
2905
2905
|
), Xa = ["xxs", "xs", "sm", "md", "lg"], Za = (e, t, i) => {
|
|
2906
|
-
const [r, o] = V(e), n =
|
|
2907
|
-
|
|
2906
|
+
const [r, o] = V(e), n = J(null), a = J(0), l = J(!1), u = J(i), m = 16;
|
|
2907
|
+
G(() => {
|
|
2908
2908
|
u.current = i;
|
|
2909
2909
|
}, [i]);
|
|
2910
2910
|
const d = L(() => {
|
|
2911
2911
|
n.current && (clearInterval(n.current), n.current = null);
|
|
2912
2912
|
}, []);
|
|
2913
|
-
return
|
|
2913
|
+
return G(() => {
|
|
2914
2914
|
if (!t || t <= 0) {
|
|
2915
2915
|
o(e);
|
|
2916
2916
|
return;
|
|
@@ -2925,7 +2925,7 @@ const Ie = ({
|
|
|
2925
2925
|
const p = e * (1 - b), x = Math.round(p * 10) / 10;
|
|
2926
2926
|
o(x);
|
|
2927
2927
|
}, m), d;
|
|
2928
|
-
}, [e, t, d]),
|
|
2928
|
+
}, [e, t, d]), G(() => d, [d]), r;
|
|
2929
2929
|
}, el = (e) => te(() => {
|
|
2930
2930
|
const {
|
|
2931
2931
|
color: t = "brand",
|
|
@@ -2943,7 +2943,7 @@ const Ie = ({
|
|
|
2943
2943
|
"warning",
|
|
2944
2944
|
"info",
|
|
2945
2945
|
"neutral"
|
|
2946
|
-
].includes(t) ? t :
|
|
2946
|
+
].includes(t) ? t : Ga[t] || "brand", d = Xa.includes(i) ? i : "lg";
|
|
2947
2947
|
return {
|
|
2948
2948
|
...u,
|
|
2949
2949
|
color: m,
|
|
@@ -3027,7 +3027,7 @@ const Ie = ({
|
|
|
3027
3027
|
] });
|
|
3028
3028
|
return /* @__PURE__ */ P("div", { className: E, children: [
|
|
3029
3029
|
d ? /* @__PURE__ */ P("div", { className: "ui-flex ui-w-full ui-items-center ui-gap-8", children: [
|
|
3030
|
-
r && i && /* @__PURE__ */ s(
|
|
3030
|
+
r && i && /* @__PURE__ */ s(Ui, { label: i, className: "ui-shrink-0" }),
|
|
3031
3031
|
/* @__PURE__ */ s(
|
|
3032
3032
|
gi,
|
|
3033
3033
|
{
|
|
@@ -3044,7 +3044,7 @@ const Ie = ({
|
|
|
3044
3044
|
/* ===== MODO NORMAL: Header arriba, barra abajo ===== */
|
|
3045
3045
|
/* @__PURE__ */ P(ze, { children: [
|
|
3046
3046
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-w-full ui-items-center ui-justify-between", children: [
|
|
3047
|
-
r && i && /* @__PURE__ */ s(
|
|
3047
|
+
r && i && /* @__PURE__ */ s(Ui, { label: i }),
|
|
3048
3048
|
/* @__PURE__ */ s("div", { className: "ui-min-h-px ui-flex-1" }),
|
|
3049
3049
|
M()
|
|
3050
3050
|
] }),
|
|
@@ -3088,7 +3088,7 @@ const xn = ({
|
|
|
3088
3088
|
avatar: g
|
|
3089
3089
|
}) => {
|
|
3090
3090
|
process.env.NODE_ENV !== "production" && (!o && !n && console.warn('Alert: Either "message" or "title" should be provided'), y !== void 0 && (typeof y != "number" || y <= 0 || !Number.isFinite(y)) && console.warn(`Alert: "duration" must be a positive number, received: ${y}`), t && !["success", "danger", "warning", "info", "neutral", "brand"].includes(t) && console.warn(`Alert: Invalid color "${t}", using "success" as fallback`), i && !["contained", "outlined", "accent", "minimal"].includes(i) && console.warn(`Alert: Invalid variant "${i}", using "contained" as fallback`), x && !["sm", "md"].includes(x) && console.warn(`Alert: Invalid size "${x}", using "sm" as fallback`), b && !["none", "fade", "slide", "zoom", "flip", "bounce", "slide-up"].includes(b) && console.warn(`Alert: Invalid animation "${b}", using "none" as fallback`));
|
|
3091
|
-
const { isVisible: D, isLeaving: C } =
|
|
3091
|
+
const { isVisible: D, isLeaving: C } = Ua({ open: e, externalIsLeaving: p });
|
|
3092
3092
|
if (!D)
|
|
3093
3093
|
return null;
|
|
3094
3094
|
const w = !!m, k = (v) => {
|
|
@@ -3191,7 +3191,7 @@ const xn = ({
|
|
|
3191
3191
|
const f = i !== void 0 ? i : o;
|
|
3192
3192
|
n || u(f), r == null || r(f);
|
|
3193
3193
|
}, [n, i, o, r]);
|
|
3194
|
-
return
|
|
3194
|
+
return G(() => {
|
|
3195
3195
|
n && t !== void 0 && u(t);
|
|
3196
3196
|
}, [n, t]), {
|
|
3197
3197
|
value: m,
|
|
@@ -3278,7 +3278,7 @@ const xn = ({
|
|
|
3278
3278
|
},
|
|
3279
3279
|
[i]
|
|
3280
3280
|
);
|
|
3281
|
-
return
|
|
3281
|
+
return Gt(
|
|
3282
3282
|
e,
|
|
3283
3283
|
() => ({
|
|
3284
3284
|
getValue: m,
|
|
@@ -3389,7 +3389,7 @@ const xn = ({
|
|
|
3389
3389
|
rightSlotDuotoneSecondary: M,
|
|
3390
3390
|
rightSlotDuotoneOpacityPrimary: A,
|
|
3391
3391
|
rightSlotDuotoneOpacitySecondary: j,
|
|
3392
|
-
extraSlotDuotonePrimary:
|
|
3392
|
+
extraSlotDuotonePrimary: q,
|
|
3393
3393
|
extraSlotDuotoneSecondary: _,
|
|
3394
3394
|
extraSlotDuotoneOpacityPrimary: z,
|
|
3395
3395
|
extraSlotDuotoneOpacitySecondary: R,
|
|
@@ -3398,23 +3398,23 @@ const xn = ({
|
|
|
3398
3398
|
...ie
|
|
3399
3399
|
}, ae) => {
|
|
3400
3400
|
const {
|
|
3401
|
-
value:
|
|
3401
|
+
value: Z,
|
|
3402
3402
|
setValue: O,
|
|
3403
3403
|
isControlled: B
|
|
3404
3404
|
} = vn({
|
|
3405
3405
|
value: d,
|
|
3406
3406
|
defaultValue: f,
|
|
3407
3407
|
onChange: b
|
|
3408
|
-
}), K = (
|
|
3409
|
-
const
|
|
3410
|
-
O(
|
|
3411
|
-
}, { paddingClasses: ne, getIconPosition:
|
|
3408
|
+
}), K = (H) => {
|
|
3409
|
+
const X = H.target.value;
|
|
3410
|
+
O(X), p == null || p(H);
|
|
3411
|
+
}, { paddingClasses: ne, getIconPosition: oe } = il({
|
|
3412
3412
|
size: r,
|
|
3413
3413
|
leftSlot: n ?? void 0,
|
|
3414
3414
|
rightSlot: a ?? void 0,
|
|
3415
3415
|
extraSlot: l ?? void 0,
|
|
3416
3416
|
value: d
|
|
3417
|
-
}), { baseClasses:
|
|
3417
|
+
}), { baseClasses: ge, containerClasses: xe, labelClasses: se } = nl({
|
|
3418
3418
|
size: r,
|
|
3419
3419
|
error: t,
|
|
3420
3420
|
disabled: h,
|
|
@@ -3427,12 +3427,12 @@ const xn = ({
|
|
|
3427
3427
|
});
|
|
3428
3428
|
rl({
|
|
3429
3429
|
ref: ae,
|
|
3430
|
-
currentValue:
|
|
3430
|
+
currentValue: Z,
|
|
3431
3431
|
setValue: O,
|
|
3432
3432
|
isControlled: B,
|
|
3433
3433
|
inputId: ie.id
|
|
3434
3434
|
});
|
|
3435
|
-
const
|
|
3435
|
+
const U = ((H) => !H || typeof H != "string" ? !1 : H.startsWith("data:") || H.startsWith("blob:") ? !0 : ki(H))(n);
|
|
3436
3436
|
return /* @__PURE__ */ P(
|
|
3437
3437
|
"div",
|
|
3438
3438
|
{
|
|
@@ -3444,7 +3444,7 @@ const xn = ({
|
|
|
3444
3444
|
style: N,
|
|
3445
3445
|
children: [
|
|
3446
3446
|
(e || W) && /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
|
|
3447
|
-
e && /* @__PURE__ */ s("label", { className:
|
|
3447
|
+
e && /* @__PURE__ */ s("label", { className: se, children: e }),
|
|
3448
3448
|
W && /* @__PURE__ */ s(
|
|
3449
3449
|
Ie,
|
|
3450
3450
|
{
|
|
@@ -3464,11 +3464,11 @@ const xn = ({
|
|
|
3464
3464
|
"span",
|
|
3465
3465
|
{
|
|
3466
3466
|
className: I(
|
|
3467
|
-
`ui-absolute ${
|
|
3467
|
+
`ui-absolute ${oe("left")} ui-top-1/2 ui--translate-y-1/2`,
|
|
3468
3468
|
"ui-inline-flex ui-leading-[0] ui-transition-colors ui-duration-150",
|
|
3469
3469
|
C ? "" : h ? "ui-text-disabled" : t ? "ui-text-danger" : "ui-text-tertiary group-focus-within:ui-text-brand"
|
|
3470
3470
|
),
|
|
3471
|
-
children:
|
|
3471
|
+
children: U ? /* @__PURE__ */ s(
|
|
3472
3472
|
Pt,
|
|
3473
3473
|
{
|
|
3474
3474
|
slot: n,
|
|
@@ -3499,11 +3499,11 @@ const xn = ({
|
|
|
3499
3499
|
{
|
|
3500
3500
|
placeholder: "Placeholder",
|
|
3501
3501
|
disabled: h,
|
|
3502
|
-
value:
|
|
3502
|
+
value: Z,
|
|
3503
3503
|
onChange: K,
|
|
3504
3504
|
name: g,
|
|
3505
3505
|
"data-input-id": ie.id || "default-input",
|
|
3506
|
-
className:
|
|
3506
|
+
className: ge + " ui-min-w-12",
|
|
3507
3507
|
style: m ? {
|
|
3508
3508
|
caretColor: "#ef4444",
|
|
3509
3509
|
borderColor: "var(--ui-color-border-danger, #ef4444)",
|
|
@@ -3516,7 +3516,7 @@ const xn = ({
|
|
|
3516
3516
|
"span",
|
|
3517
3517
|
{
|
|
3518
3518
|
className: I(
|
|
3519
|
-
`ui-absolute ${
|
|
3519
|
+
`ui-absolute ${oe("right")} ui-top-1/2 ui--translate-y-1/2`,
|
|
3520
3520
|
"ui-inline-flex ui-leading-[0] ui-transition-colors ui-duration-150",
|
|
3521
3521
|
w ? "" : h ? "ui-text-disabled" : t ? "ui-text-danger" : "ui-text-tertiary group-focus-within:ui-text-brand"
|
|
3522
3522
|
),
|
|
@@ -3537,14 +3537,14 @@ const xn = ({
|
|
|
3537
3537
|
a && l && /* @__PURE__ */ s(
|
|
3538
3538
|
"div",
|
|
3539
3539
|
{
|
|
3540
|
-
className: `ui-absolute ${
|
|
3540
|
+
className: `ui-absolute ${oe("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${t ? "ui-bg-danger" : "ui-bg-neutral-100"}`
|
|
3541
3541
|
}
|
|
3542
3542
|
),
|
|
3543
3543
|
l && /* @__PURE__ */ s(
|
|
3544
3544
|
"button",
|
|
3545
3545
|
{
|
|
3546
3546
|
onClick: x,
|
|
3547
|
-
className: `ui-absolute ${
|
|
3547
|
+
className: `ui-absolute ${oe("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center ui-text-tertiary group-focus-within:ui-text-brand`,
|
|
3548
3548
|
type: "button",
|
|
3549
3549
|
children: /* @__PURE__ */ s(
|
|
3550
3550
|
be,
|
|
@@ -3552,7 +3552,7 @@ const xn = ({
|
|
|
3552
3552
|
name: l,
|
|
3553
3553
|
size: "sm",
|
|
3554
3554
|
color: k || "current",
|
|
3555
|
-
colorDuotonePrimary:
|
|
3555
|
+
colorDuotonePrimary: q,
|
|
3556
3556
|
colorDuotoneSecondary: _,
|
|
3557
3557
|
opacityDuotonePrimary: z,
|
|
3558
3558
|
opacityDuotoneSecondary: R
|
|
@@ -3571,7 +3571,7 @@ const xn = ({
|
|
|
3571
3571
|
tt.displayName = "Input";
|
|
3572
3572
|
const wn = (e, t = {}) => {
|
|
3573
3573
|
const { enterDelay: i = 10, exitDelay: r = 300 } = t, [o, n] = V(!1), [a, l] = V(!1);
|
|
3574
|
-
return
|
|
3574
|
+
return G(() => {
|
|
3575
3575
|
if (e) {
|
|
3576
3576
|
n(!0);
|
|
3577
3577
|
const u = setTimeout(() => {
|
|
@@ -3588,14 +3588,14 @@ const wn = (e, t = {}) => {
|
|
|
3588
3588
|
typeof document > "u" || (document.body.style.overflow = ui.size > 0 ? "hidden" : "");
|
|
3589
3589
|
}, Nn = (e) => {
|
|
3590
3590
|
const t = typeof window < "u", i = xi();
|
|
3591
|
-
|
|
3591
|
+
G(() => {
|
|
3592
3592
|
if (t)
|
|
3593
3593
|
return e ? ui.add(i) : ui.delete(i), Mr(), () => {
|
|
3594
3594
|
ui.delete(i), Mr();
|
|
3595
3595
|
};
|
|
3596
3596
|
}, [e, t, i]);
|
|
3597
3597
|
}, ol = (e, t, i, r = !1) => {
|
|
3598
|
-
|
|
3598
|
+
G(() => {
|
|
3599
3599
|
if (!e || r) return;
|
|
3600
3600
|
const o = (n) => {
|
|
3601
3601
|
var u;
|
|
@@ -3618,7 +3618,7 @@ const wn = (e, t = {}) => {
|
|
|
3618
3618
|
onOutsideClick: u,
|
|
3619
3619
|
disableSameTypeCheck: m = !1
|
|
3620
3620
|
}) => {
|
|
3621
|
-
|
|
3621
|
+
G(() => {
|
|
3622
3622
|
if (!e || t || !a) return;
|
|
3623
3623
|
const d = (f) => {
|
|
3624
3624
|
var C, w;
|
|
@@ -3676,7 +3676,7 @@ const wn = (e, t = {}) => {
|
|
|
3676
3676
|
isDragging: !1,
|
|
3677
3677
|
draggedItemId: null,
|
|
3678
3678
|
dragOverItemId: null
|
|
3679
|
-
}), a =
|
|
3679
|
+
}), a = J(-1), l = J(-1), u = J(-1), m = J(0), d = J(null), c = L((y, N, g) => {
|
|
3680
3680
|
a.current = g, u.current = g, n((w) => ({
|
|
3681
3681
|
...w,
|
|
3682
3682
|
isDragging: !0,
|
|
@@ -3697,11 +3697,11 @@ const wn = (e, t = {}) => {
|
|
|
3697
3697
|
S.fillText(W, 40, w.height / 2);
|
|
3698
3698
|
}
|
|
3699
3699
|
S.fillStyle = M;
|
|
3700
|
-
const
|
|
3700
|
+
const q = 2, _ = 4, z = 12, R = w.height / 2;
|
|
3701
3701
|
for (let W = 0; W < 3; W++)
|
|
3702
3702
|
for (let Y = 0; Y < 2; Y++) {
|
|
3703
3703
|
const ie = z + Y * _, ae = R - _ + W * _;
|
|
3704
|
-
S.beginPath(), S.arc(ie, ae,
|
|
3704
|
+
S.beginPath(), S.arc(ie, ae, q, 0, Math.PI * 2), S.fill();
|
|
3705
3705
|
}
|
|
3706
3706
|
}
|
|
3707
3707
|
k.style.position = "absolute", k.style.top = "-9999px", k.style.left = "-9999px", document.body.appendChild(k), y.dataTransfer.setDragImage(k, 20, w.height / 2), setTimeout(() => {
|
|
@@ -3757,7 +3757,7 @@ const wn = (e, t = {}) => {
|
|
|
3757
3757
|
dragOverItemId: o.dragOverItemId
|
|
3758
3758
|
};
|
|
3759
3759
|
}, fr = (e, t, i = !1) => {
|
|
3760
|
-
|
|
3760
|
+
G(() => {
|
|
3761
3761
|
if (!e || i) return;
|
|
3762
3762
|
const r = (o) => {
|
|
3763
3763
|
o.key === "Escape" && t();
|
|
@@ -3765,7 +3765,7 @@ const wn = (e, t = {}) => {
|
|
|
3765
3765
|
return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
|
|
3766
3766
|
}, [e, t, i]);
|
|
3767
3767
|
}, Cn = (e, t, i = !1) => {
|
|
3768
|
-
|
|
3768
|
+
G(() => {
|
|
3769
3769
|
if (!e || i || !t.current) return;
|
|
3770
3770
|
const r = [
|
|
3771
3771
|
"button",
|
|
@@ -3782,8 +3782,8 @@ const wn = (e, t = {}) => {
|
|
|
3782
3782
|
return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
|
|
3783
3783
|
}, [e, i, t]);
|
|
3784
3784
|
}, Xd = () => {
|
|
3785
|
-
const [e, t] = V({ x: 0, y: 0 }), [i, r] = V({ width: 0, height: 0 }), [o, n] = V(!1), a =
|
|
3786
|
-
return { RenderElementOnClick: ({ children: d, className: c }) => (
|
|
3785
|
+
const [e, t] = V({ x: 0, y: 0 }), [i, r] = V({ width: 0, height: 0 }), [o, n] = V(!1), a = J(null), l = J(null);
|
|
3786
|
+
return { RenderElementOnClick: ({ children: d, className: c }) => (G(() => {
|
|
3787
3787
|
if (!o) return;
|
|
3788
3788
|
a != null && a.current && (a.current.clientWidth !== i.width || a.current.clientHeight !== i.height) && r({
|
|
3789
3789
|
width: a.current.clientWidth,
|
|
@@ -3827,7 +3827,7 @@ const wn = (e, t = {}) => {
|
|
|
3827
3827
|
}, 50));
|
|
3828
3828
|
} };
|
|
3829
3829
|
}, sl = (e, t) => {
|
|
3830
|
-
|
|
3830
|
+
G(() => {
|
|
3831
3831
|
e && t.current && requestAnimationFrame(() => {
|
|
3832
3832
|
var i;
|
|
3833
3833
|
(i = t.current) == null || i.focus();
|
|
@@ -3835,14 +3835,14 @@ const wn = (e, t = {}) => {
|
|
|
3835
3835
|
}, [e, t]);
|
|
3836
3836
|
}, Dn = () => {
|
|
3837
3837
|
const e = typeof window < "u", [t] = V(() => e ? document.createElement("div") : null);
|
|
3838
|
-
return
|
|
3838
|
+
return G(() => {
|
|
3839
3839
|
if (!(!t || !e))
|
|
3840
3840
|
return document.body.appendChild(t), () => {
|
|
3841
3841
|
document.body.contains(t) && document.body.removeChild(t);
|
|
3842
3842
|
};
|
|
3843
3843
|
}, [t, e]), t;
|
|
3844
3844
|
}, Zd = (e, t, i, r) => {
|
|
3845
|
-
|
|
3845
|
+
G(() => {
|
|
3846
3846
|
if (!e) return;
|
|
3847
3847
|
const o = () => {
|
|
3848
3848
|
t == null || t();
|
|
@@ -3860,7 +3860,7 @@ const wn = (e, t = {}) => {
|
|
|
3860
3860
|
disableOutsideTab: r = !1,
|
|
3861
3861
|
disableOutsideClick: o = !1
|
|
3862
3862
|
}) => {
|
|
3863
|
-
const n = Dn(), { isVisible: a, isAnimating: l } = wn(e, { exitDelay: 200 }), u =
|
|
3863
|
+
const n = Dn(), { isVisible: a, isAnimating: l } = wn(e, { exitDelay: 200 }), u = J(null);
|
|
3864
3864
|
return Nn(e), fr(e, t, i), sl(e, u), Cn(e, u, !r), ol(e, u, t, o), {
|
|
3865
3865
|
isVisible: a,
|
|
3866
3866
|
animateIn: l,
|
|
@@ -3996,7 +3996,7 @@ const wn = (e, t = {}) => {
|
|
|
3996
3996
|
onChangeTab: M,
|
|
3997
3997
|
headerButtonIcon: A,
|
|
3998
3998
|
headerButtonIconDuotonePrimary: j,
|
|
3999
|
-
headerButtonIconDuotoneSecondary:
|
|
3999
|
+
headerButtonIconDuotoneSecondary: q,
|
|
4000
4000
|
headerButtonIconDuotoneOpacityPrimary: _,
|
|
4001
4001
|
headerButtonIconDuotoneOpacitySecondary: z,
|
|
4002
4002
|
headerButtonOnClick: R,
|
|
@@ -4004,27 +4004,27 @@ const wn = (e, t = {}) => {
|
|
|
4004
4004
|
footerButtonIconDuotonePrimary: Y,
|
|
4005
4005
|
footerButtonIconDuotoneSecondary: ie,
|
|
4006
4006
|
footerButtonIconDuotoneOpacityPrimary: ae,
|
|
4007
|
-
footerButtonIconDuotoneOpacitySecondary:
|
|
4007
|
+
footerButtonIconDuotoneOpacitySecondary: Z,
|
|
4008
4008
|
footerButtonOnClick: O,
|
|
4009
4009
|
cancelButtonSlotLeft: B,
|
|
4010
4010
|
successButtonSlotRight: K,
|
|
4011
4011
|
disableCancelButton: ne,
|
|
4012
|
-
disableSuccessButton:
|
|
4013
|
-
successButtonColor:
|
|
4012
|
+
disableSuccessButton: oe,
|
|
4013
|
+
successButtonColor: ge = "primary",
|
|
4014
4014
|
badgeIcon: xe,
|
|
4015
|
-
badgeIconDuotonePrimary:
|
|
4015
|
+
badgeIconDuotonePrimary: se,
|
|
4016
4016
|
badgeIconDuotoneSecondary: F,
|
|
4017
|
-
badgeIconDuotoneOpacityPrimary:
|
|
4018
|
-
badgeIconDuotoneOpacitySecondary:
|
|
4019
|
-
badgeLabel:
|
|
4017
|
+
badgeIconDuotoneOpacityPrimary: U,
|
|
4018
|
+
badgeIconDuotoneOpacitySecondary: H,
|
|
4019
|
+
badgeLabel: X,
|
|
4020
4020
|
hideFooter: re = !1
|
|
4021
4021
|
}) => {
|
|
4022
|
-
const [de,
|
|
4023
|
-
|
|
4024
|
-
E !== void 0 &&
|
|
4022
|
+
const [de, fe] = V(E);
|
|
4023
|
+
G(() => {
|
|
4024
|
+
E !== void 0 && fe(E);
|
|
4025
4025
|
}, [E]);
|
|
4026
|
-
const
|
|
4027
|
-
|
|
4026
|
+
const me = (Se) => {
|
|
4027
|
+
fe(Se), M && M(Se);
|
|
4028
4028
|
}, we = te(() => i ? i.show !== !1 ? i : void 0 : ul({
|
|
4029
4029
|
icon: f,
|
|
4030
4030
|
iconDuotonePrimary: h,
|
|
@@ -4046,7 +4046,7 @@ const wn = (e, t = {}) => {
|
|
|
4046
4046
|
const Se = cl({
|
|
4047
4047
|
headerButtonIcon: A,
|
|
4048
4048
|
headerButtonIconDuotonePrimary: j,
|
|
4049
|
-
headerButtonIconDuotoneSecondary:
|
|
4049
|
+
headerButtonIconDuotoneSecondary: q,
|
|
4050
4050
|
headerButtonIconDuotoneOpacityPrimary: _,
|
|
4051
4051
|
headerButtonIconDuotoneOpacitySecondary: z,
|
|
4052
4052
|
headerButtonOnClick: R
|
|
@@ -4057,39 +4057,39 @@ const wn = (e, t = {}) => {
|
|
|
4057
4057
|
r,
|
|
4058
4058
|
A,
|
|
4059
4059
|
j,
|
|
4060
|
-
|
|
4060
|
+
q,
|
|
4061
4061
|
_,
|
|
4062
4062
|
z,
|
|
4063
4063
|
R
|
|
4064
|
-
]),
|
|
4064
|
+
]), Ce = te(() => {
|
|
4065
4065
|
if (a && a.length > 0)
|
|
4066
4066
|
return a.filter((De) => De.show !== !1);
|
|
4067
4067
|
if (n && n.show !== !1)
|
|
4068
4068
|
return [{ ...n, id: n.id || "badge" }];
|
|
4069
4069
|
const Se = dl({
|
|
4070
4070
|
badgeIcon: xe,
|
|
4071
|
-
badgeIconDuotonePrimary:
|
|
4071
|
+
badgeIconDuotonePrimary: se,
|
|
4072
4072
|
badgeIconDuotoneSecondary: F,
|
|
4073
|
-
badgeIconDuotoneOpacityPrimary:
|
|
4074
|
-
badgeIconDuotoneOpacitySecondary:
|
|
4075
|
-
badgeLabel:
|
|
4073
|
+
badgeIconDuotoneOpacityPrimary: U,
|
|
4074
|
+
badgeIconDuotoneOpacitySecondary: H,
|
|
4075
|
+
badgeLabel: X
|
|
4076
4076
|
});
|
|
4077
4077
|
return Se ? [Se] : [];
|
|
4078
4078
|
}, [
|
|
4079
4079
|
a,
|
|
4080
4080
|
n,
|
|
4081
4081
|
xe,
|
|
4082
|
-
|
|
4082
|
+
se,
|
|
4083
4083
|
F,
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4084
|
+
U,
|
|
4085
|
+
H,
|
|
4086
|
+
X
|
|
4087
4087
|
]), Pe = te(() => l ? l.show !== !1 ? l : void 0 : fl({
|
|
4088
4088
|
footerButtonIcon: W,
|
|
4089
4089
|
footerButtonIconDuotonePrimary: Y,
|
|
4090
4090
|
footerButtonIconDuotoneSecondary: ie,
|
|
4091
4091
|
footerButtonIconDuotoneOpacityPrimary: ae,
|
|
4092
|
-
footerButtonIconDuotoneOpacitySecondary:
|
|
4092
|
+
footerButtonIconDuotoneOpacitySecondary: Z,
|
|
4093
4093
|
footerButtonOnClick: O
|
|
4094
4094
|
}), [
|
|
4095
4095
|
l,
|
|
@@ -4097,7 +4097,7 @@ const wn = (e, t = {}) => {
|
|
|
4097
4097
|
Y,
|
|
4098
4098
|
ie,
|
|
4099
4099
|
ae,
|
|
4100
|
-
|
|
4100
|
+
Z,
|
|
4101
4101
|
O
|
|
4102
4102
|
]), Oe = te(() => {
|
|
4103
4103
|
if (d && d.length > 0)
|
|
@@ -4115,8 +4115,8 @@ const wn = (e, t = {}) => {
|
|
|
4115
4115
|
cancelButtonSlotLeft: B,
|
|
4116
4116
|
successButtonSlotRight: K,
|
|
4117
4117
|
disableCancelButton: ne,
|
|
4118
|
-
disableSuccessButton:
|
|
4119
|
-
successButtonColor:
|
|
4118
|
+
disableSuccessButton: oe,
|
|
4119
|
+
successButtonColor: ge
|
|
4120
4120
|
});
|
|
4121
4121
|
}, [
|
|
4122
4122
|
d,
|
|
@@ -4133,8 +4133,8 @@ const wn = (e, t = {}) => {
|
|
|
4133
4133
|
B,
|
|
4134
4134
|
K,
|
|
4135
4135
|
ne,
|
|
4136
|
-
|
|
4137
|
-
|
|
4136
|
+
oe,
|
|
4137
|
+
ge
|
|
4138
4138
|
]), Ke = {
|
|
4139
4139
|
// Nuevo sistema (modelo cerrado)
|
|
4140
4140
|
iconConfig: i,
|
|
@@ -4149,7 +4149,7 @@ const wn = (e, t = {}) => {
|
|
|
4149
4149
|
// Procesados
|
|
4150
4150
|
processedIcon: we,
|
|
4151
4151
|
processedHeaderButtons: ye,
|
|
4152
|
-
processedBadges:
|
|
4152
|
+
processedBadges: Ce,
|
|
4153
4153
|
processedFooterAuxButton: Pe,
|
|
4154
4154
|
processedFooterButtons: Oe,
|
|
4155
4155
|
// Props legacy (mantener para retrocompatibilidad)
|
|
@@ -4172,11 +4172,11 @@ const wn = (e, t = {}) => {
|
|
|
4172
4172
|
iconDuotoneOpacitySecondary: x,
|
|
4173
4173
|
tabs: v,
|
|
4174
4174
|
defaultValueTab: E,
|
|
4175
|
-
onChangeTab:
|
|
4175
|
+
onChangeTab: me,
|
|
4176
4176
|
currentTab: de,
|
|
4177
4177
|
headerButtonIcon: A,
|
|
4178
4178
|
headerButtonIconDuotonePrimary: j,
|
|
4179
|
-
headerButtonIconDuotoneSecondary:
|
|
4179
|
+
headerButtonIconDuotoneSecondary: q,
|
|
4180
4180
|
headerButtonIconDuotoneOpacityPrimary: _,
|
|
4181
4181
|
headerButtonIconDuotoneOpacitySecondary: z,
|
|
4182
4182
|
headerButtonOnClick: R,
|
|
@@ -4184,19 +4184,19 @@ const wn = (e, t = {}) => {
|
|
|
4184
4184
|
footerButtonIconDuotonePrimary: Y,
|
|
4185
4185
|
footerButtonIconDuotoneSecondary: ie,
|
|
4186
4186
|
footerButtonIconDuotoneOpacityPrimary: ae,
|
|
4187
|
-
footerButtonIconDuotoneOpacitySecondary:
|
|
4187
|
+
footerButtonIconDuotoneOpacitySecondary: Z,
|
|
4188
4188
|
footerButtonOnClick: O,
|
|
4189
4189
|
cancelButtonSlotLeft: B,
|
|
4190
4190
|
successButtonSlotRight: K,
|
|
4191
4191
|
disableCancelButton: ne,
|
|
4192
|
-
disableSuccessButton:
|
|
4193
|
-
successButtonColor:
|
|
4192
|
+
disableSuccessButton: oe,
|
|
4193
|
+
successButtonColor: ge,
|
|
4194
4194
|
badgeIcon: xe,
|
|
4195
|
-
badgeIconDuotonePrimary:
|
|
4195
|
+
badgeIconDuotonePrimary: se,
|
|
4196
4196
|
badgeIconDuotoneSecondary: F,
|
|
4197
|
-
badgeIconDuotoneOpacityPrimary:
|
|
4198
|
-
badgeIconDuotoneOpacitySecondary:
|
|
4199
|
-
badgeLabel:
|
|
4197
|
+
badgeIconDuotoneOpacityPrimary: U,
|
|
4198
|
+
badgeIconDuotoneOpacitySecondary: H,
|
|
4199
|
+
badgeLabel: X,
|
|
4200
4200
|
hideFooter: re
|
|
4201
4201
|
};
|
|
4202
4202
|
return /* @__PURE__ */ s(Tn.Provider, { value: Ke, children: e });
|
|
@@ -4205,7 +4205,7 @@ const wn = (e, t = {}) => {
|
|
|
4205
4205
|
if (!e)
|
|
4206
4206
|
throw new Error("Modal components must be used within a Modal");
|
|
4207
4207
|
return e;
|
|
4208
|
-
},
|
|
4208
|
+
}, Gi = ({
|
|
4209
4209
|
options: e,
|
|
4210
4210
|
defaultValue: t,
|
|
4211
4211
|
onChange: i,
|
|
@@ -4214,7 +4214,7 @@ const wn = (e, t = {}) => {
|
|
|
4214
4214
|
fullWidth: n = !1
|
|
4215
4215
|
}) => {
|
|
4216
4216
|
var f;
|
|
4217
|
-
const a =
|
|
4217
|
+
const a = Ue("", {
|
|
4218
4218
|
variants: {
|
|
4219
4219
|
size: {
|
|
4220
4220
|
sm: "ui-p-6 ui-gap-2",
|
|
@@ -4231,7 +4231,7 @@ const wn = (e, t = {}) => {
|
|
|
4231
4231
|
fullWidth: !1
|
|
4232
4232
|
}
|
|
4233
4233
|
}), l = r === "sm" ? "xxs" : r === "md" ? "xs" : "sm", [u, m] = V(t || ((f = e[0]) == null ? void 0 : f.value) || "");
|
|
4234
|
-
|
|
4234
|
+
G(() => {
|
|
4235
4235
|
t !== void 0 && t !== u && m(t);
|
|
4236
4236
|
}, [t, u]);
|
|
4237
4237
|
const d = (h) => {
|
|
@@ -4341,7 +4341,7 @@ const wn = (e, t = {}) => {
|
|
|
4341
4341
|
iconDuotoneSecondary: M,
|
|
4342
4342
|
iconDuotoneOpacityPrimary: A,
|
|
4343
4343
|
iconDuotoneOpacitySecondary: j,
|
|
4344
|
-
tabs:
|
|
4344
|
+
tabs: q,
|
|
4345
4345
|
defaultValueTab: _,
|
|
4346
4346
|
onChangeTab: z,
|
|
4347
4347
|
currentTab: R = void 0,
|
|
@@ -4349,19 +4349,19 @@ const wn = (e, t = {}) => {
|
|
|
4349
4349
|
headerButtonIconDuotonePrimary: Y,
|
|
4350
4350
|
headerButtonIconDuotoneSecondary: ie,
|
|
4351
4351
|
headerButtonIconDuotoneOpacityPrimary: ae,
|
|
4352
|
-
headerButtonIconDuotoneOpacitySecondary:
|
|
4352
|
+
headerButtonIconDuotoneOpacitySecondary: Z,
|
|
4353
4353
|
headerButtonOnClick: O,
|
|
4354
4354
|
badgeIcon: B,
|
|
4355
4355
|
badgeIconDuotonePrimary: K,
|
|
4356
4356
|
badgeIconDuotoneSecondary: ne,
|
|
4357
|
-
badgeIconDuotoneOpacityPrimary:
|
|
4358
|
-
badgeIconDuotoneOpacitySecondary:
|
|
4357
|
+
badgeIconDuotoneOpacityPrimary: oe,
|
|
4358
|
+
badgeIconDuotoneOpacitySecondary: ge,
|
|
4359
4359
|
badgeLabel: xe
|
|
4360
|
-
} = Ci(),
|
|
4361
|
-
|
|
4360
|
+
} = Ci(), se = t ?? k, F = l || (a ? [a] : null) || T || [], U = m || (u ? [u] : null) || $ || [], H = (S == null ? void 0 : S.icon) || v, X = S ? S.show !== !1 : !!v, re = (r == null ? void 0 : r.length) > 0 ? r : q, de = (re == null ? void 0 : re.length) ?? !1, fe = n ?? z, me = o ?? _, we = (ye) => {
|
|
4361
|
+
fe && fe(ye);
|
|
4362
4362
|
};
|
|
4363
4363
|
return /* @__PURE__ */ P("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-default ui-p-16", children: [
|
|
4364
|
-
|
|
4364
|
+
X && H && S && /* @__PURE__ */ s(
|
|
4365
4365
|
be,
|
|
4366
4366
|
{
|
|
4367
4367
|
background: !0,
|
|
@@ -4377,7 +4377,7 @@ const wn = (e, t = {}) => {
|
|
|
4377
4377
|
),
|
|
4378
4378
|
/* @__PURE__ */ s("div", { className: "ui-flex ui-flex-1 ui-items-center ui-gap-8", children: i ? /* @__PURE__ */ s("h2", { className: "ui-text-heading-h3 ui-font-heading-h3 ui-leading-heading-h3 ui-tracking-heading-h3", children: i }) : e }),
|
|
4379
4379
|
/* @__PURE__ */ P("div", { className: "ui-z-10 ui-flex ui-items-center ui-gap-16", children: [
|
|
4380
|
-
|
|
4380
|
+
U.map((ye, Ce) => /* @__PURE__ */ s(
|
|
4381
4381
|
ei,
|
|
4382
4382
|
{
|
|
4383
4383
|
...bl(ye, {
|
|
@@ -4386,12 +4386,12 @@ const wn = (e, t = {}) => {
|
|
|
4386
4386
|
size: ye.size || "sm"
|
|
4387
4387
|
})
|
|
4388
4388
|
},
|
|
4389
|
-
ye.id || `badge-${
|
|
4389
|
+
ye.id || `badge-${Ce}`
|
|
4390
4390
|
)),
|
|
4391
|
-
F.map((ye,
|
|
4392
|
-
|
|
4391
|
+
F.map((ye, Ce) => /* @__PURE__ */ s(
|
|
4392
|
+
he,
|
|
4393
4393
|
{
|
|
4394
|
-
"aria-label": ye.label || `Header button ${
|
|
4394
|
+
"aria-label": ye.label || `Header button ${Ce + 1}`,
|
|
4395
4395
|
...gl(ye, {
|
|
4396
4396
|
onClick: ye.onClick ? (Pe) => {
|
|
4397
4397
|
var Oe;
|
|
@@ -4405,10 +4405,10 @@ const wn = (e, t = {}) => {
|
|
|
4405
4405
|
}),
|
|
4406
4406
|
children: ye.label
|
|
4407
4407
|
},
|
|
4408
|
-
ye.id || `header-button-${
|
|
4408
|
+
ye.id || `header-button-${Ce}`
|
|
4409
4409
|
)),
|
|
4410
|
-
|
|
4411
|
-
|
|
4410
|
+
se && /* @__PURE__ */ s(
|
|
4411
|
+
he,
|
|
4412
4412
|
{
|
|
4413
4413
|
onClick: w,
|
|
4414
4414
|
"aria-label": "Cerrar modal",
|
|
@@ -4421,10 +4421,10 @@ const wn = (e, t = {}) => {
|
|
|
4421
4421
|
)
|
|
4422
4422
|
] }),
|
|
4423
4423
|
de ? /* @__PURE__ */ s("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ s(
|
|
4424
|
-
|
|
4424
|
+
Gi,
|
|
4425
4425
|
{
|
|
4426
4426
|
options: re ?? [],
|
|
4427
|
-
defaultValue: R ??
|
|
4427
|
+
defaultValue: R ?? me,
|
|
4428
4428
|
size: "sm",
|
|
4429
4429
|
onChange: (ye) => {
|
|
4430
4430
|
we(ye);
|
|
@@ -4485,7 +4485,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4485
4485
|
),
|
|
4486
4486
|
children: [
|
|
4487
4487
|
f && /* @__PURE__ */ s(
|
|
4488
|
-
|
|
4488
|
+
he,
|
|
4489
4489
|
{
|
|
4490
4490
|
"aria-label": f.label || "Footer aux button",
|
|
4491
4491
|
...Ar(f, {
|
|
@@ -4500,7 +4500,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4500
4500
|
}
|
|
4501
4501
|
),
|
|
4502
4502
|
e || /* @__PURE__ */ s("div", { className: "ui-flex ui-gap-12", children: h.map((x, y) => x.show === !1 ? null : /* @__PURE__ */ s(
|
|
4503
|
-
|
|
4503
|
+
he,
|
|
4504
4504
|
{
|
|
4505
4505
|
...Ar(x, {
|
|
4506
4506
|
color: x.color || "primary",
|
|
@@ -4527,7 +4527,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4527
4527
|
padding: l = "md",
|
|
4528
4528
|
aspect: u = "none"
|
|
4529
4529
|
}) => {
|
|
4530
|
-
const { hideFooter: m, currentTab: d } = Ci(), [c, f] = V(!1), [h, b] = V(!1), p =
|
|
4530
|
+
const { hideFooter: m, currentTab: d } = Ci(), [c, f] = V(!1), [h, b] = V(!1), p = J(null), x = J(d), [y, N] = V(null), [g, D] = V(
|
|
4531
4531
|
null
|
|
4532
4532
|
), [C, w] = V(null), [k, S] = V(null), [T, $] = V(null), v = L((z, R) => {
|
|
4533
4533
|
const W = z.getBoundingClientRect(), Y = R.getBoundingClientRect(), ie = Y.top - W.top, ae = Y.left - W.left;
|
|
@@ -4539,7 +4539,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4539
4539
|
left: ae
|
|
4540
4540
|
});
|
|
4541
4541
|
}, []);
|
|
4542
|
-
|
|
4542
|
+
G(() => {
|
|
4543
4543
|
if (c && p.current) {
|
|
4544
4544
|
let z = p.current.parentElement, R = 0;
|
|
4545
4545
|
for (; z && R < 10; ) {
|
|
@@ -4558,14 +4558,14 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4558
4558
|
z = z.parentElement, R++;
|
|
4559
4559
|
}
|
|
4560
4560
|
} else !c && !h && (N(null), D(null), w(null), S(null), $(null));
|
|
4561
|
-
}, [c, h, v]),
|
|
4561
|
+
}, [c, h, v]), G(() => {
|
|
4562
4562
|
if (c && y) {
|
|
4563
4563
|
const z = window.getComputedStyle(y).position;
|
|
4564
4564
|
return (z === "static" || z === "") && (y.style.position = "relative"), () => {
|
|
4565
4565
|
(z === "static" || z === "") && (y.style.position = "");
|
|
4566
4566
|
};
|
|
4567
4567
|
}
|
|
4568
|
-
}, [c, y, v]),
|
|
4568
|
+
}, [c, y, v]), G(() => {
|
|
4569
4569
|
if (!c || !k || !T) return;
|
|
4570
4570
|
const z = new ResizeObserver(() => {
|
|
4571
4571
|
v(k, T);
|
|
@@ -4599,19 +4599,19 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4599
4599
|
if (!g || u === "none")
|
|
4600
4600
|
return { width: "100%", height: "100%" };
|
|
4601
4601
|
const { width: z, height: R } = g, W = 64, Y = z - W, ie = R - W, ae = A[u];
|
|
4602
|
-
let
|
|
4603
|
-
return
|
|
4604
|
-
width: `${
|
|
4602
|
+
let Z, O;
|
|
4603
|
+
return Z = Y, O = Z / ae, O > ie && (O = ie, Z = O * ae), {
|
|
4604
|
+
width: `${Z}px`,
|
|
4605
4605
|
height: `${O}px`
|
|
4606
4606
|
};
|
|
4607
|
-
}, [g, u, A]),
|
|
4607
|
+
}, [g, u, A]), q = L(() => {
|
|
4608
4608
|
b(!1), f(!0);
|
|
4609
4609
|
}, []), _ = L(() => {
|
|
4610
4610
|
b(!0), setTimeout(() => {
|
|
4611
4611
|
f(!1), b(!1);
|
|
4612
4612
|
}, 300);
|
|
4613
4613
|
}, []);
|
|
4614
|
-
return
|
|
4614
|
+
return G(() => {
|
|
4615
4615
|
d !== void 0 && x.current !== void 0 && d !== x.current && c && _(), x.current = d;
|
|
4616
4616
|
}, [d, c, _]), /* @__PURE__ */ P("div", { ref: p, className: I("ui-relative", i), children: [
|
|
4617
4617
|
o && /* @__PURE__ */ s(
|
|
@@ -4647,9 +4647,9 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4647
4647
|
n === "auto" ? (
|
|
4648
4648
|
// Para tamaño auto: botón en esquina superior derecha, sin scale
|
|
4649
4649
|
/* @__PURE__ */ s("div", { className: "ui-absolute ui-right-4 ui-top-4 ui-z-10", children: /* @__PURE__ */ s(
|
|
4650
|
-
|
|
4650
|
+
he,
|
|
4651
4651
|
{
|
|
4652
|
-
onClick:
|
|
4652
|
+
onClick: q,
|
|
4653
4653
|
icon: Vi,
|
|
4654
4654
|
theme: "solid",
|
|
4655
4655
|
color: "secondary",
|
|
@@ -4661,9 +4661,9 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4661
4661
|
) : (
|
|
4662
4662
|
// Para otros tamaños: botón centrado con overlay, con scale
|
|
4663
4663
|
/* @__PURE__ */ s("div", { className: "ui-bg-black/0 group-hover:ui-bg-black/30 ui-absolute ui-inset-0 ui-flex ui-items-center ui-justify-center ui-transition-colors", children: /* @__PURE__ */ s(
|
|
4664
|
-
|
|
4664
|
+
he,
|
|
4665
4665
|
{
|
|
4666
|
-
onClick:
|
|
4666
|
+
onClick: q,
|
|
4667
4667
|
icon: Vi,
|
|
4668
4668
|
theme: "solid",
|
|
4669
4669
|
color: "secondary",
|
|
@@ -4805,7 +4805,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
|
|
|
4805
4805
|
animation: h ? "fadeOut 0.3s ease-in-out" : "fadeIn 0.3s ease-in-out 0.1s both"
|
|
4806
4806
|
},
|
|
4807
4807
|
children: /* @__PURE__ */ s(
|
|
4808
|
-
|
|
4808
|
+
he,
|
|
4809
4809
|
{
|
|
4810
4810
|
onClick: _,
|
|
4811
4811
|
icon: Vi,
|
|
@@ -4922,7 +4922,7 @@ const Sl = ({
|
|
|
4922
4922
|
headerButtonIconDuotoneSecondary: M,
|
|
4923
4923
|
headerButtonIconDuotoneOpacityPrimary: A,
|
|
4924
4924
|
headerButtonIconDuotoneOpacitySecondary: j,
|
|
4925
|
-
headerButtonOnClick:
|
|
4925
|
+
headerButtonOnClick: q,
|
|
4926
4926
|
footerButtonIcon: _,
|
|
4927
4927
|
footerButtonIconDuotonePrimary: z,
|
|
4928
4928
|
footerButtonIconDuotoneSecondary: R,
|
|
@@ -4930,27 +4930,27 @@ const Sl = ({
|
|
|
4930
4930
|
footerButtonIconDuotoneOpacitySecondary: Y,
|
|
4931
4931
|
footerButtonOnClick: ie,
|
|
4932
4932
|
cancelButtonSlotLeft: ae,
|
|
4933
|
-
successButtonSlotRight:
|
|
4933
|
+
successButtonSlotRight: Z,
|
|
4934
4934
|
disableCancelButton: O,
|
|
4935
4935
|
disableSuccessButton: B,
|
|
4936
4936
|
successButtonColor: K,
|
|
4937
4937
|
badgeIcon: ne,
|
|
4938
|
-
badgeIconDuotonePrimary:
|
|
4939
|
-
badgeIconDuotoneSecondary:
|
|
4938
|
+
badgeIconDuotonePrimary: oe,
|
|
4939
|
+
badgeIconDuotoneSecondary: ge,
|
|
4940
4940
|
badgeIconDuotoneOpacityPrimary: xe,
|
|
4941
|
-
badgeIconDuotoneOpacitySecondary:
|
|
4941
|
+
badgeIconDuotoneOpacitySecondary: se,
|
|
4942
4942
|
badgeLabel: F,
|
|
4943
|
-
hideFooter:
|
|
4943
|
+
hideFooter: U = !1,
|
|
4944
4944
|
// Nuevo sistema (modelo cerrado)
|
|
4945
|
-
iconConfig:
|
|
4946
|
-
headerButton:
|
|
4945
|
+
iconConfig: H,
|
|
4946
|
+
headerButton: X,
|
|
4947
4947
|
headerButtons: re,
|
|
4948
4948
|
badge: de,
|
|
4949
|
-
badges:
|
|
4950
|
-
footerAuxButton:
|
|
4949
|
+
badges: fe,
|
|
4950
|
+
footerAuxButton: me,
|
|
4951
4951
|
footerPrimaryButton: we,
|
|
4952
4952
|
footerSecondaryButton: ye,
|
|
4953
|
-
footerButtons:
|
|
4953
|
+
footerButtons: Ce
|
|
4954
4954
|
}) => {
|
|
4955
4955
|
const { isVisible: Pe, animateIn: Oe, container: Ke, modalRef: Se } = al({
|
|
4956
4956
|
isOpen: e,
|
|
@@ -5019,7 +5019,7 @@ const Sl = ({
|
|
|
5019
5019
|
headerButtonIconDuotoneSecondary: M,
|
|
5020
5020
|
headerButtonIconDuotoneOpacityPrimary: A,
|
|
5021
5021
|
headerButtonIconDuotoneOpacitySecondary: j,
|
|
5022
|
-
headerButtonOnClick:
|
|
5022
|
+
headerButtonOnClick: q,
|
|
5023
5023
|
footerButtonIcon: _,
|
|
5024
5024
|
footerButtonIconDuotonePrimary: z,
|
|
5025
5025
|
footerButtonIconDuotoneSecondary: R,
|
|
@@ -5030,30 +5030,30 @@ const Sl = ({
|
|
|
5030
5030
|
defaultValueTab: C,
|
|
5031
5031
|
onChangeTab: w,
|
|
5032
5032
|
cancelButtonSlotLeft: ae,
|
|
5033
|
-
successButtonSlotRight:
|
|
5033
|
+
successButtonSlotRight: Z,
|
|
5034
5034
|
disableCancelButton: O,
|
|
5035
5035
|
disableSuccessButton: B,
|
|
5036
5036
|
successButtonColor: K,
|
|
5037
5037
|
badgeIcon: ne,
|
|
5038
|
-
badgeIconDuotonePrimary:
|
|
5039
|
-
badgeIconDuotoneSecondary:
|
|
5038
|
+
badgeIconDuotonePrimary: oe,
|
|
5039
|
+
badgeIconDuotoneSecondary: ge,
|
|
5040
5040
|
badgeIconDuotoneOpacityPrimary: xe,
|
|
5041
|
-
badgeIconDuotoneOpacitySecondary:
|
|
5041
|
+
badgeIconDuotoneOpacitySecondary: se,
|
|
5042
5042
|
badgeLabel: F,
|
|
5043
|
-
hideFooter:
|
|
5044
|
-
iconConfig:
|
|
5045
|
-
headerButton:
|
|
5043
|
+
hideFooter: U,
|
|
5044
|
+
iconConfig: H,
|
|
5045
|
+
headerButton: X,
|
|
5046
5046
|
headerButtons: re,
|
|
5047
5047
|
badge: de,
|
|
5048
|
-
badges:
|
|
5049
|
-
footerAuxButton:
|
|
5048
|
+
badges: fe,
|
|
5049
|
+
footerAuxButton: me,
|
|
5050
5050
|
footerPrimaryButton: we,
|
|
5051
5051
|
footerSecondaryButton: ye,
|
|
5052
|
-
footerButtons:
|
|
5052
|
+
footerButtons: Ce,
|
|
5053
5053
|
children: [
|
|
5054
5054
|
!De && (n || b ? /* @__PURE__ */ s(Di, { title: b }) : null),
|
|
5055
5055
|
o && o,
|
|
5056
|
-
!Ee && !
|
|
5056
|
+
!Ee && !U && /* @__PURE__ */ s(mr, {})
|
|
5057
5057
|
]
|
|
5058
5058
|
}
|
|
5059
5059
|
)
|
|
@@ -5135,7 +5135,7 @@ const Sl = ({
|
|
|
5135
5135
|
] }) })
|
|
5136
5136
|
}
|
|
5137
5137
|
);
|
|
5138
|
-
},
|
|
5138
|
+
}, Ut = ({
|
|
5139
5139
|
label: e = "",
|
|
5140
5140
|
avatar: t,
|
|
5141
5141
|
color: i = "accent",
|
|
@@ -5148,7 +5148,7 @@ const Sl = ({
|
|
|
5148
5148
|
infoIcon: m = void 0,
|
|
5149
5149
|
...d
|
|
5150
5150
|
}) => {
|
|
5151
|
-
const [c, f] = V(!1), h =
|
|
5151
|
+
const [c, f] = V(!1), h = Ue("", {
|
|
5152
5152
|
variants: {
|
|
5153
5153
|
color: {
|
|
5154
5154
|
accent: "ui-bg-surface-brand ui-text-brand ui-border-brand",
|
|
@@ -5195,7 +5195,7 @@ const Sl = ({
|
|
|
5195
5195
|
A && "ui-bg-surface-info-selected"
|
|
5196
5196
|
),
|
|
5197
5197
|
disabled: ""
|
|
5198
|
-
})[E] || "", p =
|
|
5198
|
+
})[E] || "", p = Ue("", {
|
|
5199
5199
|
variants: {
|
|
5200
5200
|
color: {
|
|
5201
5201
|
accent: b("accent", c, u),
|
|
@@ -5207,7 +5207,7 @@ const Sl = ({
|
|
|
5207
5207
|
disabled: ""
|
|
5208
5208
|
}
|
|
5209
5209
|
}
|
|
5210
|
-
}), x =
|
|
5210
|
+
}), x = Ue("", {
|
|
5211
5211
|
variants: {
|
|
5212
5212
|
color: {
|
|
5213
5213
|
accent: I(r && "ui-text-brand"),
|
|
@@ -5219,7 +5219,7 @@ const Sl = ({
|
|
|
5219
5219
|
disabled: ""
|
|
5220
5220
|
}
|
|
5221
5221
|
}
|
|
5222
|
-
}), y =
|
|
5222
|
+
}), y = Ue("ui-shrink-0 ui-flex ui-items-center", {
|
|
5223
5223
|
variants: {
|
|
5224
5224
|
color: {
|
|
5225
5225
|
accent: "",
|
|
@@ -5231,7 +5231,7 @@ const Sl = ({
|
|
|
5231
5231
|
disabled: ""
|
|
5232
5232
|
}
|
|
5233
5233
|
}
|
|
5234
|
-
}), N =
|
|
5234
|
+
}), N = Ue(
|
|
5235
5235
|
"ui-flex ui-items-center ui-justify-center ui-shrink-0 ui-rounded-control-xs ui-transition-colors ui-p-2",
|
|
5236
5236
|
{
|
|
5237
5237
|
variants: {
|
|
@@ -5246,7 +5246,7 @@ const Sl = ({
|
|
|
5246
5246
|
}
|
|
5247
5247
|
}
|
|
5248
5248
|
}
|
|
5249
|
-
), g =
|
|
5249
|
+
), g = Ue("", {
|
|
5250
5250
|
variants: {
|
|
5251
5251
|
color: {
|
|
5252
5252
|
accent: b("accent", c, u),
|
|
@@ -5415,7 +5415,7 @@ const Sl = ({
|
|
|
5415
5415
|
onBlur: p,
|
|
5416
5416
|
className: x
|
|
5417
5417
|
}) => {
|
|
5418
|
-
const y =
|
|
5418
|
+
const y = J(null), N = J(null), {
|
|
5419
5419
|
badges: g,
|
|
5420
5420
|
inputValue: D,
|
|
5421
5421
|
isFocused: C,
|
|
@@ -5454,15 +5454,15 @@ const Sl = ({
|
|
|
5454
5454
|
u ? "ui-border-disabled ui-bg-surface-disabled ui-cursor-not-allowed" : o ? "ui-border-danger ui-bg-surface-danger" : C ? "ui-border-brand" : "ui-border-default hover:ui-border-brand",
|
|
5455
5455
|
!u && "ui-cursor-text",
|
|
5456
5456
|
x
|
|
5457
|
-
),
|
|
5457
|
+
), q = I(
|
|
5458
5458
|
"ui-text-body-sm-regular ui-font-body-sm-bold",
|
|
5459
5459
|
o ? "ui-text-danger" : "ui-text-primary"
|
|
5460
5460
|
);
|
|
5461
5461
|
return /* @__PURE__ */ P("div", { className: I("ui-flex ui-flex-col ui-gap-1", m ? "ui-w-full" : "ui-w-fit"), children: [
|
|
5462
|
-
i && /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: /* @__PURE__ */ s("label", { className:
|
|
5462
|
+
i && /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: /* @__PURE__ */ s("label", { className: q, children: i }) }),
|
|
5463
5463
|
/* @__PURE__ */ P("div", { ref: N, className: j, onClick: A, children: [
|
|
5464
5464
|
g.map((_) => /* @__PURE__ */ s(
|
|
5465
|
-
|
|
5465
|
+
Ut,
|
|
5466
5466
|
{
|
|
5467
5467
|
label: _.label,
|
|
5468
5468
|
color: u ? "disabled" : _.color,
|
|
@@ -5728,7 +5728,7 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5728
5728
|
disabled: l = !1,
|
|
5729
5729
|
absolute: u = !1
|
|
5730
5730
|
}) => {
|
|
5731
|
-
const m = xi(), d = o || `popup-${m}`, [c, f] = V(!1), [h, b] = V({}), [p, x] = V(!1), y =
|
|
5731
|
+
const m = xi(), d = o || `popup-${m}`, [c, f] = V(!1), [h, b] = V({}), [p, x] = V(!1), y = J(null), N = J(null), g = J(null), D = L(() => {
|
|
5732
5732
|
const k = y.current, S = N.current;
|
|
5733
5733
|
if (!k || !S) return;
|
|
5734
5734
|
const T = k.getBoundingClientRect(), $ = S.getBoundingClientRect();
|
|
@@ -5783,19 +5783,19 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5783
5783
|
}
|
|
5784
5784
|
E < 0 && (E = 0), E + $.width > _ && (E = _ - $.width), v < 0 && (v = 0), v + $.height > z && (v = z - $.height), e === "bottom-right" && $.width > T.width && (E = T.right - $.width, E < 0 && (E = 0));
|
|
5785
5785
|
}
|
|
5786
|
-
const M = 1e3, A = parseInt(d.replace(/\D/g, "")) || 0, j = M + A % 100,
|
|
5786
|
+
const M = 1e3, A = parseInt(d.replace(/\D/g, "")) || 0, j = M + A % 100, q = {
|
|
5787
5787
|
position: u ? "absolute" : "fixed",
|
|
5788
5788
|
top: `${v}px`,
|
|
5789
5789
|
left: `${E}px`,
|
|
5790
5790
|
zIndex: j
|
|
5791
5791
|
};
|
|
5792
|
-
b(
|
|
5792
|
+
b(q), x(!0);
|
|
5793
5793
|
}, [e, t, d, u]), C = (k) => {
|
|
5794
5794
|
k && k.stopPropagation(), !l && (c ? w() : (El(d), b({}), x(!1), f(!0), Ki.add(d), n == null || n()));
|
|
5795
5795
|
}, w = () => {
|
|
5796
5796
|
f(!1), x(!1), Ki.delete(d), a == null || a();
|
|
5797
5797
|
};
|
|
5798
|
-
return
|
|
5798
|
+
return G(() => {
|
|
5799
5799
|
if (c) {
|
|
5800
5800
|
const k = () => {
|
|
5801
5801
|
const S = N.current;
|
|
@@ -5810,7 +5810,7 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5810
5810
|
requestAnimationFrame(k);
|
|
5811
5811
|
}, 0);
|
|
5812
5812
|
}
|
|
5813
|
-
}, [c, D]),
|
|
5813
|
+
}, [c, D]), G(() => {
|
|
5814
5814
|
if (!c || !p || u) return;
|
|
5815
5815
|
let k = !1;
|
|
5816
5816
|
const S = () => {
|
|
@@ -5875,7 +5875,7 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5875
5875
|
buttonClassName: M,
|
|
5876
5876
|
containerClassName: A,
|
|
5877
5877
|
buttonTransition: j = !0,
|
|
5878
|
-
buttonStyle:
|
|
5878
|
+
buttonStyle: q,
|
|
5879
5879
|
stopPropagationList: _ = !0,
|
|
5880
5880
|
onClick: z,
|
|
5881
5881
|
...R
|
|
@@ -5884,12 +5884,12 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5884
5884
|
isOpen: Y,
|
|
5885
5885
|
popupStyle: ie,
|
|
5886
5886
|
isPositioned: ae,
|
|
5887
|
-
triggerRef:
|
|
5887
|
+
triggerRef: Z,
|
|
5888
5888
|
popupRef: O,
|
|
5889
5889
|
containerRef: B,
|
|
5890
5890
|
popupUniqueId: K,
|
|
5891
5891
|
togglePopup: ne,
|
|
5892
|
-
closePopup:
|
|
5892
|
+
closePopup: oe
|
|
5893
5893
|
} = $n({
|
|
5894
5894
|
position: i,
|
|
5895
5895
|
offset: r,
|
|
@@ -5901,25 +5901,25 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5901
5901
|
disabled: d,
|
|
5902
5902
|
absolute: v
|
|
5903
5903
|
});
|
|
5904
|
-
|
|
5904
|
+
Gt(
|
|
5905
5905
|
W,
|
|
5906
5906
|
() => ({
|
|
5907
5907
|
open: () => {
|
|
5908
5908
|
d || ne();
|
|
5909
5909
|
},
|
|
5910
5910
|
close: () => {
|
|
5911
|
-
|
|
5911
|
+
oe();
|
|
5912
5912
|
},
|
|
5913
5913
|
isOpen: () => Y
|
|
5914
5914
|
}),
|
|
5915
|
-
[d, ne,
|
|
5915
|
+
[d, ne, oe, Y]
|
|
5916
5916
|
);
|
|
5917
|
-
const
|
|
5918
|
-
z && z(
|
|
5917
|
+
const ge = (me) => {
|
|
5918
|
+
z && z(me), !me.defaultPrevented && !d && ne();
|
|
5919
5919
|
}, xe = () => {
|
|
5920
5920
|
if (!Y)
|
|
5921
5921
|
return null;
|
|
5922
|
-
const
|
|
5922
|
+
const me = {
|
|
5923
5923
|
position: v ? "absolute" : "fixed",
|
|
5924
5924
|
top: v ? "auto" : "-9999px",
|
|
5925
5925
|
left: v ? "auto" : "-9999px",
|
|
@@ -5933,17 +5933,17 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5933
5933
|
ref: O,
|
|
5934
5934
|
id: K,
|
|
5935
5935
|
"data-popup-id": K,
|
|
5936
|
-
style:
|
|
5936
|
+
style: me,
|
|
5937
5937
|
className: `ui-overflow-hidden ui-rounded-surface-card ui-border ui-border-default ui-bg-fill ui-shadow-lg ${l}`,
|
|
5938
|
-
onClick: (
|
|
5939
|
-
_ &&
|
|
5938
|
+
onClick: (Ce) => {
|
|
5939
|
+
_ && Ce.stopPropagation(), E && oe();
|
|
5940
5940
|
},
|
|
5941
5941
|
...R,
|
|
5942
5942
|
children: e
|
|
5943
5943
|
}
|
|
5944
5944
|
);
|
|
5945
5945
|
return v ? we : kt(we, document.body);
|
|
5946
|
-
},
|
|
5946
|
+
}, se = g && typeof g == "object" && !Te.isValidElement(g) && "icon" in g && ("color" in g || "size" in g || "show" in g || "onClick" in g || "className" in g || "strokeWidth" in g), F = se ? g : void 0, U = se ? void 0 : fn({
|
|
5947
5947
|
icon: g,
|
|
5948
5948
|
iconDuotonePrimary: void 0,
|
|
5949
5949
|
iconDuotoneSecondary: void 0,
|
|
@@ -5953,14 +5953,14 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5953
5953
|
classNameIcon: void 0,
|
|
5954
5954
|
strokeWidth: void 0,
|
|
5955
5955
|
onClickIcon: void 0
|
|
5956
|
-
}),
|
|
5956
|
+
}), H = F || U || (g ? { icon: g } : void 0), X = w && typeof w == "object" && ("label" in w || "position" in w || "alignment" in w || "delay" in w || "absolute" in w || "className" in w), re = X ? w : void 0, de = X ? void 0 : mn({
|
|
5957
5957
|
tooltip: w,
|
|
5958
5958
|
tooltipPosition: k,
|
|
5959
5959
|
tooltipAlignment: S,
|
|
5960
5960
|
tooltipDelay: T,
|
|
5961
5961
|
tooltipAbsolute: void 0,
|
|
5962
5962
|
classNameTooltip: void 0
|
|
5963
|
-
}),
|
|
5963
|
+
}), fe = $ || re || de;
|
|
5964
5964
|
return /* @__PURE__ */ P(
|
|
5965
5965
|
"div",
|
|
5966
5966
|
{
|
|
@@ -5968,24 +5968,24 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
|
|
|
5968
5968
|
className: I("ui-imj ui-relative ui-h-max"),
|
|
5969
5969
|
"data-popup-container-id": K,
|
|
5970
5970
|
children: [
|
|
5971
|
-
/* @__PURE__ */ s("div", { ref:
|
|
5972
|
-
|
|
5971
|
+
/* @__PURE__ */ s("div", { ref: Z, className: I("ui-w-fit", A), children: /* @__PURE__ */ s(
|
|
5972
|
+
he,
|
|
5973
5973
|
{
|
|
5974
5974
|
color: f,
|
|
5975
5975
|
className: M,
|
|
5976
|
-
onClick:
|
|
5976
|
+
onClick: ge,
|
|
5977
5977
|
disabled: d,
|
|
5978
5978
|
theme: c,
|
|
5979
5979
|
size: h,
|
|
5980
5980
|
pill: C,
|
|
5981
5981
|
rounded: p,
|
|
5982
|
-
iconProps:
|
|
5982
|
+
iconProps: H,
|
|
5983
5983
|
leftSlot: x,
|
|
5984
5984
|
rightSlot: N,
|
|
5985
5985
|
textColor: b,
|
|
5986
|
-
tooltipProps:
|
|
5986
|
+
tooltipProps: fe,
|
|
5987
5987
|
transition: j,
|
|
5988
|
-
style:
|
|
5988
|
+
style: q,
|
|
5989
5989
|
badgeColor: R.badgeColor,
|
|
5990
5990
|
badgeLabel: R.badgeLabel,
|
|
5991
5991
|
badgeTheme: R.badgeTheme,
|
|
@@ -6020,7 +6020,7 @@ const Il = ({
|
|
|
6020
6020
|
tooltipPosition: d = "right"
|
|
6021
6021
|
}) => {
|
|
6022
6022
|
const [c, f] = V(t ?? null);
|
|
6023
|
-
|
|
6023
|
+
G(() => {
|
|
6024
6024
|
f(t ?? null);
|
|
6025
6025
|
}, [t]);
|
|
6026
6026
|
const { actions: h, activeTabContent: b } = te(() => {
|
|
@@ -6212,7 +6212,7 @@ const Pl = (e) => {
|
|
|
6212
6212
|
portalPosition: { top: 0, left: 0 },
|
|
6213
6213
|
pendingDate: null,
|
|
6214
6214
|
pendingRange: { start: null, end: null }
|
|
6215
|
-
}), [m, d] = V(!1), c =
|
|
6215
|
+
}), [m, d] = V(!1), c = J(null), f = J(null), h = J(null), b = t === "single" ? e.selectedDate !== void 0 : e.selectedRange !== void 0, p = t === "single" ? e.selectedDate === void 0 : e.selectedRange === void 0, x = t === "single" ? n === !1 && l.pendingDate !== null ? l.pendingDate : p ? l.internalDate : i : null, y = t === "single" ? p ? l.internalDate : i : null, N = t === "range" ? a === !1 && (l.pendingRange.start || l.pendingRange.end) ? l.pendingRange : p ? l.internalRange : r : { start: null, end: null }, g = t === "range" ? p ? l.internalRange : r : { start: null, end: null }, D = (O) => O != null && O instanceof Date && !isNaN(O.getTime()), C = D(x) ? x : null, w = {
|
|
6216
6216
|
start: D(N == null ? void 0 : N.start) ? N.start : null,
|
|
6217
6217
|
end: D(N == null ? void 0 : N.end) ? N.end : null
|
|
6218
6218
|
}, k = D(y) ? y : null, S = te(
|
|
@@ -6237,13 +6237,13 @@ const Pl = (e) => {
|
|
|
6237
6237
|
}))), c.current) {
|
|
6238
6238
|
const O = c.current.getInputElement();
|
|
6239
6239
|
if (O) {
|
|
6240
|
-
const B = O.getBoundingClientRect(), K = window.innerHeight, ne = window.innerWidth,
|
|
6241
|
-
let
|
|
6242
|
-
const
|
|
6243
|
-
|
|
6244
|
-
...
|
|
6240
|
+
const B = O.getBoundingClientRect(), K = window.innerHeight, ne = window.innerWidth, oe = 320, ge = 256, xe = 8;
|
|
6241
|
+
let se, F = B.left;
|
|
6242
|
+
const U = K - B.bottom, H = B.top;
|
|
6243
|
+
U >= oe + xe ? se = B.bottom + xe : H >= oe + xe ? se = B.top - oe - xe : U > H ? se = B.bottom + xe : se = B.top - oe - xe, B.left + ge > ne && (F = B.right - ge), F = Math.max(0, Math.min(F, ne - ge)), u((X) => ({
|
|
6244
|
+
...X,
|
|
6245
6245
|
isOpen: !0,
|
|
6246
|
-
portalPosition: { top:
|
|
6246
|
+
portalPosition: { top: se, left: F }
|
|
6247
6247
|
})), d(!0);
|
|
6248
6248
|
return;
|
|
6249
6249
|
}
|
|
@@ -6270,7 +6270,7 @@ const Pl = (e) => {
|
|
|
6270
6270
|
u((B) => ({ ...B, pendingRange: O }));
|
|
6271
6271
|
}, []), j = L((O) => {
|
|
6272
6272
|
u((B) => ({ ...B, currentDate: O }));
|
|
6273
|
-
}, []),
|
|
6273
|
+
}, []), q = L((O) => {
|
|
6274
6274
|
u((B) => ({ ...B, viewMode: O }));
|
|
6275
6275
|
}, []), _ = L((O) => {
|
|
6276
6276
|
u((B) => {
|
|
@@ -6333,31 +6333,31 @@ const Pl = (e) => {
|
|
|
6333
6333
|
currentDate: O,
|
|
6334
6334
|
viewMode: "days"
|
|
6335
6335
|
}));
|
|
6336
|
-
}, []),
|
|
6336
|
+
}, []), Z = L(() => {
|
|
6337
6337
|
if (!c.current)
|
|
6338
6338
|
return;
|
|
6339
6339
|
const O = c.current.getInputElement();
|
|
6340
6340
|
if (!O)
|
|
6341
6341
|
return;
|
|
6342
|
-
const B = O.getBoundingClientRect(), K = window.innerHeight, ne = window.innerWidth,
|
|
6343
|
-
let
|
|
6344
|
-
const
|
|
6345
|
-
|
|
6342
|
+
const B = O.getBoundingClientRect(), K = window.innerHeight, ne = window.innerWidth, oe = 320, ge = 256, xe = 8;
|
|
6343
|
+
let se, F = B.left;
|
|
6344
|
+
const U = K - B.bottom, H = B.top;
|
|
6345
|
+
U >= oe + xe ? se = B.bottom + xe : H >= oe + xe ? se = B.top - oe - xe : U > H ? se = B.bottom + xe : se = B.top - oe - xe, B.left + ge > ne && (F = B.right - ge), F = Math.max(0, Math.min(F, ne - ge)), u((X) => ({ ...X, portalPosition: { top: se, left: F } })), d(!0);
|
|
6346
6346
|
}, []);
|
|
6347
|
-
return
|
|
6347
|
+
return G(() => {
|
|
6348
6348
|
if (!l.isOpen) return;
|
|
6349
|
-
const O = () =>
|
|
6349
|
+
const O = () => Z(), B = () => Z();
|
|
6350
6350
|
return window.addEventListener("scroll", O, !0), window.addEventListener("resize", B), () => {
|
|
6351
6351
|
window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", B);
|
|
6352
6352
|
};
|
|
6353
|
-
}, [l.isOpen,
|
|
6353
|
+
}, [l.isOpen, Z]), G(() => {
|
|
6354
6354
|
if (l.isOpen) {
|
|
6355
6355
|
const O = setTimeout(() => {
|
|
6356
|
-
|
|
6356
|
+
Z();
|
|
6357
6357
|
}, 0);
|
|
6358
6358
|
return () => clearTimeout(O);
|
|
6359
6359
|
}
|
|
6360
|
-
}, [l.isOpen,
|
|
6360
|
+
}, [l.isOpen, Z]), {
|
|
6361
6361
|
state: l,
|
|
6362
6362
|
selectedDate: C,
|
|
6363
6363
|
selectedRange: w,
|
|
@@ -6369,11 +6369,11 @@ const Pl = (e) => {
|
|
|
6369
6369
|
openPicker: T,
|
|
6370
6370
|
closePicker: $,
|
|
6371
6371
|
setCurrentDate: j,
|
|
6372
|
-
setViewMode:
|
|
6372
|
+
setViewMode: q,
|
|
6373
6373
|
setSelectedDate: z,
|
|
6374
6374
|
setSelectedRange: R,
|
|
6375
6375
|
setHoverDate: W,
|
|
6376
|
-
updatePortalPosition:
|
|
6376
|
+
updatePortalPosition: Z,
|
|
6377
6377
|
navigate: _,
|
|
6378
6378
|
handleMonthSelect: Y,
|
|
6379
6379
|
handleYearSelect: ie,
|
|
@@ -6577,7 +6577,7 @@ const Pl = (e) => {
|
|
|
6577
6577
|
className: p = "",
|
|
6578
6578
|
renderDay: x
|
|
6579
6579
|
}) => {
|
|
6580
|
-
const y =
|
|
6580
|
+
const y = J(null);
|
|
6581
6581
|
if (e === null)
|
|
6582
6582
|
return /* @__PURE__ */ s("div", { className: "ui-h-control-xs ui-w-control-xs" });
|
|
6583
6583
|
const N = (w) => {
|
|
@@ -6685,7 +6685,7 @@ const Pl = (e) => {
|
|
|
6685
6685
|
onClick: t,
|
|
6686
6686
|
disabled: i = !1
|
|
6687
6687
|
}) => /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(
|
|
6688
|
-
|
|
6688
|
+
he,
|
|
6689
6689
|
{
|
|
6690
6690
|
theme: "solid",
|
|
6691
6691
|
size: "xxs",
|
|
@@ -6741,7 +6741,7 @@ const Pl = (e) => {
|
|
|
6741
6741
|
navigate: i
|
|
6742
6742
|
}) : /* @__PURE__ */ s("div", { className: `ui-flex ui-flex-col ui-border-b ui-border-default ${a}`, children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-justify-between ui-px-4 ui-py-3", children: [
|
|
6743
6743
|
o && /* @__PURE__ */ s(
|
|
6744
|
-
|
|
6744
|
+
he,
|
|
6745
6745
|
{
|
|
6746
6746
|
onClick: o,
|
|
6747
6747
|
theme: "solid",
|
|
@@ -6753,13 +6753,13 @@ const Pl = (e) => {
|
|
|
6753
6753
|
}
|
|
6754
6754
|
),
|
|
6755
6755
|
/* @__PURE__ */ s(
|
|
6756
|
-
|
|
6756
|
+
he,
|
|
6757
6757
|
{
|
|
6758
6758
|
onClick: m,
|
|
6759
6759
|
size: "xxs",
|
|
6760
6760
|
pill: "xs",
|
|
6761
6761
|
color: "tertiary",
|
|
6762
|
-
rightSlot:
|
|
6762
|
+
rightSlot: Ur,
|
|
6763
6763
|
"aria-label": `Cambiar vista a ${t === "days" ? "meses" : t === "months" ? "años" : "días"}`,
|
|
6764
6764
|
children: u()
|
|
6765
6765
|
}
|
|
@@ -6995,14 +6995,14 @@ const Pl = (e) => {
|
|
|
6995
6995
|
{
|
|
6996
6996
|
className: "ui-flex ui-w-full ui-min-w-0 ui-flex-1 ui-items-center ui-justify-center ui-text-center",
|
|
6997
6997
|
children: /* @__PURE__ */ s(
|
|
6998
|
-
|
|
6998
|
+
he,
|
|
6999
6999
|
{
|
|
7000
7000
|
onClick: () => r(f),
|
|
7001
7001
|
theme: "solid",
|
|
7002
7002
|
size: "md",
|
|
7003
7003
|
clickable: !1,
|
|
7004
7004
|
color: "secondary",
|
|
7005
|
-
rightSlot:
|
|
7005
|
+
rightSlot: Ur,
|
|
7006
7006
|
defaultSizeIcon: !1,
|
|
7007
7007
|
iconSizeExtended: "lg",
|
|
7008
7008
|
colorIcon: "blue",
|
|
@@ -7221,14 +7221,14 @@ const Pl = (e) => {
|
|
|
7221
7221
|
),
|
|
7222
7222
|
/* @__PURE__ */ s("div", { className: "ui-h-full ui-p-16", children: A() }),
|
|
7223
7223
|
(!D || i && !C) && /* @__PURE__ */ P("footer", { className: "ui-flex ui-justify-end ui-gap-8 ui-border-t ui-border-default ui-p-3", children: [
|
|
7224
|
-
/* @__PURE__ */ s(
|
|
7225
|
-
/* @__PURE__ */ s(
|
|
7224
|
+
/* @__PURE__ */ s(he, { size: "xs", pill: "sm", color: "secondary", onClick: k, children: "Cancelar" }),
|
|
7225
|
+
/* @__PURE__ */ s(he, { size: "xs", pill: "sm", onClick: w, children: "Aceptar" })
|
|
7226
7226
|
] })
|
|
7227
7227
|
]
|
|
7228
7228
|
}
|
|
7229
7229
|
);
|
|
7230
7230
|
}, Vl = (e, t, i, r = 1e3) => {
|
|
7231
|
-
const o =
|
|
7231
|
+
const o = J(null), n = L(
|
|
7232
7232
|
(u) => {
|
|
7233
7233
|
o.current && !o.current.contains(u.target) && t();
|
|
7234
7234
|
},
|
|
@@ -7239,7 +7239,7 @@ const Pl = (e) => {
|
|
|
7239
7239
|
},
|
|
7240
7240
|
[t]
|
|
7241
7241
|
);
|
|
7242
|
-
|
|
7242
|
+
G(() => {
|
|
7243
7243
|
if (e)
|
|
7244
7244
|
return document.addEventListener("mousedown", n), document.addEventListener("keydown", a), () => {
|
|
7245
7245
|
document.removeEventListener("mousedown", n), document.removeEventListener("keydown", a);
|
|
@@ -7303,7 +7303,7 @@ const Pl = (e) => {
|
|
|
7303
7303
|
renderHeader: A,
|
|
7304
7304
|
renderDay: j
|
|
7305
7305
|
}) => {
|
|
7306
|
-
const [
|
|
7306
|
+
const [q, _] = V(Array(T).fill(h)), [z, R] = V(() => {
|
|
7307
7307
|
const O = [];
|
|
7308
7308
|
for (let B = 0; B < T; B++) {
|
|
7309
7309
|
const K = new Date(r);
|
|
@@ -7311,9 +7311,9 @@ const Pl = (e) => {
|
|
|
7311
7311
|
}
|
|
7312
7312
|
return O;
|
|
7313
7313
|
}), { renderPortal: W } = Vl(e, t, i, 1100);
|
|
7314
|
-
|
|
7314
|
+
G(() => {
|
|
7315
7315
|
_(Array(T).fill(h));
|
|
7316
|
-
}, [h, T]),
|
|
7316
|
+
}, [h, T]), G(() => {
|
|
7317
7317
|
const O = [];
|
|
7318
7318
|
for (let B = 0; B < T; B++) {
|
|
7319
7319
|
const K = new Date(r);
|
|
@@ -7322,7 +7322,7 @@ const Pl = (e) => {
|
|
|
7322
7322
|
R(O);
|
|
7323
7323
|
}, [r, T]);
|
|
7324
7324
|
const Y = (O) => {
|
|
7325
|
-
const B =
|
|
7325
|
+
const B = q[O];
|
|
7326
7326
|
let K;
|
|
7327
7327
|
switch (B) {
|
|
7328
7328
|
case "days":
|
|
@@ -7337,7 +7337,7 @@ const Pl = (e) => {
|
|
|
7337
7337
|
default:
|
|
7338
7338
|
K = "days";
|
|
7339
7339
|
}
|
|
7340
|
-
const ne = [...
|
|
7340
|
+
const ne = [...q];
|
|
7341
7341
|
ne[O] = K, _(ne);
|
|
7342
7342
|
}, ie = (O, B) => {
|
|
7343
7343
|
const K = [...z];
|
|
@@ -7346,29 +7346,29 @@ const Pl = (e) => {
|
|
|
7346
7346
|
B,
|
|
7347
7347
|
1
|
|
7348
7348
|
), R(K);
|
|
7349
|
-
const ne = [...
|
|
7349
|
+
const ne = [...q];
|
|
7350
7350
|
ne[O] = "days", _(ne), d == null || d(B);
|
|
7351
7351
|
}, ae = (O, B) => {
|
|
7352
7352
|
const K = [...z];
|
|
7353
7353
|
K[O] = new Date(B, z[O].getMonth(), 1), R(K);
|
|
7354
|
-
const ne = [...
|
|
7354
|
+
const ne = [...q];
|
|
7355
7355
|
ne[O] = "months", _(ne), c == null || c(B);
|
|
7356
|
-
},
|
|
7356
|
+
}, Z = (O) => {
|
|
7357
7357
|
const B = [...z];
|
|
7358
7358
|
B.forEach((K, ne) => {
|
|
7359
|
-
const
|
|
7360
|
-
switch (
|
|
7359
|
+
const oe = new Date(K);
|
|
7360
|
+
switch (q[ne]) {
|
|
7361
7361
|
case "days":
|
|
7362
|
-
|
|
7362
|
+
oe.setMonth(oe.getMonth() + (O === "next" ? 1 : -1));
|
|
7363
7363
|
break;
|
|
7364
7364
|
case "months":
|
|
7365
|
-
|
|
7365
|
+
oe.setFullYear(oe.getFullYear() + (O === "next" ? 1 : -1));
|
|
7366
7366
|
break;
|
|
7367
7367
|
case "years":
|
|
7368
|
-
|
|
7368
|
+
oe.setFullYear(oe.getFullYear() + (O === "next" ? 12 : -12));
|
|
7369
7369
|
break;
|
|
7370
7370
|
}
|
|
7371
|
-
B[ne] =
|
|
7371
|
+
B[ne] = oe;
|
|
7372
7372
|
}), R(B), m(O);
|
|
7373
7373
|
};
|
|
7374
7374
|
return W(
|
|
@@ -7377,8 +7377,8 @@ const Pl = (e) => {
|
|
|
7377
7377
|
Rl,
|
|
7378
7378
|
{
|
|
7379
7379
|
calendarDates: z,
|
|
7380
|
-
viewModes:
|
|
7381
|
-
onNavigate:
|
|
7380
|
+
viewModes: q,
|
|
7381
|
+
onNavigate: Z,
|
|
7382
7382
|
onToggleViewMode: Y,
|
|
7383
7383
|
onGoToToday: f,
|
|
7384
7384
|
monthNames: N,
|
|
@@ -7396,7 +7396,7 @@ const Pl = (e) => {
|
|
|
7396
7396
|
onDateHover: l,
|
|
7397
7397
|
minDate: b,
|
|
7398
7398
|
maxDate: p,
|
|
7399
|
-
viewMode:
|
|
7399
|
+
viewMode: q[B],
|
|
7400
7400
|
weekDays: y,
|
|
7401
7401
|
monthNames: N,
|
|
7402
7402
|
startOfWeek: g,
|
|
@@ -7409,8 +7409,8 @@ const Pl = (e) => {
|
|
|
7409
7409
|
}
|
|
7410
7410
|
) }) }, B)) }),
|
|
7411
7411
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
|
|
7412
|
-
/* @__PURE__ */ s(
|
|
7413
|
-
/* @__PURE__ */ s(
|
|
7412
|
+
/* @__PURE__ */ s(he, { theme: "solid", size: "md", color: "secondary", onClick: M, children: "Cancelar" }),
|
|
7413
|
+
/* @__PURE__ */ s(he, { size: "md", onClick: E, children: "Aceptar" })
|
|
7414
7414
|
] })
|
|
7415
7415
|
] }) : /* @__PURE__ */ s(
|
|
7416
7416
|
Bl,
|
|
@@ -7491,10 +7491,10 @@ const Pl = (e) => {
|
|
|
7491
7491
|
selectedRangeForInput: M,
|
|
7492
7492
|
inputRef: A,
|
|
7493
7493
|
isPortalReady: j,
|
|
7494
|
-
actions:
|
|
7494
|
+
actions: q
|
|
7495
7495
|
} = Pl(e), { handleRangeSelection: _ } = Pn(
|
|
7496
7496
|
v,
|
|
7497
|
-
|
|
7497
|
+
q.setSelectedRange,
|
|
7498
7498
|
a,
|
|
7499
7499
|
l
|
|
7500
7500
|
), z = (O) => {
|
|
@@ -7511,29 +7511,29 @@ const Pl = (e) => {
|
|
|
7511
7511
|
process.env.NODE_ENV !== "production" && console.warn("DatePicker: Se recibió una fecha inválida:", O);
|
|
7512
7512
|
return;
|
|
7513
7513
|
}
|
|
7514
|
-
t === "single" ?
|
|
7514
|
+
t === "single" ? q.setSelectedDate(O) : _(O, T.hoverDate);
|
|
7515
7515
|
}, Y = (O) => {
|
|
7516
7516
|
if (O !== null && (!(O instanceof Date) || isNaN(O.getTime()))) {
|
|
7517
7517
|
process.env.NODE_ENV !== "production" && console.warn("DatePicker: Se recibió una fecha inválida en hover:", O);
|
|
7518
7518
|
return;
|
|
7519
7519
|
}
|
|
7520
|
-
|
|
7520
|
+
q.setHoverDate(O);
|
|
7521
7521
|
}, ie = () => {
|
|
7522
|
-
t === "single" ? !y && T.pendingDate !== null && (
|
|
7522
|
+
t === "single" ? !y && T.pendingDate !== null && (q.setSelectedDate(T.pendingDate, !0), o == null || o(T.pendingDate)) : t === "range" && !N && (T.pendingRange.start || T.pendingRange.end) && (q.setSelectedRange(T.pendingRange, !0), n == null || n(T.pendingRange)), q.closePicker();
|
|
7523
7523
|
}, ae = () => {
|
|
7524
|
-
t === "single" && !y ? (
|
|
7525
|
-
},
|
|
7524
|
+
t === "single" && !y ? (q.setPendingDate(null), q.restoreOriginalDate()) : t === "range" && !N && (q.setPendingRange({ start: null, end: null }), q.restoreOriginalRange()), q.closePicker();
|
|
7525
|
+
}, Z = () => t === "single" ? z(E) : R(M);
|
|
7526
7526
|
return /* @__PURE__ */ P("div", { className: I("ui-imj", "relative", h), children: [
|
|
7527
7527
|
/* @__PURE__ */ s(
|
|
7528
7528
|
jl,
|
|
7529
7529
|
{
|
|
7530
7530
|
ref: A,
|
|
7531
|
-
value:
|
|
7531
|
+
value: Z(),
|
|
7532
7532
|
placeholder: g,
|
|
7533
7533
|
label: c,
|
|
7534
7534
|
size: S,
|
|
7535
7535
|
isOpen: T.isOpen,
|
|
7536
|
-
onInputClick:
|
|
7536
|
+
onInputClick: q.openPicker,
|
|
7537
7537
|
className: b,
|
|
7538
7538
|
format: D
|
|
7539
7539
|
}
|
|
@@ -7542,18 +7542,18 @@ const Pl = (e) => {
|
|
|
7542
7542
|
Wl,
|
|
7543
7543
|
{
|
|
7544
7544
|
isOpen: T.isOpen && j,
|
|
7545
|
-
onClose:
|
|
7545
|
+
onClose: q.closePicker,
|
|
7546
7546
|
portalPosition: T.portalPosition,
|
|
7547
7547
|
currentDate: T.currentDate,
|
|
7548
7548
|
selectedDate: $,
|
|
7549
7549
|
selectedRange: v,
|
|
7550
7550
|
onDateSelect: W,
|
|
7551
7551
|
onDateHover: Y,
|
|
7552
|
-
onViewModeChange:
|
|
7553
|
-
onNavigate:
|
|
7554
|
-
onMonthSelect:
|
|
7555
|
-
onYearSelect:
|
|
7556
|
-
onGoToToday:
|
|
7552
|
+
onViewModeChange: q.setViewMode,
|
|
7553
|
+
onNavigate: q.navigate,
|
|
7554
|
+
onMonthSelect: q.handleMonthSelect,
|
|
7555
|
+
onYearSelect: q.handleYearSelect,
|
|
7556
|
+
onGoToToday: q.goToToday,
|
|
7557
7557
|
viewMode: T.viewMode,
|
|
7558
7558
|
minDate: a,
|
|
7559
7559
|
maxDate: l,
|
|
@@ -7669,20 +7669,20 @@ const _l = (e) => {
|
|
|
7669
7669
|
tabs: M,
|
|
7670
7670
|
defaultValueTab: A,
|
|
7671
7671
|
onChangeTab: j,
|
|
7672
|
-
currentTab:
|
|
7672
|
+
currentTab: q,
|
|
7673
7673
|
tabsOverHeader: _ = !1
|
|
7674
7674
|
}) => {
|
|
7675
|
-
const { content: z, footer: R } = _l(o), W = Dn(), { isVisible: Y, isAnimating: ie } = wn(e), ae =
|
|
7676
|
-
|
|
7675
|
+
const { content: z, footer: R } = _l(o), W = Dn(), { isVisible: Y, isAnimating: ie } = wn(e), ae = J(null), [Z, O] = V(A);
|
|
7676
|
+
G(() => {
|
|
7677
7677
|
A !== void 0 && O(A);
|
|
7678
7678
|
}, [A]);
|
|
7679
|
-
const B =
|
|
7680
|
-
|
|
7679
|
+
const B = q ?? Z, K = (se) => {
|
|
7680
|
+
q === void 0 && O(se), j && j(se);
|
|
7681
7681
|
}, ne = M && M.length > 0;
|
|
7682
7682
|
Nn(e), fr(e, t, c), Cn(e, ae, !f);
|
|
7683
|
-
const
|
|
7683
|
+
const oe = () => {
|
|
7684
7684
|
N && N(), k && t();
|
|
7685
|
-
},
|
|
7685
|
+
}, ge = () => {
|
|
7686
7686
|
g && g(), w && t();
|
|
7687
7687
|
};
|
|
7688
7688
|
if (!W || !Y) return null;
|
|
@@ -7708,7 +7708,7 @@ const _l = (e) => {
|
|
|
7708
7708
|
{
|
|
7709
7709
|
ref: ae,
|
|
7710
7710
|
tabIndex: -1,
|
|
7711
|
-
onClick: (
|
|
7711
|
+
onClick: (se) => se.stopPropagation(),
|
|
7712
7712
|
className: I(
|
|
7713
7713
|
"ui-bg-on-color ui-relative ui-z-10 ui-flex ui-flex-col ui-shadow-xl ui-outline-none ui-transition-transform ui-duration-300 ui-ease-in-out",
|
|
7714
7714
|
E ? "ui-w-fit" : v ? "ui-w-full" : ql[r],
|
|
@@ -7732,7 +7732,7 @@ const _l = (e) => {
|
|
|
7732
7732
|
}
|
|
7733
7733
|
) }),
|
|
7734
7734
|
d && /* @__PURE__ */ s("div", { className: "ui-z-10", children: /* @__PURE__ */ s(
|
|
7735
|
-
|
|
7735
|
+
he,
|
|
7736
7736
|
{
|
|
7737
7737
|
onClick: t,
|
|
7738
7738
|
"aria-label": "Cerrar drawer",
|
|
@@ -7744,7 +7744,7 @@ const _l = (e) => {
|
|
|
7744
7744
|
}
|
|
7745
7745
|
) }),
|
|
7746
7746
|
ne && _ && /* @__PURE__ */ s("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-pointer-events-none sm:ui-absolute sm:ui-inset-x-0 sm:ui-top-1/2 sm:ui-mt-0 sm:ui-w-auto sm:ui--translate-y-1/2", children: /* @__PURE__ */ s("div", { className: "sm:ui-pointer-events-auto", children: /* @__PURE__ */ s(
|
|
7747
|
-
|
|
7747
|
+
Gi,
|
|
7748
7748
|
{
|
|
7749
7749
|
options: M,
|
|
7750
7750
|
defaultValue: B,
|
|
@@ -7753,7 +7753,7 @@ const _l = (e) => {
|
|
|
7753
7753
|
}
|
|
7754
7754
|
) }) }),
|
|
7755
7755
|
ne && !_ && /* @__PURE__ */ s("div", { className: "ui-flex ui-w-full ui-justify-center ui-overflow-x-auto", children: /* @__PURE__ */ s(
|
|
7756
|
-
|
|
7756
|
+
Gi,
|
|
7757
7757
|
{
|
|
7758
7758
|
options: M,
|
|
7759
7759
|
defaultValue: B,
|
|
@@ -7785,7 +7785,7 @@ const _l = (e) => {
|
|
|
7785
7785
|
theme: "solid",
|
|
7786
7786
|
color: "secondary",
|
|
7787
7787
|
pill: "sm",
|
|
7788
|
-
onClick:
|
|
7788
|
+
onClick: oe,
|
|
7789
7789
|
disabled: T,
|
|
7790
7790
|
children: x
|
|
7791
7791
|
}
|
|
@@ -7798,7 +7798,7 @@ const _l = (e) => {
|
|
|
7798
7798
|
theme: "solid",
|
|
7799
7799
|
color: "primary",
|
|
7800
7800
|
pill: "sm",
|
|
7801
|
-
onClick:
|
|
7801
|
+
onClick: ge,
|
|
7802
7802
|
disabled: S,
|
|
7803
7803
|
children: y
|
|
7804
7804
|
}
|
|
@@ -7827,7 +7827,7 @@ const zn = ({
|
|
|
7827
7827
|
}) => {
|
|
7828
7828
|
const m = (f) => {
|
|
7829
7829
|
r || i == null || i(f);
|
|
7830
|
-
}, d =
|
|
7830
|
+
}, d = Ue(
|
|
7831
7831
|
"ui-group ui-flex ui-items-start ui-gap-x-8 ui-transition-all duration-300 ui-px-8 ui-py-6 ui-rounded-control-sm ui-flex ui-items-center",
|
|
7832
7832
|
{
|
|
7833
7833
|
variants: {
|
|
@@ -7919,7 +7919,7 @@ const zn = ({
|
|
|
7919
7919
|
hasCurrent: d = !0,
|
|
7920
7920
|
groupTitle: c
|
|
7921
7921
|
}) => {
|
|
7922
|
-
const f =
|
|
7922
|
+
const f = Ue(
|
|
7923
7923
|
"ui-group ui-flex ui-items-start ui-gap-x-8 ui-text-body-sm-regular ui-transition-all duration-300 ui-font-body-sm-semibold ui-leading-body-sm-semibold ui-tracking-body-sm ui-px-8 ui-py-6 ui-rounded-control-sm ui-flex ui-items-center",
|
|
7924
7924
|
{
|
|
7925
7925
|
variants: {
|
|
@@ -8313,9 +8313,9 @@ const zn = ({
|
|
|
8313
8313
|
]
|
|
8314
8314
|
}
|
|
8315
8315
|
);
|
|
8316
|
-
},
|
|
8316
|
+
}, Ul = (e) => {
|
|
8317
8317
|
const { checked: t, defaultChecked: i = !1, onChange: r, disabled: o } = e, n = t !== void 0, [a, l] = V(i);
|
|
8318
|
-
|
|
8318
|
+
G(() => {
|
|
8319
8319
|
n && t !== void 0 && l(t);
|
|
8320
8320
|
}, [n, t]);
|
|
8321
8321
|
const u = n ? t ?? !1 : a, m = L(() => {
|
|
@@ -8352,7 +8352,7 @@ const zn = ({
|
|
|
8352
8352
|
ariaLabel: h,
|
|
8353
8353
|
...b
|
|
8354
8354
|
}, p) => {
|
|
8355
|
-
const { isChecked: x, toggle: y } =
|
|
8355
|
+
const { isChecked: x, toggle: y } = Ul({
|
|
8356
8356
|
...b,
|
|
8357
8357
|
disabled: e
|
|
8358
8358
|
}), N = I(
|
|
@@ -8501,7 +8501,7 @@ const uf = {
|
|
|
8501
8501
|
onDrop: h,
|
|
8502
8502
|
dragHandleIcon: b
|
|
8503
8503
|
}) => {
|
|
8504
|
-
const p =
|
|
8504
|
+
const p = J(null), x = (y) => {
|
|
8505
8505
|
p.current && y.dataTransfer.setDragImage(p.current, 20, 20), m == null || m(y);
|
|
8506
8506
|
};
|
|
8507
8507
|
return /* @__PURE__ */ P(
|
|
@@ -8650,7 +8650,7 @@ const uf = {
|
|
|
8650
8650
|
onClick: a,
|
|
8651
8651
|
className: l
|
|
8652
8652
|
}) => {
|
|
8653
|
-
const u = () => typeof i == "string" ? /* @__PURE__ */ s("div", { className: "ui-flex ui-h-32 ui-w-32 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-surface-secondary ui-text-body-md-regular ui-font-body-md-medium ui-text-secondary", children: i }) : i;
|
|
8653
|
+
const u = () => typeof i == "string" ? /* @__PURE__ */ s("div", { className: "ui-flex ui-h-32 ui-w-32 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-surface-secondary ui-text-body-md-regular ui-font-body-md-medium ui-text-secondary", children: i }) : i != null ? /* @__PURE__ */ s("span", { style: { pointerEvents: "none" }, children: i }) : null;
|
|
8654
8654
|
return /* @__PURE__ */ P(
|
|
8655
8655
|
"div",
|
|
8656
8656
|
{
|
|
@@ -9024,7 +9024,7 @@ const uf = {
|
|
|
9024
9024
|
]
|
|
9025
9025
|
}
|
|
9026
9026
|
);
|
|
9027
|
-
},
|
|
9027
|
+
}, Gl = ({
|
|
9028
9028
|
title: e = "Aun no hay nada aquí",
|
|
9029
9029
|
description: t = `No hay elementos aun en esta lista.
|
|
9030
9030
|
Vuelve más tarde para ver las actualizaciones.`,
|
|
@@ -9423,7 +9423,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9423
9423
|
}
|
|
9424
9424
|
if (t === "empty") {
|
|
9425
9425
|
const { title: p, description: x, icon: y } = e;
|
|
9426
|
-
return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[313px]"), children: /* @__PURE__ */ s(
|
|
9426
|
+
return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[313px]"), children: /* @__PURE__ */ s(Gl, { title: p, description: x, icon: y }) });
|
|
9427
9427
|
}
|
|
9428
9428
|
return null;
|
|
9429
9429
|
}, Qi = /* @__PURE__ */ new Set(), Ql = (e) => {
|
|
@@ -9451,186 +9451,184 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9451
9451
|
onOpenChange: b,
|
|
9452
9452
|
withCheckbox: p = !1
|
|
9453
9453
|
}) => {
|
|
9454
|
-
const x = xi(), y = m || `dropdown-${x}`, [N, g] = V(!1), [D, C] = V(!1), [w, k] = V(""), [S, T] = V("bottom"), [$, v] = V({}), E =
|
|
9454
|
+
const x = xi(), y = m || `dropdown-${x}`, [N, g] = V(!1), [D, C] = V(!1), [w, k] = V(""), [S, T] = V("bottom"), [$, v] = V({}), E = J(null), M = J(null), A = J(null), j = L(
|
|
9455
9455
|
(F) => F == null ? [] : Array.isArray(F) ? F : [F],
|
|
9456
9456
|
[]
|
|
9457
|
-
),
|
|
9457
|
+
), q = L(
|
|
9458
9458
|
(F) => F == null || F === "" ? "" : Array.isArray(F) ? F[0] || "" : F,
|
|
9459
9459
|
[]
|
|
9460
|
-
), _ = L((F,
|
|
9461
|
-
if (F ===
|
|
9462
|
-
const
|
|
9463
|
-
return !isNaN(
|
|
9464
|
-
}, []), [z, R] = V(() => c ? j(t) :
|
|
9460
|
+
), _ = L((F, U) => {
|
|
9461
|
+
if (F === U || String(F) === String(U)) return !0;
|
|
9462
|
+
const H = Number(F), X = Number(U);
|
|
9463
|
+
return !isNaN(H) && !isNaN(X) && H === X;
|
|
9464
|
+
}, []), [z, R] = V(() => c ? j(t) : q(t)), W = e !== void 0, Y = W ? e : z, ie = L(
|
|
9465
9465
|
(F) => {
|
|
9466
9466
|
W || R(F), n == null || n(F);
|
|
9467
9467
|
},
|
|
9468
9468
|
[W, n]
|
|
9469
9469
|
);
|
|
9470
|
-
|
|
9470
|
+
G(() => {
|
|
9471
9471
|
if (W && e !== void 0)
|
|
9472
9472
|
if (c) {
|
|
9473
9473
|
const F = j(e);
|
|
9474
|
-
R((
|
|
9474
|
+
R((U) => JSON.stringify(U) !== JSON.stringify(F) ? F : U);
|
|
9475
9475
|
} else {
|
|
9476
|
-
const F =
|
|
9477
|
-
R((
|
|
9476
|
+
const F = q(e);
|
|
9477
|
+
R((U) => U !== F ? F : U);
|
|
9478
9478
|
}
|
|
9479
|
-
}, [e, W, c, j,
|
|
9479
|
+
}, [e, W, c, j, q]);
|
|
9480
9480
|
const ae = c ? i.filter((F) => {
|
|
9481
|
-
const
|
|
9482
|
-
return j(Y).some((
|
|
9481
|
+
const U = F[o];
|
|
9482
|
+
return j(Y).some((H) => _(H, U));
|
|
9483
9483
|
}) : (() => {
|
|
9484
|
-
const F = i.find((
|
|
9485
|
-
const
|
|
9486
|
-
return
|
|
9484
|
+
const F = i.find((U) => {
|
|
9485
|
+
const H = q(Y);
|
|
9486
|
+
return H === "" || H === null || H === void 0 ? !1 : U[o] === -1 ? H === -1 || H === "-1" : _(U[o], H);
|
|
9487
9487
|
});
|
|
9488
9488
|
return F ? [F] : [];
|
|
9489
|
-
})(),
|
|
9489
|
+
})(), Z = (() => {
|
|
9490
9490
|
if (!l || !w)
|
|
9491
9491
|
return i.filter((re) => {
|
|
9492
9492
|
if (c) {
|
|
9493
|
-
const de = re[o],
|
|
9494
|
-
(
|
|
9493
|
+
const de = re[o], fe = j(Y).some(
|
|
9494
|
+
(me) => _(me, de)
|
|
9495
9495
|
);
|
|
9496
|
-
return p ? !0 : !
|
|
9496
|
+
return p ? !0 : !fe;
|
|
9497
9497
|
}
|
|
9498
9498
|
return !(re[o] === -1 && (Y === -1 || Y === "-1"));
|
|
9499
9499
|
});
|
|
9500
|
-
const F = w.toLowerCase(),
|
|
9500
|
+
const F = w.toLowerCase(), U = i.filter((re) => {
|
|
9501
9501
|
if (re.isGroupTitle)
|
|
9502
9502
|
return !1;
|
|
9503
9503
|
const de = re[r];
|
|
9504
9504
|
return typeof de == "string" ? de.toLowerCase().includes(F) : String(de).toLowerCase().includes(F);
|
|
9505
|
-
}),
|
|
9506
|
-
return
|
|
9505
|
+
}), H = [], X = /* @__PURE__ */ new Set();
|
|
9506
|
+
return U.forEach((re) => {
|
|
9507
9507
|
const de = i.indexOf(re);
|
|
9508
|
-
let
|
|
9509
|
-
for (let
|
|
9510
|
-
if (i[
|
|
9511
|
-
|
|
9508
|
+
let fe = null;
|
|
9509
|
+
for (let me = de - 1; me >= 0; me--)
|
|
9510
|
+
if (i[me].isGroupTitle) {
|
|
9511
|
+
fe = i[me];
|
|
9512
9512
|
break;
|
|
9513
9513
|
}
|
|
9514
|
-
|
|
9515
|
-
}),
|
|
9514
|
+
fe && !X.has(fe[o]) && (H.push(fe), X.add(fe[o])), H.push(re);
|
|
9515
|
+
}), H;
|
|
9516
9516
|
})(), O = L(() => {
|
|
9517
|
-
var
|
|
9518
|
-
const F = (
|
|
9519
|
-
return F || ((
|
|
9517
|
+
var H, X;
|
|
9518
|
+
const F = (H = A.current) == null ? void 0 : H.querySelector("input");
|
|
9519
|
+
return F || ((X = A.current) == null ? void 0 : X.querySelector(
|
|
9520
9520
|
'[data-dropdown-input="true"]'
|
|
9521
9521
|
));
|
|
9522
9522
|
}, []), B = L(() => {
|
|
9523
9523
|
const F = O();
|
|
9524
9524
|
F && requestAnimationFrame(() => {
|
|
9525
9525
|
var De;
|
|
9526
|
-
const
|
|
9527
|
-
let
|
|
9528
|
-
M.current && (
|
|
9529
|
-
const re =
|
|
9530
|
-
T(
|
|
9531
|
-
let
|
|
9532
|
-
const ye =
|
|
9526
|
+
const U = F.getBoundingClientRect(), H = window.innerHeight;
|
|
9527
|
+
let X = 0;
|
|
9528
|
+
M.current && (X = M.current.offsetHeight), X === 0 && (X = Math.min(200, Z.length * 40));
|
|
9529
|
+
const re = H - U.bottom, de = U.top, fe = re < X && de > re ? "top" : "bottom";
|
|
9530
|
+
T(fe);
|
|
9531
|
+
let me, we;
|
|
9532
|
+
const ye = U.width;
|
|
9533
9533
|
if (!h)
|
|
9534
|
-
|
|
9534
|
+
fe === "bottom" ? me = U.bottom + 4 : me = U.top - X - 4, we = U.left;
|
|
9535
9535
|
else {
|
|
9536
9536
|
const Ee = (De = A.current) == null ? void 0 : De.getBoundingClientRect();
|
|
9537
9537
|
if (!Ee) return;
|
|
9538
|
-
const nt =
|
|
9539
|
-
|
|
9538
|
+
const nt = U.top - Ee.top, ct = U.left - Ee.left;
|
|
9539
|
+
fe === "bottom" ? me = nt + U.height + 4 : me = nt - X - 4, we = ct;
|
|
9540
9540
|
}
|
|
9541
|
-
const
|
|
9541
|
+
const Ce = h ? 9999 : 1100, Pe = parseInt(y.replace(/\D/g, "")) || 0, Oe = Ce + Pe % 100, Se = {
|
|
9542
9542
|
position: h ? "absolute" : "fixed",
|
|
9543
|
-
top: `${
|
|
9543
|
+
top: `${me}px`,
|
|
9544
9544
|
left: `${we}px`,
|
|
9545
9545
|
width: `${ye}px`,
|
|
9546
9546
|
zIndex: Oe
|
|
9547
9547
|
};
|
|
9548
9548
|
v(Se);
|
|
9549
9549
|
});
|
|
9550
|
-
}, [O,
|
|
9550
|
+
}, [O, Z.length, y, h]), K = L(() => {
|
|
9551
9551
|
if (!M.current || !ae.length)
|
|
9552
9552
|
return;
|
|
9553
|
-
const
|
|
9554
|
-
if (!
|
|
9553
|
+
const U = M.current.querySelector(".ui-overflow-y-auto");
|
|
9554
|
+
if (!U)
|
|
9555
9555
|
return;
|
|
9556
|
-
const
|
|
9557
|
-
if (!
|
|
9558
|
-
const
|
|
9559
|
-
`[data-option-value="${
|
|
9556
|
+
const H = ae[0];
|
|
9557
|
+
if (!H) return;
|
|
9558
|
+
const X = U.querySelector(
|
|
9559
|
+
`[data-option-value="${H[o]}"]`
|
|
9560
9560
|
);
|
|
9561
|
-
if (!
|
|
9561
|
+
if (!X)
|
|
9562
9562
|
return;
|
|
9563
|
-
const re =
|
|
9564
|
-
|
|
9565
|
-
top: Math.max(0,
|
|
9563
|
+
const re = U.clientHeight, de = X.offsetTop, fe = X.clientHeight, me = de - re / 2 + fe / 2;
|
|
9564
|
+
U.scrollTo({
|
|
9565
|
+
top: Math.max(0, me),
|
|
9566
9566
|
behavior: "smooth"
|
|
9567
9567
|
});
|
|
9568
9568
|
}, [ae, o]), ne = (F) => {
|
|
9569
|
-
F && F.stopPropagation(), !d && (N ?
|
|
9569
|
+
F && F.stopPropagation(), !d && (N ? oe() : (Ql(y), k(""), C(!1), B(), setTimeout(() => {
|
|
9570
9570
|
g(!0), Qi.add(y), setTimeout(() => {
|
|
9571
9571
|
B(), setTimeout(() => {
|
|
9572
9572
|
K();
|
|
9573
9573
|
}, 50);
|
|
9574
9574
|
}, 50);
|
|
9575
9575
|
}, 50)));
|
|
9576
|
-
},
|
|
9576
|
+
}, oe = L(() => {
|
|
9577
9577
|
C(!0), setTimeout(() => {
|
|
9578
9578
|
g(!1), C(!1), Qi.delete(y);
|
|
9579
9579
|
}, 150);
|
|
9580
|
-
}, [y]),
|
|
9581
|
-
|
|
9580
|
+
}, [y]), ge = (F, U) => {
|
|
9581
|
+
var H;
|
|
9582
|
+
if ((H = U == null ? void 0 : U.stopPropagation) == null || H.call(U), !F.disabled) {
|
|
9582
9583
|
if (c) {
|
|
9583
|
-
const
|
|
9584
|
-
if (f &&
|
|
9584
|
+
const X = j(Y), re = F[o];
|
|
9585
|
+
if (f && X.length >= f && !X.includes(re))
|
|
9585
9586
|
return;
|
|
9586
|
-
const
|
|
9587
|
-
ie(
|
|
9587
|
+
const de = X.includes(re) ? X.filter((fe) => fe !== re) : [...X, re];
|
|
9588
|
+
ie(de);
|
|
9588
9589
|
} else {
|
|
9589
|
-
const
|
|
9590
|
-
ie(
|
|
9590
|
+
const X = F[o] === -1 ? -1 : F[o];
|
|
9591
|
+
ie(X), k(""), oe();
|
|
9591
9592
|
}
|
|
9592
9593
|
a == null || a(F);
|
|
9593
9594
|
}
|
|
9594
9595
|
}, xe = (F) => {
|
|
9595
9596
|
k(F.target.value);
|
|
9596
|
-
},
|
|
9597
|
+
}, se = (F) => {
|
|
9597
9598
|
F.stopPropagation(), ie(c ? [] : ""), k("");
|
|
9598
9599
|
};
|
|
9599
|
-
return
|
|
9600
|
+
return G(() => {
|
|
9600
9601
|
b == null || b(N);
|
|
9601
9602
|
}, [N, b]), Sn({
|
|
9602
9603
|
isActive: N,
|
|
9603
|
-
// Simplificar condición para mejorar detección
|
|
9604
9604
|
disabled: d,
|
|
9605
9605
|
elementRef: M,
|
|
9606
|
-
containerRef:
|
|
9607
|
-
// No usar containerRef cuando absolute=true
|
|
9606
|
+
containerRef: A,
|
|
9608
9607
|
elementId: y,
|
|
9609
9608
|
elementType: "dropdown",
|
|
9610
9609
|
closeOnClickOutside: u,
|
|
9611
9610
|
disableSameTypeCheck: h,
|
|
9612
|
-
// Deshabilitar isInsideSameType cuando absolute=true
|
|
9613
9611
|
onOutsideClick: () => {
|
|
9614
9612
|
setTimeout(() => {
|
|
9615
|
-
|
|
9613
|
+
oe();
|
|
9616
9614
|
}, 0);
|
|
9617
9615
|
}
|
|
9618
|
-
}),
|
|
9616
|
+
}), G(() => {
|
|
9619
9617
|
const F = () => {
|
|
9620
|
-
N &&
|
|
9618
|
+
N && oe();
|
|
9621
9619
|
};
|
|
9622
9620
|
return document.addEventListener("close-all-dropdowns", F), () => {
|
|
9623
9621
|
document.removeEventListener("close-all-dropdowns", F);
|
|
9624
9622
|
};
|
|
9625
|
-
}, [N,
|
|
9623
|
+
}, [N, oe]), G(() => {
|
|
9626
9624
|
if (N) {
|
|
9627
9625
|
const F = () => {
|
|
9628
9626
|
B();
|
|
9629
|
-
},
|
|
9627
|
+
}, U = () => {
|
|
9630
9628
|
N && !D && B();
|
|
9631
9629
|
};
|
|
9632
|
-
return window.addEventListener("resize", F), window.addEventListener("scroll",
|
|
9633
|
-
window.removeEventListener("resize", F), window.removeEventListener("scroll",
|
|
9630
|
+
return window.addEventListener("resize", F), window.addEventListener("scroll", U, !1), document.addEventListener("scroll", U, !1), () => {
|
|
9631
|
+
window.removeEventListener("resize", F), window.removeEventListener("scroll", U, !1), document.removeEventListener("scroll", U, !1);
|
|
9634
9632
|
};
|
|
9635
9633
|
}
|
|
9636
9634
|
}, [N, B, D]), {
|
|
@@ -9640,7 +9638,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9640
9638
|
searchValue: w,
|
|
9641
9639
|
selectedValue: Y,
|
|
9642
9640
|
selectedOptions: ae,
|
|
9643
|
-
filteredOptions:
|
|
9641
|
+
filteredOptions: Z,
|
|
9644
9642
|
position: S,
|
|
9645
9643
|
dropdownStyle: $,
|
|
9646
9644
|
isControlled: W,
|
|
@@ -9652,10 +9650,10 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9652
9650
|
dropdownUniqueId: y,
|
|
9653
9651
|
// Funciones
|
|
9654
9652
|
toggleDropdown: ne,
|
|
9655
|
-
closeDropdown:
|
|
9656
|
-
handleOptionSelect:
|
|
9653
|
+
closeDropdown: oe,
|
|
9654
|
+
handleOptionSelect: ge,
|
|
9657
9655
|
handleSearchChange: xe,
|
|
9658
|
-
handleClear:
|
|
9656
|
+
handleClear: se,
|
|
9659
9657
|
calculatePosition: B,
|
|
9660
9658
|
setValue: ie,
|
|
9661
9659
|
scrollToSelectedOption: K,
|
|
@@ -9679,8 +9677,8 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9679
9677
|
idName: b,
|
|
9680
9678
|
size: p
|
|
9681
9679
|
}) => {
|
|
9682
|
-
const [x, y] = V(!1), [N, g] = V(null), D =
|
|
9683
|
-
return
|
|
9680
|
+
const [x, y] = V(!1), [N, g] = V(null), D = J(null);
|
|
9681
|
+
return G(() => {
|
|
9684
9682
|
if (!D.current || i.length === 0) {
|
|
9685
9683
|
y(!1), g(null);
|
|
9686
9684
|
return;
|
|
@@ -9729,7 +9727,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9729
9727
|
if (!w) return null;
|
|
9730
9728
|
const k = w[b], S = w[h];
|
|
9731
9729
|
return /* @__PURE__ */ s(
|
|
9732
|
-
|
|
9730
|
+
Ut,
|
|
9733
9731
|
{
|
|
9734
9732
|
className: "ui-z-[1010]",
|
|
9735
9733
|
label: String(S),
|
|
@@ -9794,7 +9792,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9794
9792
|
selectedItemsDisplay: M = "tags",
|
|
9795
9793
|
absolute: A = !1,
|
|
9796
9794
|
hasCurrent: j = !0,
|
|
9797
|
-
footer:
|
|
9795
|
+
footer: q = !1,
|
|
9798
9796
|
defaultOptionSelected: _ = !1,
|
|
9799
9797
|
withCheckbox: z = !1,
|
|
9800
9798
|
onHandleAccept: R,
|
|
@@ -9802,25 +9800,25 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9802
9800
|
listVariant: Y = "default",
|
|
9803
9801
|
onToggleChange: ie,
|
|
9804
9802
|
filtersTitle: ae,
|
|
9805
|
-
tooltipProps:
|
|
9803
|
+
tooltipProps: Z,
|
|
9806
9804
|
...O
|
|
9807
9805
|
}, B) => {
|
|
9808
|
-
const K =
|
|
9806
|
+
const K = J(null), [ne, oe] = V(l), [ge, xe] = V(null), [se, F] = V(!1), U = !v && _, H = te(() => v ? y : U ? [
|
|
9809
9807
|
{ ...{
|
|
9810
9808
|
label: x || "Selecciona una opción",
|
|
9811
9809
|
value: -1,
|
|
9812
9810
|
disabled: !1
|
|
9813
9811
|
}, [g]: -1, value: -1, label: x || "Selecciona una opción" },
|
|
9814
|
-
...y.filter((
|
|
9815
|
-
] : y, [v,
|
|
9812
|
+
...y.filter((ke) => ke[g] !== -1)
|
|
9813
|
+
] : y, [v, U, y, g, x]), X = h !== void 0 ? h : _ && !v ? -1 : b, {
|
|
9816
9814
|
// Estado
|
|
9817
9815
|
isOpen: re,
|
|
9818
9816
|
isClosing: de,
|
|
9819
|
-
searchValue:
|
|
9820
|
-
selectedValue:
|
|
9817
|
+
searchValue: fe,
|
|
9818
|
+
selectedValue: me,
|
|
9821
9819
|
selectedOptions: we,
|
|
9822
9820
|
filteredOptions: ye,
|
|
9823
|
-
dropdownStyle:
|
|
9821
|
+
dropdownStyle: Ce,
|
|
9824
9822
|
isControlled: Pe,
|
|
9825
9823
|
// Referencias
|
|
9826
9824
|
inputRef: Oe,
|
|
@@ -9839,8 +9837,8 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9839
9837
|
normalizeToArray: dt
|
|
9840
9838
|
} = Jl({
|
|
9841
9839
|
value: h,
|
|
9842
|
-
defaultValue:
|
|
9843
|
-
options:
|
|
9840
|
+
defaultValue: X,
|
|
9841
|
+
options: H,
|
|
9844
9842
|
valueName: N,
|
|
9845
9843
|
idName: g,
|
|
9846
9844
|
onValueChange: D,
|
|
@@ -9858,49 +9856,49 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9858
9856
|
F(!1);
|
|
9859
9857
|
}, 200);
|
|
9860
9858
|
}
|
|
9861
|
-
}), ut = (le,
|
|
9859
|
+
}), ut = (le, ke) => {
|
|
9862
9860
|
if (v) {
|
|
9863
|
-
const Re = dt(
|
|
9864
|
-
if (
|
|
9865
|
-
if (!Re.includes(
|
|
9866
|
-
const Le = [...Re,
|
|
9861
|
+
const Re = dt(me), Q = le[g];
|
|
9862
|
+
if (ke) {
|
|
9863
|
+
if (!Re.includes(Q)) {
|
|
9864
|
+
const Le = [...Re, Q];
|
|
9867
9865
|
pt(Le);
|
|
9868
9866
|
}
|
|
9869
9867
|
} else {
|
|
9870
|
-
const Le = Re.filter((ot) => ot !==
|
|
9868
|
+
const Le = Re.filter((ot) => ot !== Q);
|
|
9871
9869
|
pt(Le);
|
|
9872
9870
|
}
|
|
9873
9871
|
}
|
|
9874
|
-
}, Je = L((le,
|
|
9875
|
-
if (le ===
|
|
9876
|
-
const Re = Number(le),
|
|
9877
|
-
return !isNaN(Re) && !isNaN(
|
|
9872
|
+
}, Je = L((le, ke) => {
|
|
9873
|
+
if (le === ke || String(le) === String(ke)) return !0;
|
|
9874
|
+
const Re = Number(le), Q = Number(ke);
|
|
9875
|
+
return !isNaN(Re) && !isNaN(Q) && Re === Q;
|
|
9878
9876
|
}, []);
|
|
9879
|
-
|
|
9877
|
+
G(() => {
|
|
9880
9878
|
if (Pe && h !== void 0)
|
|
9881
9879
|
if (h === "" || h === -1 || h === "-1")
|
|
9882
|
-
|
|
9880
|
+
oe((le) => le !== l ? l : le), xe((le) => le !== null ? null : le);
|
|
9883
9881
|
else {
|
|
9884
|
-
const le = Array.isArray(h) ? h[0] : h,
|
|
9885
|
-
if (
|
|
9886
|
-
const Re =
|
|
9887
|
-
|
|
9882
|
+
const le = Array.isArray(h) ? h[0] : h, ke = H.find((Re) => le == null ? !1 : Je(Re[N], le) || Je(Re[g], le));
|
|
9883
|
+
if (ke) {
|
|
9884
|
+
const Re = ke.icon || l, Q = ke.iconColor || null;
|
|
9885
|
+
oe((Le) => Le !== Re ? Re : Le), xe((Le) => Le !== Q ? Q : Le), Y === "user" && oe(ke.avatarUrl ? ke.avatarUrl : l);
|
|
9888
9886
|
}
|
|
9889
9887
|
}
|
|
9890
|
-
}, [h, Pe,
|
|
9888
|
+
}, [h, Pe, H, N, g, l, Je, Y]), Gt(
|
|
9891
9889
|
B,
|
|
9892
9890
|
() => ({
|
|
9893
|
-
getValue: () =>
|
|
9891
|
+
getValue: () => me,
|
|
9894
9892
|
setValue: (le) => {
|
|
9895
9893
|
Pe || pt(le), D == null || D(le);
|
|
9896
9894
|
},
|
|
9897
9895
|
focus: () => {
|
|
9898
|
-
var le,
|
|
9899
|
-
v && M === "tags" ? (le = K.current) == null || le.focus() : (
|
|
9896
|
+
var le, ke;
|
|
9897
|
+
v && M === "tags" ? (le = K.current) == null || le.focus() : (ke = Oe.current) == null || ke.focus();
|
|
9900
9898
|
},
|
|
9901
9899
|
blur: () => {
|
|
9902
|
-
var le,
|
|
9903
|
-
v && M === "tags" ? (le = K.current) == null || le.blur() : (
|
|
9900
|
+
var le, ke;
|
|
9901
|
+
v && M === "tags" ? (le = K.current) == null || le.blur() : (ke = Oe.current) == null || ke.blur();
|
|
9904
9902
|
},
|
|
9905
9903
|
clear: () => {
|
|
9906
9904
|
Pe || pt(v ? [] : ""), D == null || D(v ? [] : "");
|
|
@@ -9915,7 +9913,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9915
9913
|
}
|
|
9916
9914
|
}),
|
|
9917
9915
|
[
|
|
9918
|
-
|
|
9916
|
+
me,
|
|
9919
9917
|
Pe,
|
|
9920
9918
|
p,
|
|
9921
9919
|
vt,
|
|
@@ -9927,27 +9925,27 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9927
9925
|
Oe,
|
|
9928
9926
|
M
|
|
9929
9927
|
]
|
|
9930
|
-
),
|
|
9928
|
+
), G(() => {
|
|
9931
9929
|
if (re && we.length > 0) {
|
|
9932
9930
|
const le = setTimeout(() => {
|
|
9933
9931
|
Lt();
|
|
9934
9932
|
}, 150);
|
|
9935
9933
|
return () => clearTimeout(le);
|
|
9936
9934
|
}
|
|
9937
|
-
}, [re, we, Lt]),
|
|
9935
|
+
}, [re, we, Lt]), G(() => {
|
|
9938
9936
|
if (re && v && M === "tags") {
|
|
9939
9937
|
const le = K.current;
|
|
9940
9938
|
if (!le) return;
|
|
9941
|
-
const
|
|
9939
|
+
const ke = new ResizeObserver(() => {
|
|
9942
9940
|
setTimeout(() => {
|
|
9943
9941
|
vt();
|
|
9944
9942
|
}, 50);
|
|
9945
9943
|
});
|
|
9946
|
-
return
|
|
9947
|
-
|
|
9944
|
+
return ke.observe(le), () => {
|
|
9945
|
+
ke.disconnect();
|
|
9948
9946
|
};
|
|
9949
9947
|
}
|
|
9950
|
-
}, [re, v, M, vt]),
|
|
9948
|
+
}, [re, v, M, vt]), G(() => {
|
|
9951
9949
|
if (re && v && M === "tags") {
|
|
9952
9950
|
const le = setTimeout(() => {
|
|
9953
9951
|
vt();
|
|
@@ -9957,10 +9955,10 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9957
9955
|
}, [we, re, v, M, vt]);
|
|
9958
9956
|
const Ct = (le) => {
|
|
9959
9957
|
if (v) {
|
|
9960
|
-
const Re = dt(
|
|
9958
|
+
const Re = dt(me).filter((Q) => Q !== le);
|
|
9961
9959
|
if (pt(Re), z && ut) {
|
|
9962
|
-
const
|
|
9963
|
-
|
|
9960
|
+
const Q = y.find((Le) => Le[g] === le);
|
|
9961
|
+
Q && ut(Q, !1);
|
|
9964
9962
|
}
|
|
9965
9963
|
}
|
|
9966
9964
|
}, Qt = () => {
|
|
@@ -9980,9 +9978,9 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9980
9978
|
return le ? le[g] === -1 || le[N] === -1 || le[N] === "-1" ? x : String(le[N] || "") : "";
|
|
9981
9979
|
}
|
|
9982
9980
|
}, _t = () => {
|
|
9983
|
-
if (!re || !
|
|
9984
|
-
const le = de ? "animate-dropdown-exit" : "animate-dropdown-enter",
|
|
9985
|
-
ct(
|
|
9981
|
+
if (!re || !Ce.top) return null;
|
|
9982
|
+
const le = de ? "animate-dropdown-exit" : "animate-dropdown-enter", ke = (Q, Le) => {
|
|
9983
|
+
ct(Q, Le), Q.icon && oe(Q.icon), Q.iconColor && xe(Q.iconColor), Y === "user" && oe(Q.avatarUrl ? Q.avatarUrl : l);
|
|
9986
9984
|
}, Re = /* @__PURE__ */ P(
|
|
9987
9985
|
"div",
|
|
9988
9986
|
{
|
|
@@ -9991,20 +9989,20 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
9991
9989
|
"data-dropdown-id": De,
|
|
9992
9990
|
"data-dropdown-portal": "true",
|
|
9993
9991
|
style: {
|
|
9994
|
-
position:
|
|
9995
|
-
top:
|
|
9996
|
-
left:
|
|
9997
|
-
width:
|
|
9998
|
-
zIndex:
|
|
9999
|
-
"--dropdown-z-index":
|
|
9992
|
+
position: Ce.position,
|
|
9993
|
+
top: Ce.top,
|
|
9994
|
+
left: Ce.left,
|
|
9995
|
+
width: Ce.width,
|
|
9996
|
+
zIndex: Ce.zIndex,
|
|
9997
|
+
"--dropdown-z-index": Ce.zIndex
|
|
10000
9998
|
},
|
|
10001
9999
|
className: `ui-dropdown-portal ui-max-w-full ui-overflow-hidden ui-rounded-surface-card ui-border ui-border-default ui-bg-fill ui-shadow-03 ${le}`,
|
|
10002
|
-
onClick: (
|
|
10000
|
+
onClick: (Q) => Q.stopPropagation(),
|
|
10003
10001
|
children: [
|
|
10004
|
-
/* @__PURE__ */ s("div", { className: "ui-w-full", children: k && /* @__PURE__ */ s("div", { className: "ui-p-2", onClick: (
|
|
10002
|
+
/* @__PURE__ */ s("div", { className: "ui-w-full", children: k && /* @__PURE__ */ s("div", { className: "ui-p-2", onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ s(
|
|
10005
10003
|
tt,
|
|
10006
10004
|
{
|
|
10007
|
-
value:
|
|
10005
|
+
value: fe,
|
|
10008
10006
|
onChange: Wt,
|
|
10009
10007
|
placeholder: m,
|
|
10010
10008
|
leftSlot: Rt,
|
|
@@ -10019,44 +10017,44 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10019
10017
|
/* @__PURE__ */ s("div", { className: "ui-text-body-sm-regular ui-font-body-sm-bold ui-text-primary ui-leading-body-sm-bold ui-tracking-body-sm", children: ae }),
|
|
10020
10018
|
/* @__PURE__ */ s("div", { className: "ui-w-full ui-border-t-1 ui-border-default" })
|
|
10021
10019
|
] }),
|
|
10022
|
-
ye.length > 0 ? ye.map((
|
|
10020
|
+
ye.length > 0 ? ye.map((Q) => {
|
|
10023
10021
|
const Le = v ? we.some(
|
|
10024
|
-
(He) => He && Je(He[g],
|
|
10025
|
-
) :
|
|
10022
|
+
(He) => He && Je(He[g], Q[g])
|
|
10023
|
+
) : Q[g] === -1 && (me === -1 || me === "-1") || (Array.isArray(me) ? !1 : Je(Q[g], me));
|
|
10026
10024
|
if (z)
|
|
10027
10025
|
return /* @__PURE__ */ s(
|
|
10028
10026
|
jn,
|
|
10029
10027
|
{
|
|
10030
|
-
disabled:
|
|
10028
|
+
disabled: Q.disabled,
|
|
10031
10029
|
current: Le ? "blue" : !1,
|
|
10032
|
-
"data-option-value": String(
|
|
10033
|
-
icon:
|
|
10034
|
-
iconColor:
|
|
10030
|
+
"data-option-value": String(Q[g]),
|
|
10031
|
+
icon: Q.icon,
|
|
10032
|
+
iconColor: Q.iconColor,
|
|
10035
10033
|
checkboxProps: {
|
|
10036
10034
|
checked: Le,
|
|
10037
|
-
onChange: (He) => ut == null ? void 0 : ut(
|
|
10038
|
-
disabled:
|
|
10035
|
+
onChange: (He) => ut == null ? void 0 : ut(Q, He),
|
|
10036
|
+
disabled: Q.disabled
|
|
10039
10037
|
},
|
|
10040
|
-
isGroupTitle:
|
|
10041
|
-
groupTitle:
|
|
10038
|
+
isGroupTitle: Q.isGroupTitle,
|
|
10039
|
+
groupTitle: Q.label,
|
|
10042
10040
|
hasCurrent: j,
|
|
10043
|
-
children: String(
|
|
10041
|
+
children: String(Q[N] || "")
|
|
10044
10042
|
},
|
|
10045
|
-
String(
|
|
10043
|
+
String(Q[g] || Q[N])
|
|
10046
10044
|
);
|
|
10047
|
-
const ot = String(
|
|
10045
|
+
const ot = String(Q[g] || Q[N]);
|
|
10048
10046
|
switch (Y) {
|
|
10049
10047
|
case "list-default":
|
|
10050
10048
|
return /* @__PURE__ */ s(
|
|
10051
10049
|
Nt,
|
|
10052
10050
|
{
|
|
10053
|
-
onClick: (He) =>
|
|
10054
|
-
disabled:
|
|
10051
|
+
onClick: (He) => ke(Q, He),
|
|
10052
|
+
disabled: Q.disabled,
|
|
10055
10053
|
current: Le,
|
|
10056
|
-
color:
|
|
10057
|
-
icon:
|
|
10058
|
-
iconColor:
|
|
10059
|
-
children: String(
|
|
10054
|
+
color: Q.color || "blue",
|
|
10055
|
+
icon: Q.icon,
|
|
10056
|
+
iconColor: Q.iconColor,
|
|
10057
|
+
children: String(Q[N] || "")
|
|
10060
10058
|
},
|
|
10061
10059
|
ot
|
|
10062
10060
|
);
|
|
@@ -10064,11 +10062,11 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10064
10062
|
return /* @__PURE__ */ s(
|
|
10065
10063
|
gr,
|
|
10066
10064
|
{
|
|
10067
|
-
onClick: () =>
|
|
10068
|
-
disabled:
|
|
10065
|
+
onClick: () => ke(Q, {}),
|
|
10066
|
+
disabled: Q.disabled,
|
|
10069
10067
|
selected: Le,
|
|
10070
|
-
rightContent:
|
|
10071
|
-
children: String(
|
|
10068
|
+
rightContent: Q.rightContent,
|
|
10069
|
+
children: String(Q[N] || "")
|
|
10072
10070
|
},
|
|
10073
10071
|
ot
|
|
10074
10072
|
);
|
|
@@ -10076,11 +10074,11 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10076
10074
|
return /* @__PURE__ */ s(
|
|
10077
10075
|
br,
|
|
10078
10076
|
{
|
|
10079
|
-
title: String(
|
|
10080
|
-
description:
|
|
10081
|
-
checked:
|
|
10082
|
-
disabled:
|
|
10083
|
-
onChange: (He) => ie == null ? void 0 : ie(
|
|
10077
|
+
title: String(Q[N] || ""),
|
|
10078
|
+
description: Q.description,
|
|
10079
|
+
checked: Q.checked ?? !1,
|
|
10080
|
+
disabled: Q.disabled,
|
|
10081
|
+
onChange: (He) => ie == null ? void 0 : ie(Q, He)
|
|
10084
10082
|
},
|
|
10085
10083
|
ot
|
|
10086
10084
|
);
|
|
@@ -10088,13 +10086,20 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10088
10086
|
return /* @__PURE__ */ s(
|
|
10089
10087
|
Ii,
|
|
10090
10088
|
{
|
|
10091
|
-
name: String(
|
|
10092
|
-
subtitle:
|
|
10093
|
-
avatar:
|
|
10094
|
-
|
|
10095
|
-
|
|
10089
|
+
name: String(Q[N] || ""),
|
|
10090
|
+
subtitle: Q.subtitle,
|
|
10091
|
+
avatar: Q.avatarUrl ? /* @__PURE__ */ s(
|
|
10092
|
+
"img",
|
|
10093
|
+
{
|
|
10094
|
+
src: Q.avatarUrl,
|
|
10095
|
+
alt: "",
|
|
10096
|
+
className: "ui-h-32 ui-w-32 ui-rounded-control-pill ui-object-cover"
|
|
10097
|
+
}
|
|
10098
|
+
) : Q.avatar,
|
|
10099
|
+
badge: Q.badge,
|
|
10100
|
+
badgeVariant: Q.badgeVariant,
|
|
10096
10101
|
selected: Le,
|
|
10097
|
-
onClick: () =>
|
|
10102
|
+
onClick: () => ke(Q, {})
|
|
10098
10103
|
},
|
|
10099
10104
|
ot
|
|
10100
10105
|
);
|
|
@@ -10102,11 +10107,11 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10102
10107
|
return /* @__PURE__ */ s(
|
|
10103
10108
|
yr,
|
|
10104
10109
|
{
|
|
10105
|
-
title: String(
|
|
10106
|
-
description:
|
|
10107
|
-
checked:
|
|
10108
|
-
disabled:
|
|
10109
|
-
onChange: (He) => ie == null ? void 0 : ie(
|
|
10110
|
+
title: String(Q[N] || ""),
|
|
10111
|
+
description: Q.description,
|
|
10112
|
+
checked: Q.checked ?? Le,
|
|
10113
|
+
disabled: Q.disabled,
|
|
10114
|
+
onChange: (He) => ie == null ? void 0 : ie(Q, He)
|
|
10110
10115
|
},
|
|
10111
10116
|
ot
|
|
10112
10117
|
);
|
|
@@ -10114,13 +10119,13 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10114
10119
|
return /* @__PURE__ */ s(
|
|
10115
10120
|
Nt,
|
|
10116
10121
|
{
|
|
10117
|
-
onClick: (He) =>
|
|
10118
|
-
disabled:
|
|
10122
|
+
onClick: (He) => ke(Q, He),
|
|
10123
|
+
disabled: Q.disabled,
|
|
10119
10124
|
current: Le,
|
|
10120
|
-
color:
|
|
10121
|
-
icon:
|
|
10122
|
-
iconColor:
|
|
10123
|
-
children: String(
|
|
10125
|
+
color: Q.color || "blue",
|
|
10126
|
+
icon: Q.icon,
|
|
10127
|
+
iconColor: Q.iconColor,
|
|
10128
|
+
children: String(Q[N] || "")
|
|
10124
10129
|
},
|
|
10125
10130
|
ot
|
|
10126
10131
|
);
|
|
@@ -10129,29 +10134,29 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10129
10134
|
return /* @__PURE__ */ s(
|
|
10130
10135
|
zn,
|
|
10131
10136
|
{
|
|
10132
|
-
onClick: (He) =>
|
|
10133
|
-
disabled:
|
|
10137
|
+
onClick: (He) => ke(Q, He),
|
|
10138
|
+
disabled: Q.disabled,
|
|
10134
10139
|
current: Le ? "blue" : !1,
|
|
10135
|
-
"data-option-value": String(
|
|
10136
|
-
icon:
|
|
10137
|
-
iconColor:
|
|
10138
|
-
children: String(
|
|
10140
|
+
"data-option-value": String(Q[g]),
|
|
10141
|
+
icon: Q.icon,
|
|
10142
|
+
iconColor: Q.iconColor,
|
|
10143
|
+
children: String(Q[N] || "")
|
|
10139
10144
|
},
|
|
10140
10145
|
ot
|
|
10141
10146
|
);
|
|
10142
10147
|
}
|
|
10143
|
-
}) :
|
|
10148
|
+
}) : fe ? /* @__PURE__ */ P("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-16 ui-py-8 ui-text-center ui-text-sm ui-text-neutral-500", children: [
|
|
10144
10149
|
/* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(be, { name: Rt, size: "sm", color: "tertiary" }) }),
|
|
10145
10150
|
/* @__PURE__ */ P("p", { className: "ui-font-semibold ui-text-primary", children: [
|
|
10146
10151
|
d,
|
|
10147
10152
|
' "',
|
|
10148
|
-
|
|
10153
|
+
fe,
|
|
10149
10154
|
'"'
|
|
10150
10155
|
] }),
|
|
10151
10156
|
/* @__PURE__ */ s("p", { className: "ui-mt-2 ui-text-body-xs-regular ui-text-tertiary", children: c })
|
|
10152
10157
|
] }) : /* @__PURE__ */ s("div", { className: "ui-px-3 ui-text-center ui-text-sm ui-text-tertiary", children: "Sin opciones" })
|
|
10153
10158
|
] }),
|
|
10154
|
-
|
|
10159
|
+
q && /* @__PURE__ */ P(ze, { children: [
|
|
10155
10160
|
/* @__PURE__ */ s(Qe, {}),
|
|
10156
10161
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-min-w-[200px] ui-gap-x-2 ui-px-4 ui-py-2", children: [
|
|
10157
10162
|
/* @__PURE__ */ s(
|
|
@@ -10174,8 +10179,8 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10174
10179
|
);
|
|
10175
10180
|
return A ? Re : kt(Re, document.body);
|
|
10176
10181
|
};
|
|
10177
|
-
|
|
10178
|
-
l &&
|
|
10182
|
+
G(() => {
|
|
10183
|
+
l && oe(l);
|
|
10179
10184
|
}, [l]);
|
|
10180
10185
|
const ft = /* @__PURE__ */ P(
|
|
10181
10186
|
"div",
|
|
@@ -10194,7 +10199,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10194
10199
|
handleRemoveSelected: Ct,
|
|
10195
10200
|
toggleDropdown: Ee,
|
|
10196
10201
|
isOpen: re,
|
|
10197
|
-
isOpening:
|
|
10202
|
+
isOpening: se,
|
|
10198
10203
|
setIsOpening: F,
|
|
10199
10204
|
customInputRef: K,
|
|
10200
10205
|
disabled: p,
|
|
@@ -10217,7 +10222,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10217
10222
|
size: n,
|
|
10218
10223
|
color: a,
|
|
10219
10224
|
leftSlot: ne ?? void 0,
|
|
10220
|
-
colorLeftIcon:
|
|
10225
|
+
colorLeftIcon: ge || void 0,
|
|
10221
10226
|
rightSlot: u,
|
|
10222
10227
|
fullWidth: !0,
|
|
10223
10228
|
caret: f,
|
|
@@ -10236,7 +10241,7 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10236
10241
|
)
|
|
10237
10242
|
),
|
|
10238
10243
|
v && M !== "tags" && we.length > 0 && /* @__PURE__ */ s("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: we.map((le) => le ? /* @__PURE__ */ s(
|
|
10239
|
-
|
|
10244
|
+
Ut,
|
|
10240
10245
|
{
|
|
10241
10246
|
label: le[N],
|
|
10242
10247
|
color: "accent",
|
|
@@ -10248,16 +10253,16 @@ Vuelve más tarde para ver las actualizaciones.`,
|
|
|
10248
10253
|
]
|
|
10249
10254
|
}
|
|
10250
10255
|
);
|
|
10251
|
-
return
|
|
10256
|
+
return Z != null && Z.label ? /* @__PURE__ */ s(
|
|
10252
10257
|
Bt,
|
|
10253
10258
|
{
|
|
10254
|
-
label:
|
|
10255
|
-
position:
|
|
10256
|
-
alignment:
|
|
10257
|
-
delay:
|
|
10258
|
-
disabled:
|
|
10259
|
-
className:
|
|
10260
|
-
absolute:
|
|
10259
|
+
label: Z.label,
|
|
10260
|
+
position: Z.position,
|
|
10261
|
+
alignment: Z.alignment,
|
|
10262
|
+
delay: Z.delay,
|
|
10263
|
+
disabled: Z.disabled,
|
|
10264
|
+
className: Z.className,
|
|
10265
|
+
absolute: Z.absolute,
|
|
10261
10266
|
fullWidth: !0,
|
|
10262
10267
|
children: ft
|
|
10263
10268
|
}
|
|
@@ -10539,7 +10544,7 @@ const Zl = {
|
|
|
10539
10544
|
esgrima: "🤺",
|
|
10540
10545
|
boxeo: "🥊"
|
|
10541
10546
|
}, bf = ({ name: e, size: t, className: i }) => {
|
|
10542
|
-
const r = Zl[e], o =
|
|
10547
|
+
const r = Zl[e], o = Ue(`ui-inline-block ui-leading-none ${i}`, {
|
|
10543
10548
|
variants: {
|
|
10544
10549
|
size: {
|
|
10545
10550
|
xxs: "ui-text-body-xs-regular",
|
|
@@ -10564,7 +10569,7 @@ const Zl = {
|
|
|
10564
10569
|
{
|
|
10565
10570
|
id: "smileys",
|
|
10566
10571
|
name: "Sonrisas y personas",
|
|
10567
|
-
icon:
|
|
10572
|
+
icon: Gr,
|
|
10568
10573
|
emojis: [
|
|
10569
10574
|
"😀",
|
|
10570
10575
|
"😃",
|
|
@@ -10665,7 +10670,7 @@ const Zl = {
|
|
|
10665
10670
|
{
|
|
10666
10671
|
id: "animals",
|
|
10667
10672
|
name: "Animales",
|
|
10668
|
-
icon:
|
|
10673
|
+
icon: Uo,
|
|
10669
10674
|
emojis: [
|
|
10670
10675
|
"🐕",
|
|
10671
10676
|
"🐶",
|
|
@@ -10783,7 +10788,7 @@ const Zl = {
|
|
|
10783
10788
|
{
|
|
10784
10789
|
id: "food",
|
|
10785
10790
|
name: "Comida",
|
|
10786
|
-
icon:
|
|
10791
|
+
icon: Go,
|
|
10787
10792
|
emojis: [
|
|
10788
10793
|
"🍇",
|
|
10789
10794
|
"🍈",
|
|
@@ -12135,8 +12140,8 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12135
12140
|
buttonClassName: x,
|
|
12136
12141
|
tooltip: y
|
|
12137
12142
|
}) => {
|
|
12138
|
-
const [N, g] = V("recent"), [D, C] = V(""), [w, k] = V([]), [S, T] = V(m || ""), $ =
|
|
12139
|
-
|
|
12143
|
+
const [N, g] = V("recent"), [D, C] = V(""), [w, k] = V([]), [S, T] = V(m || ""), $ = J(null), v = J({}), E = J(!1), M = J(null);
|
|
12144
|
+
G(() => {
|
|
12140
12145
|
if (!E.current)
|
|
12141
12146
|
if (E.current = !0, n && n.length > 0)
|
|
12142
12147
|
k(n);
|
|
@@ -12160,7 +12165,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12160
12165
|
t
|
|
12161
12166
|
);
|
|
12162
12167
|
k(W), A(W), e == null || e(R), u && M.current && M.current.close();
|
|
12163
|
-
},
|
|
12168
|
+
}, q = te(() => !D || D.trim() === "" ? [
|
|
12164
12169
|
{
|
|
12165
12170
|
...ai[0],
|
|
12166
12171
|
emojis: w
|
|
@@ -12185,8 +12190,8 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12185
12190
|
let Y = "recent";
|
|
12186
12191
|
Object.entries(v.current).forEach(([ie, ae]) => {
|
|
12187
12192
|
if (ae) {
|
|
12188
|
-
const
|
|
12189
|
-
W >=
|
|
12193
|
+
const Z = ae.offsetTop - R.offsetTop;
|
|
12194
|
+
W >= Z - 50 && (Y = ie);
|
|
12190
12195
|
}
|
|
12191
12196
|
}), g(Y);
|
|
12192
12197
|
};
|
|
@@ -12199,7 +12204,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12199
12204
|
variant: "button",
|
|
12200
12205
|
color: f,
|
|
12201
12206
|
size: h,
|
|
12202
|
-
icon:
|
|
12207
|
+
icon: Gr,
|
|
12203
12208
|
clickable: !1,
|
|
12204
12209
|
borderRadius: b,
|
|
12205
12210
|
disabled: p,
|
|
@@ -12243,7 +12248,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12243
12248
|
className: "custom-scrollbar ui-overflow-y-auto",
|
|
12244
12249
|
style: { height: `${o}px` },
|
|
12245
12250
|
onScroll: z,
|
|
12246
|
-
children: /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children:
|
|
12251
|
+
children: /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: q.length === 0 ? /* @__PURE__ */ s("div", { className: "ui-py-8 ui-text-center ui-text-body-sm-regular ui-font-body-sm-regular ui-leading-body-sm-regular ui-tracking-body-sm ui-text-tertiary", children: "No se encontraron emojis" }) : q.map((R) => /* @__PURE__ */ P(
|
|
12247
12252
|
"div",
|
|
12248
12253
|
{
|
|
12249
12254
|
ref: (W) => {
|
|
@@ -12252,7 +12257,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12252
12257
|
children: [
|
|
12253
12258
|
/* @__PURE__ */ s("div", { className: "ui-mb-2 ui-text-body-sm-regular ui-font-body-sm-regular ui-leading-body-sm-regular ui-tracking-body-sm ui-text-tertiary", children: R.name }),
|
|
12254
12259
|
/* @__PURE__ */ s("div", { className: "ui-grid ui-grid-cols-8 ui-justify-items-center ui-gap-4 ui-pr-8", children: R.emojis.length === 0 && R.id === "recent" ? /* @__PURE__ */ s("div", { className: "ui-col-span-8 ui-py-4 ui-text-center ui-text-body-sm-regular ui-font-body-sm-regular ui-leading-body-sm-regular ui-tracking-body-sm ui-text-tertiary", children: "No hay emojis recientes" }) : R.emojis.map((W, Y) => /* @__PURE__ */ s(
|
|
12255
|
-
|
|
12260
|
+
he,
|
|
12256
12261
|
{
|
|
12257
12262
|
onClick: () => j(W),
|
|
12258
12263
|
"aria-label": `Emoji ${W}`,
|
|
@@ -12275,7 +12280,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12275
12280
|
);
|
|
12276
12281
|
}, ru = ({ maxLength: e = 0, onChange: t, value: i }) => {
|
|
12277
12282
|
const [r, o] = V(!1), [n, a] = V(() => (i || "").length);
|
|
12278
|
-
return
|
|
12283
|
+
return G(() => {
|
|
12279
12284
|
const m = (i || "").length;
|
|
12280
12285
|
a((d) => d !== m ? m : d);
|
|
12281
12286
|
}, [i]), { isFocused: r, setIsFocused: o, count: n, handleChange: (m) => {
|
|
@@ -12458,7 +12463,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12458
12463
|
h[p] = x;
|
|
12459
12464
|
}), l(h);
|
|
12460
12465
|
}, [e, o]);
|
|
12461
|
-
|
|
12466
|
+
G(() => {
|
|
12462
12467
|
u();
|
|
12463
12468
|
}, [u]);
|
|
12464
12469
|
const m = L(() => {
|
|
@@ -12512,7 +12517,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12512
12517
|
color: m = "secondary",
|
|
12513
12518
|
closeOnApply: d = !0
|
|
12514
12519
|
}) => {
|
|
12515
|
-
const c =
|
|
12520
|
+
const c = J(null), {
|
|
12516
12521
|
filterStates: f,
|
|
12517
12522
|
handleFilterChange: h,
|
|
12518
12523
|
handleClear: b,
|
|
@@ -12643,7 +12648,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12643
12648
|
}
|
|
12644
12649
|
);
|
|
12645
12650
|
}, su = () => {
|
|
12646
|
-
const e =
|
|
12651
|
+
const e = J(null), [t, i] = V(!1), [r, o] = V(/* @__PURE__ */ new Set()), n = L(() => {
|
|
12647
12652
|
const w = window.getSelection();
|
|
12648
12653
|
if (!w || w.rangeCount === 0) return;
|
|
12649
12654
|
const k = w.getRangeAt(0);
|
|
@@ -12767,8 +12772,8 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12767
12772
|
let T = null, $ = S;
|
|
12768
12773
|
for (; $ && $ !== e.current; ) {
|
|
12769
12774
|
if ($.nodeType === Node.ELEMENT_NODE) {
|
|
12770
|
-
const j = $,
|
|
12771
|
-
if (
|
|
12775
|
+
const j = $, q = j.tagName.toLowerCase();
|
|
12776
|
+
if (q === "ul" || q === "ol") {
|
|
12772
12777
|
T = j;
|
|
12773
12778
|
break;
|
|
12774
12779
|
}
|
|
@@ -12777,33 +12782,33 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12777
12782
|
}
|
|
12778
12783
|
if (T)
|
|
12779
12784
|
if (T.tagName.toLowerCase() === w) {
|
|
12780
|
-
const
|
|
12781
|
-
|
|
12785
|
+
const q = T.parentNode;
|
|
12786
|
+
q && (Array.from(T.children).forEach((_) => {
|
|
12782
12787
|
const z = document.createElement("div");
|
|
12783
|
-
z.innerHTML = _.innerHTML || "<br>",
|
|
12784
|
-
}),
|
|
12788
|
+
z.innerHTML = _.innerHTML || "<br>", q.insertBefore(z, T);
|
|
12789
|
+
}), q.removeChild(T));
|
|
12785
12790
|
} else {
|
|
12786
|
-
const
|
|
12787
|
-
|
|
12791
|
+
const q = document.createElement(w);
|
|
12792
|
+
q.innerHTML = T.innerHTML, (v = T.parentNode) == null || v.replaceChild(q, T);
|
|
12788
12793
|
}
|
|
12789
12794
|
else {
|
|
12790
|
-
const j = document.createElement(w),
|
|
12795
|
+
const j = document.createElement(w), q = document.createElement("li");
|
|
12791
12796
|
if (k.rangeCount > 0) {
|
|
12792
12797
|
const _ = k.getRangeAt(0);
|
|
12793
12798
|
if (_.collapsed) {
|
|
12794
|
-
|
|
12799
|
+
q.innerHTML = "<br>", j.appendChild(q), e.current.childNodes.length === 0 || ((E = e.current.textContent) == null ? void 0 : E.trim()) === "" ? (e.current.innerHTML = "", e.current.appendChild(j)) : _.insertNode(j);
|
|
12795
12800
|
const z = document.createRange();
|
|
12796
|
-
z.setStart(
|
|
12801
|
+
z.setStart(q, 0), z.collapse(!0), k.removeAllRanges(), k.addRange(z);
|
|
12797
12802
|
} else {
|
|
12798
12803
|
const z = _.extractContents();
|
|
12799
|
-
((M = z.textContent) == null ? void 0 : M.trim()) === "" ?
|
|
12804
|
+
((M = z.textContent) == null ? void 0 : M.trim()) === "" ? q.innerHTML = "<br>" : q.appendChild(z), j.appendChild(q), _.insertNode(j);
|
|
12800
12805
|
const R = document.createRange();
|
|
12801
|
-
R.selectNodeContents(
|
|
12806
|
+
R.selectNodeContents(q), R.collapse(!1), k.removeAllRanges(), k.addRange(R);
|
|
12802
12807
|
}
|
|
12803
12808
|
} else {
|
|
12804
|
-
|
|
12809
|
+
q.innerHTML = "<br>", j.appendChild(q), e.current.appendChild(j);
|
|
12805
12810
|
const _ = document.createRange();
|
|
12806
|
-
_.setStart(
|
|
12811
|
+
_.setStart(q, 0), _.collapse(!0), k.removeAllRanges(), k.addRange(_);
|
|
12807
12812
|
}
|
|
12808
12813
|
}
|
|
12809
12814
|
setTimeout(() => {
|
|
@@ -12816,7 +12821,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12816
12821
|
}, [n]), h = L(() => {
|
|
12817
12822
|
t && n();
|
|
12818
12823
|
}, [t, n]);
|
|
12819
|
-
|
|
12824
|
+
G(() => (document.addEventListener("selectionchange", h), () => {
|
|
12820
12825
|
document.removeEventListener("selectionchange", h);
|
|
12821
12826
|
}), [h]);
|
|
12822
12827
|
const b = L((w) => {
|
|
@@ -12917,11 +12922,11 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12917
12922
|
isEmpty: $,
|
|
12918
12923
|
updateActiveFormats: v
|
|
12919
12924
|
} = su(), [E, M] = V(!0);
|
|
12920
|
-
|
|
12925
|
+
G(() => {
|
|
12921
12926
|
e !== void 0 && y.current && S() !== e && T(e);
|
|
12922
|
-
}, [e, S, T]),
|
|
12927
|
+
}, [e, S, T]), G(() => {
|
|
12923
12928
|
t && y.current && !y.current.innerHTML && T(t);
|
|
12924
|
-
}, [t, T]),
|
|
12929
|
+
}, [t, T]), G(() => {
|
|
12925
12930
|
b && y.current && y.current.focus();
|
|
12926
12931
|
}, [b]);
|
|
12927
12932
|
const A = () => {
|
|
@@ -12929,7 +12934,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
12929
12934
|
i == null || i(z), M($());
|
|
12930
12935
|
}, j = () => {
|
|
12931
12936
|
!$() && !o && (c == null || c());
|
|
12932
|
-
},
|
|
12937
|
+
}, q = () => {
|
|
12933
12938
|
const z = document.createElement("input");
|
|
12934
12939
|
z.type = "file", z.onchange = (R) => {
|
|
12935
12940
|
var Y;
|
|
@@ -13076,7 +13081,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13076
13081
|
color: "tertiary",
|
|
13077
13082
|
size: "xs",
|
|
13078
13083
|
icon: Yr,
|
|
13079
|
-
onClick:
|
|
13084
|
+
onClick: q,
|
|
13080
13085
|
disabled: o,
|
|
13081
13086
|
tooltip: "Adjuntar archivo"
|
|
13082
13087
|
}
|
|
@@ -13129,7 +13134,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13129
13134
|
);
|
|
13130
13135
|
}, au = ({ images: e, initialIndex: t, onClose: i }) => {
|
|
13131
13136
|
const [r, o] = V(t);
|
|
13132
|
-
|
|
13137
|
+
G(() => {
|
|
13133
13138
|
o(t);
|
|
13134
13139
|
}, [t]);
|
|
13135
13140
|
const n = L(() => {
|
|
@@ -13142,7 +13147,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13142
13147
|
},
|
|
13143
13148
|
[e.length]
|
|
13144
13149
|
);
|
|
13145
|
-
|
|
13150
|
+
G(() => {
|
|
13146
13151
|
const c = (f) => {
|
|
13147
13152
|
switch (f.key) {
|
|
13148
13153
|
case "ArrowLeft":
|
|
@@ -13183,7 +13188,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13183
13188
|
size: c = "md"
|
|
13184
13189
|
}) => {
|
|
13185
13190
|
const { currentIndex: f, currentImage: h, goToPrevious: b, goToNext: p, goToImage: x, hasPrevious: y, hasNext: N } = au({ images: e, initialIndex: t, onClose: r });
|
|
13186
|
-
if (
|
|
13191
|
+
if (G(() => (i ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
13187
13192
|
document.body.style.overflow = "";
|
|
13188
13193
|
}), [i]), !i || !h) return null;
|
|
13189
13194
|
const g = o === "square" ? "ui-aspect-square" : "ui-aspect-video", D = {
|
|
@@ -13210,7 +13215,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13210
13215
|
children: [
|
|
13211
13216
|
/* @__PURE__ */ P("div", { className: "ui-relative ui-flex ui-w-full ui-flex-1 ui-items-center ui-justify-center ui-gap-6 ui-overflow-hidden", children: [
|
|
13212
13217
|
l && y && /* @__PURE__ */ s(
|
|
13213
|
-
|
|
13218
|
+
he,
|
|
13214
13219
|
{
|
|
13215
13220
|
theme: "solid",
|
|
13216
13221
|
color: "secondary",
|
|
@@ -13240,7 +13245,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13240
13245
|
}
|
|
13241
13246
|
),
|
|
13242
13247
|
/* @__PURE__ */ s("div", { className: "ui-absolute ui-right-4 ui-top-4 ui-z-20", children: /* @__PURE__ */ s(
|
|
13243
|
-
|
|
13248
|
+
he,
|
|
13244
13249
|
{
|
|
13245
13250
|
theme: "solid",
|
|
13246
13251
|
color: "secondary",
|
|
@@ -13256,7 +13261,7 @@ const zr = "emoji-picker-recent", iu = ({
|
|
|
13256
13261
|
}
|
|
13257
13262
|
),
|
|
13258
13263
|
l && N && /* @__PURE__ */ s(
|
|
13259
|
-
|
|
13264
|
+
he,
|
|
13260
13265
|
{
|
|
13261
13266
|
theme: "solid",
|
|
13262
13267
|
color: "secondary",
|
|
@@ -13407,14 +13412,14 @@ const gu = (e, t, i) => {
|
|
|
13407
13412
|
return t ? gu(t.r, t.g, t.b) > 0.5 ? "#000000" : "#FFFFFF" : "#000000";
|
|
13408
13413
|
}, Wn = $t(
|
|
13409
13414
|
({ color: e = "", label: t, error: i, helperText: r, disabled: o = !1, onColorChange: n, onClick: a, className: l }, u) => {
|
|
13410
|
-
const m =
|
|
13415
|
+
const m = J(null), d = e ? Ye(e) : "", c = d ? et(d) : !1, f = c ? d : "#000000", h = te(() => {
|
|
13411
13416
|
if (!(!c || o))
|
|
13412
13417
|
return pu(f);
|
|
13413
13418
|
}, [f, c, o]), b = (y) => {
|
|
13414
13419
|
const N = Ye(y);
|
|
13415
13420
|
et(N) ? n == null || n(N) : (y === "" || y === "#") && (n == null || n(y));
|
|
13416
13421
|
};
|
|
13417
|
-
|
|
13422
|
+
Gt(u, () => ({
|
|
13418
13423
|
getValue: () => {
|
|
13419
13424
|
var y;
|
|
13420
13425
|
return ((y = m.current) == null ? void 0 : y.getValue()) || "";
|
|
@@ -13473,8 +13478,8 @@ const gu = (e, t, i) => {
|
|
|
13473
13478
|
);
|
|
13474
13479
|
Wn.displayName = "ColorInput";
|
|
13475
13480
|
const bu = ({ color: e, onColorChange: t, className: i }) => {
|
|
13476
|
-
const r =
|
|
13477
|
-
|
|
13481
|
+
const r = J(null), o = J(null), [n, a] = V(!1), [l, u] = V(!1), m = jr(e) || { h: 0, s: 100, l: 50 }, [d, c] = V(m.h), [f, h] = V(m.s), [b, p] = V(m.l);
|
|
13482
|
+
G(() => {
|
|
13478
13483
|
const T = jr(e);
|
|
13479
13484
|
T && (c(T.h), h(T.s), p(T.l));
|
|
13480
13485
|
}, [e]);
|
|
@@ -13503,7 +13508,7 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
|
|
|
13503
13508
|
}, D = (T) => {
|
|
13504
13509
|
T.preventDefault(), u(!0), N(T.clientX);
|
|
13505
13510
|
};
|
|
13506
|
-
|
|
13511
|
+
G(() => {
|
|
13507
13512
|
const T = (v) => {
|
|
13508
13513
|
n ? y(v.clientX, v.clientY) : l && N(v.clientX);
|
|
13509
13514
|
}, $ = () => {
|
|
@@ -13610,8 +13615,8 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
|
|
|
13610
13615
|
initialRecentColors: t = [],
|
|
13611
13616
|
debounceMs: i = 500
|
|
13612
13617
|
} = {}) => {
|
|
13613
|
-
const [r, o] = V([]), n =
|
|
13614
|
-
|
|
13618
|
+
const [r, o] = V([]), n = J(null);
|
|
13619
|
+
G(() => {
|
|
13615
13620
|
if (t.length > 0) {
|
|
13616
13621
|
const f = t.map((h) => Ye(h)).filter((h) => et(h));
|
|
13617
13622
|
o(f.slice(0, e));
|
|
@@ -13644,8 +13649,8 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
|
|
|
13644
13649
|
}), n.current = null);
|
|
13645
13650
|
},
|
|
13646
13651
|
[e, a]
|
|
13647
|
-
), u =
|
|
13648
|
-
|
|
13652
|
+
), u = J(null);
|
|
13653
|
+
G(() => (u.current = hu((...f) => {
|
|
13649
13654
|
const h = f[0];
|
|
13650
13655
|
h && l(h);
|
|
13651
13656
|
}, i), () => {
|
|
@@ -13766,7 +13771,7 @@ const Nu = ({
|
|
|
13766
13771
|
et(D) && (i(D), a(D), u(""));
|
|
13767
13772
|
}
|
|
13768
13773
|
};
|
|
13769
|
-
return
|
|
13774
|
+
return G(() => {
|
|
13770
13775
|
e && e !== n && a(e);
|
|
13771
13776
|
}, [e, n]), /* @__PURE__ */ P("div", { className: I("ui-flex ui-min-w-[340px] ui-flex-col ui-gap-16 ui-p-16", o), children: [
|
|
13772
13777
|
/* @__PURE__ */ s(bu, { color: f, onColorChange: y }),
|
|
@@ -13865,7 +13870,7 @@ const Nu = ({
|
|
|
13865
13870
|
const R = Ye(z);
|
|
13866
13871
|
et(R) && (T(R), v(R), n && k());
|
|
13867
13872
|
};
|
|
13868
|
-
|
|
13873
|
+
Gt(
|
|
13869
13874
|
p,
|
|
13870
13875
|
() => ({
|
|
13871
13876
|
getValue: () => S || "",
|
|
@@ -13888,7 +13893,7 @@ const Nu = ({
|
|
|
13888
13893
|
}, j = (z) => {
|
|
13889
13894
|
const R = Ye(z);
|
|
13890
13895
|
et(R) ? (T(R), E(R)) : (z === "" || z === "#") && T(z);
|
|
13891
|
-
},
|
|
13896
|
+
}, q = te(() => {
|
|
13892
13897
|
if (!S) return "";
|
|
13893
13898
|
const z = Ye(S);
|
|
13894
13899
|
return et(z) ? z : S;
|
|
@@ -13917,7 +13922,7 @@ const Nu = ({
|
|
|
13917
13922
|
children: /* @__PURE__ */ s(
|
|
13918
13923
|
Nu,
|
|
13919
13924
|
{
|
|
13920
|
-
currentColor:
|
|
13925
|
+
currentColor: q,
|
|
13921
13926
|
recentColors: $,
|
|
13922
13927
|
onColorSelect: M,
|
|
13923
13928
|
showHexInput: b
|
|
@@ -13937,7 +13942,7 @@ const Nu = ({
|
|
|
13937
13942
|
children: /* @__PURE__ */ s(
|
|
13938
13943
|
Wn,
|
|
13939
13944
|
{
|
|
13940
|
-
color:
|
|
13945
|
+
color: q,
|
|
13941
13946
|
label: m,
|
|
13942
13947
|
error: d,
|
|
13943
13948
|
helperText: c,
|
|
@@ -13977,13 +13982,13 @@ const ku = [
|
|
|
13977
13982
|
showPagesSelector: f = !1,
|
|
13978
13983
|
showPagesCount: h = !1
|
|
13979
13984
|
}) => {
|
|
13980
|
-
|
|
13985
|
+
G(() => {
|
|
13981
13986
|
e > t && t > 0 && l(t);
|
|
13982
13987
|
}, [e, t, l]);
|
|
13983
13988
|
const b = (w) => {
|
|
13984
13989
|
w >= 1 && w <= t && l(w);
|
|
13985
13990
|
}, [p, x] = V(i);
|
|
13986
|
-
|
|
13991
|
+
G(() => {
|
|
13987
13992
|
x(i);
|
|
13988
13993
|
}, [i]);
|
|
13989
13994
|
const y = Math.min(e * (i || 0), r || 0) || 0, N = te(() => !a || a.length === 0 ? 5 : Math.min(...a.map((w) => Number(w.id) || 5)), [a]), D = (() => {
|
|
@@ -14022,7 +14027,7 @@ const ku = [
|
|
|
14022
14027
|
"aria-label": "Navegación de páginas",
|
|
14023
14028
|
children: [
|
|
14024
14029
|
/* @__PURE__ */ s(
|
|
14025
|
-
|
|
14030
|
+
he,
|
|
14026
14031
|
{
|
|
14027
14032
|
theme: "solid",
|
|
14028
14033
|
size: "xs",
|
|
@@ -14036,7 +14041,7 @@ const ku = [
|
|
|
14036
14041
|
}
|
|
14037
14042
|
),
|
|
14038
14043
|
/* @__PURE__ */ s(
|
|
14039
|
-
|
|
14044
|
+
he,
|
|
14040
14045
|
{
|
|
14041
14046
|
theme: "solid",
|
|
14042
14047
|
size: "xs",
|
|
@@ -14050,7 +14055,7 @@ const ku = [
|
|
|
14050
14055
|
}
|
|
14051
14056
|
),
|
|
14052
14057
|
D.map((w) => /* @__PURE__ */ s(
|
|
14053
|
-
|
|
14058
|
+
he,
|
|
14054
14059
|
{
|
|
14055
14060
|
square: !0,
|
|
14056
14061
|
onClick: () => b(w),
|
|
@@ -14068,7 +14073,7 @@ const ku = [
|
|
|
14068
14073
|
w
|
|
14069
14074
|
)),
|
|
14070
14075
|
/* @__PURE__ */ s(
|
|
14071
|
-
|
|
14076
|
+
he,
|
|
14072
14077
|
{
|
|
14073
14078
|
theme: "solid",
|
|
14074
14079
|
size: "xs",
|
|
@@ -14082,7 +14087,7 @@ const ku = [
|
|
|
14082
14087
|
}
|
|
14083
14088
|
),
|
|
14084
14089
|
/* @__PURE__ */ s(
|
|
14085
|
-
|
|
14090
|
+
he,
|
|
14086
14091
|
{
|
|
14087
14092
|
theme: "solid",
|
|
14088
14093
|
size: "xs",
|
|
@@ -14253,7 +14258,7 @@ const ku = [
|
|
|
14253
14258
|
state: "disabledChecked",
|
|
14254
14259
|
class: "ui-border-4 ui-border-neutral-300 ui-bg-fill"
|
|
14255
14260
|
}
|
|
14256
|
-
], Bu =
|
|
14261
|
+
], Bu = Ue(
|
|
14257
14262
|
[
|
|
14258
14263
|
"ui-relative",
|
|
14259
14264
|
"ui-rounded-control-pill",
|
|
@@ -14300,7 +14305,7 @@ const ku = [
|
|
|
14300
14305
|
state: "unchecked"
|
|
14301
14306
|
}
|
|
14302
14307
|
}
|
|
14303
|
-
), Vu =
|
|
14308
|
+
), Vu = Ue(
|
|
14304
14309
|
["ui-ml-2", "ui-select-none", "ui-text-primary", "ui-transition-colors", "ui-duration-100"],
|
|
14305
14310
|
{
|
|
14306
14311
|
variants: {
|
|
@@ -14662,7 +14667,7 @@ const ku = [
|
|
|
14662
14667
|
children: /* @__PURE__ */ s("div", { className: "ui-h-[14px] ui-w-[14px] ui-rounded-control-pill ui-bg-fill" })
|
|
14663
14668
|
}
|
|
14664
14669
|
) : t === "pending" ? /* @__PURE__ */ s("div", { className: `${n} ui-bg-fill ${i.secondary} ${r}`, children: /* @__PURE__ */ s("span", { className: `${i.text} ui-text-heading-h3 ui-font-heading-h3 ui-leading-heading-h3 ui-tracking-heading-h3 ${o}`, children: e + 1 }) }) : null;
|
|
14665
|
-
},
|
|
14670
|
+
}, Uu = ({
|
|
14666
14671
|
step: e,
|
|
14667
14672
|
stepIndex: t,
|
|
14668
14673
|
className: i = "",
|
|
@@ -14670,7 +14675,7 @@ const ku = [
|
|
|
14670
14675
|
}) => e.title ? /* @__PURE__ */ P("div", { className: `${r ? "" : "ui-mt-2 ui-text-center"} ui-w-full ${i}`, children: [
|
|
14671
14676
|
/* @__PURE__ */ s("div", { className: " ui-text-tertiary", children: /* @__PURE__ */ s("p", { className: "ui-line-clamp-1 ui-break-words ui-text-body-xs-regular ui-font-body-xs-regular ui-leading-body-xs-regular ui-tracking-body-xs", children: e.title || `Paso ${t + 1}` }) }),
|
|
14672
14677
|
e.description && /* @__PURE__ */ s("div", { className: "ui-text-body-sm-bold ui-font-body-sm-bold ui-leading-body-sm-bold ui-tracking-body-sm ui-mt-1 ui-text-primary", children: /* @__PURE__ */ s("p", { className: "ui-line-clamp-1 ui-whitespace-normal ui-break-words", children: e.description }) })
|
|
14673
|
-
] }) : null,
|
|
14678
|
+
] }) : null, Gu = ({ colorClasses: e, vertical: t = !1 }) => t ? /* @__PURE__ */ s(
|
|
14674
14679
|
"div",
|
|
14675
14680
|
{
|
|
14676
14681
|
className: `ui-absolute ui-left-[19px] ui-top-[49px] ui-h-[22px] ui-w-0.5 ${e.line}`
|
|
@@ -14710,7 +14715,7 @@ const ku = [
|
|
|
14710
14715
|
}
|
|
14711
14716
|
),
|
|
14712
14717
|
/* @__PURE__ */ s(
|
|
14713
|
-
|
|
14718
|
+
Uu,
|
|
14714
14719
|
{
|
|
14715
14720
|
step: e,
|
|
14716
14721
|
stepIndex: t,
|
|
@@ -14718,10 +14723,10 @@ const ku = [
|
|
|
14718
14723
|
vertical: d
|
|
14719
14724
|
}
|
|
14720
14725
|
),
|
|
14721
|
-
!o && /* @__PURE__ */ s(
|
|
14726
|
+
!o && /* @__PURE__ */ s(Gu, { colorClasses: r, vertical: d })
|
|
14722
14727
|
]
|
|
14723
14728
|
}
|
|
14724
|
-
) }), Qu =
|
|
14729
|
+
) }), Qu = Ue("", {
|
|
14725
14730
|
variants: {
|
|
14726
14731
|
color: {
|
|
14727
14732
|
blue: "",
|
|
@@ -14806,8 +14811,8 @@ const ku = [
|
|
|
14806
14811
|
}, Rr = {
|
|
14807
14812
|
dracula: Qs,
|
|
14808
14813
|
tomorrow: Ks,
|
|
14809
|
-
oneDark:
|
|
14810
|
-
oneLight:
|
|
14814
|
+
oneDark: Gs,
|
|
14815
|
+
oneLight: Us,
|
|
14811
14816
|
atomDark: Ys,
|
|
14812
14817
|
materialDark: Hs,
|
|
14813
14818
|
materialLight: qs,
|
|
@@ -15078,8 +15083,8 @@ const It = [
|
|
|
15078
15083
|
}) => {
|
|
15079
15084
|
const [n, a] = V(
|
|
15080
15085
|
e.operator || ""
|
|
15081
|
-
), [l, u] = V(e.value || ""), [m, d] = V(e.value2 || ""), [c, f] = V(!1), h =
|
|
15082
|
-
|
|
15086
|
+
), [l, u] = V(e.value || ""), [m, d] = V(e.value2 || ""), [c, f] = V(!1), h = J(null);
|
|
15087
|
+
G(() => {
|
|
15083
15088
|
const g = h.current;
|
|
15084
15089
|
if (!g) return;
|
|
15085
15090
|
const D = () => f(!0), C = (w) => {
|
|
@@ -15107,7 +15112,7 @@ const It = [
|
|
|
15107
15112
|
} else
|
|
15108
15113
|
p([]);
|
|
15109
15114
|
};
|
|
15110
|
-
return
|
|
15115
|
+
return G(() => {
|
|
15111
15116
|
if (n)
|
|
15112
15117
|
if (n === "in") {
|
|
15113
15118
|
const g = b.map((D) => D.value);
|
|
@@ -15122,7 +15127,7 @@ const It = [
|
|
|
15122
15127
|
value: l,
|
|
15123
15128
|
value2: m || void 0
|
|
15124
15129
|
});
|
|
15125
|
-
}, [n, l, m, b, e.id, i]),
|
|
15130
|
+
}, [n, l, m, b, e.id, i]), G(() => {
|
|
15126
15131
|
n !== "in" && p([]);
|
|
15127
15132
|
}, [n]), te(() => {
|
|
15128
15133
|
if (!n) return null;
|
|
@@ -15156,7 +15161,7 @@ const It = [
|
|
|
15156
15161
|
/* @__PURE__ */ s("p", { className: "ui-text-body-md-regular ui-font-body-md-bold ui-text-primary", children: t.label })
|
|
15157
15162
|
] }),
|
|
15158
15163
|
/* @__PURE__ */ s(
|
|
15159
|
-
|
|
15164
|
+
he,
|
|
15160
15165
|
{
|
|
15161
15166
|
theme: "solid",
|
|
15162
15167
|
color: "secondary",
|
|
@@ -15278,7 +15283,7 @@ const It = [
|
|
|
15278
15283
|
}
|
|
15279
15284
|
) }) }), _n = $t(
|
|
15280
15285
|
({ columns: e, rows: t, filters: i, onFiltersApply: r, className: o }, n) => {
|
|
15281
|
-
const a =
|
|
15286
|
+
const a = J(null), [l, u] = V(!1), [m, d] = V([]), [c, f] = V(""), h = L(
|
|
15282
15287
|
(S) => {
|
|
15283
15288
|
const T = /* @__PURE__ */ new Set();
|
|
15284
15289
|
return t.forEach((v) => {
|
|
@@ -15304,7 +15309,7 @@ const It = [
|
|
|
15304
15309
|
},
|
|
15305
15310
|
[t]
|
|
15306
15311
|
);
|
|
15307
|
-
|
|
15312
|
+
G(() => {
|
|
15308
15313
|
if (!l) {
|
|
15309
15314
|
const S = i.map((T) => ({
|
|
15310
15315
|
...T,
|
|
@@ -15409,7 +15414,7 @@ const It = [
|
|
|
15409
15414
|
if (!T.has(v)) return !0;
|
|
15410
15415
|
return !1;
|
|
15411
15416
|
}, [m, i]);
|
|
15412
|
-
return
|
|
15417
|
+
return Gt(
|
|
15413
15418
|
n,
|
|
15414
15419
|
() => ({
|
|
15415
15420
|
open: () => {
|
|
@@ -15466,7 +15471,7 @@ const It = [
|
|
|
15466
15471
|
}
|
|
15467
15472
|
) }),
|
|
15468
15473
|
/* @__PURE__ */ s(
|
|
15469
|
-
|
|
15474
|
+
he,
|
|
15470
15475
|
{
|
|
15471
15476
|
theme: "solid",
|
|
15472
15477
|
color: "secondary",
|
|
@@ -15511,7 +15516,7 @@ const It = [
|
|
|
15511
15516
|
/* @__PURE__ */ s(Qe, {}),
|
|
15512
15517
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-16", children: [
|
|
15513
15518
|
m.length > 0 && /* @__PURE__ */ s(
|
|
15514
|
-
|
|
15519
|
+
he,
|
|
15515
15520
|
{
|
|
15516
15521
|
theme: "solid",
|
|
15517
15522
|
color: "secondary",
|
|
@@ -15523,9 +15528,9 @@ const It = [
|
|
|
15523
15528
|
}
|
|
15524
15529
|
),
|
|
15525
15530
|
/* @__PURE__ */ P("div", { className: "ui-ml-auto ui-flex ui-gap-3", children: [
|
|
15526
|
-
/* @__PURE__ */ s(
|
|
15531
|
+
/* @__PURE__ */ s(he, { theme: "solid", color: "secondary", size: "xs", pill: "md", onClick: p, children: "Cancelar" }),
|
|
15527
15532
|
/* @__PURE__ */ s(
|
|
15528
|
-
|
|
15533
|
+
he,
|
|
15529
15534
|
{
|
|
15530
15535
|
theme: "solid",
|
|
15531
15536
|
color: "primary",
|
|
@@ -15571,58 +15576,58 @@ const ac = ({
|
|
|
15571
15576
|
onFiltersApply: w,
|
|
15572
15577
|
className: k
|
|
15573
15578
|
}) => {
|
|
15574
|
-
const [S, T] = V(""), [$, v] = V([]), [E, M] = V([]), [A, j] = V(!1),
|
|
15575
|
-
|
|
15576
|
-
const F = p.map((
|
|
15577
|
-
id:
|
|
15578
|
-
title: typeof
|
|
15579
|
-
checked:
|
|
15579
|
+
const [S, T] = V(""), [$, v] = V([]), [E, M] = V([]), [A, j] = V(!1), q = J(null), _ = J(null);
|
|
15580
|
+
G(() => {
|
|
15581
|
+
const F = p.map((H) => ({
|
|
15582
|
+
id: H.id,
|
|
15583
|
+
title: typeof H.header == "string" ? H.header : H.id,
|
|
15584
|
+
checked: H.visible !== !1,
|
|
15580
15585
|
// Por defecto visible si no se especifica
|
|
15581
|
-
draggable: !
|
|
15586
|
+
draggable: !H.locked,
|
|
15582
15587
|
// Las columnas bloqueadas no se pueden arrastrar
|
|
15583
|
-
disabled:
|
|
15588
|
+
disabled: H.locked
|
|
15584
15589
|
// Las columnas bloqueadas tienen icono disabled
|
|
15585
|
-
})),
|
|
15586
|
-
...F.filter((
|
|
15587
|
-
...F.filter((
|
|
15590
|
+
})), U = [
|
|
15591
|
+
...F.filter((H) => H.disabled),
|
|
15592
|
+
...F.filter((H) => !H.disabled)
|
|
15588
15593
|
];
|
|
15589
|
-
v(
|
|
15594
|
+
v(U), M(U);
|
|
15590
15595
|
}, [p]);
|
|
15591
15596
|
const z = (F) => {
|
|
15592
15597
|
T(F), d == null || d(F);
|
|
15593
|
-
}, R = (F,
|
|
15598
|
+
}, R = (F, U) => {
|
|
15594
15599
|
M(
|
|
15595
|
-
(
|
|
15600
|
+
(H) => H.map((X) => X.id === F ? { ...X, checked: U } : X)
|
|
15596
15601
|
);
|
|
15597
15602
|
}, W = (F) => {
|
|
15598
15603
|
M(F);
|
|
15599
15604
|
}, Y = () => {
|
|
15600
|
-
var
|
|
15605
|
+
var H;
|
|
15601
15606
|
const F = [];
|
|
15602
|
-
if (E.forEach((
|
|
15603
|
-
const re = $.find((de) => de.id ===
|
|
15604
|
-
re && re.checked !==
|
|
15605
|
-
}), F.length > 0 && (F.length > 1 && D ? D(F) : F.forEach((
|
|
15606
|
-
g == null || g(
|
|
15607
|
+
if (E.forEach((X) => {
|
|
15608
|
+
const re = $.find((de) => de.id === X.id);
|
|
15609
|
+
re && re.checked !== X.checked && F.push({ columnId: X.id, visible: X.checked ?? !1 });
|
|
15610
|
+
}), F.length > 0 && (F.length > 1 && D ? D(F) : F.forEach((X) => {
|
|
15611
|
+
g == null || g(X.columnId, X.visible);
|
|
15607
15612
|
})), E.some(
|
|
15608
|
-
(
|
|
15613
|
+
(X, re) => {
|
|
15609
15614
|
var de;
|
|
15610
|
-
return ((de = $[re]) == null ? void 0 : de.id) !==
|
|
15615
|
+
return ((de = $[re]) == null ? void 0 : de.id) !== X.id;
|
|
15611
15616
|
}
|
|
15612
15617
|
)) {
|
|
15613
|
-
const
|
|
15614
|
-
const
|
|
15615
|
-
return
|
|
15618
|
+
const X = new Map(E.map((de, fe) => [de.id, fe])), re = [...p].sort((de, fe) => {
|
|
15619
|
+
const me = X.get(de.id) ?? 999, we = X.get(fe.id) ?? 999;
|
|
15620
|
+
return me - we;
|
|
15616
15621
|
});
|
|
15617
15622
|
C == null || C(re);
|
|
15618
15623
|
}
|
|
15619
|
-
v(E), j(!1), (
|
|
15624
|
+
v(E), j(!1), (H = q.current) == null || H.close();
|
|
15620
15625
|
}, ie = () => {
|
|
15621
15626
|
var F;
|
|
15622
|
-
M($), j(!1), (F =
|
|
15627
|
+
M($), j(!1), (F = q.current) == null || F.close();
|
|
15623
15628
|
}, ae = () => {
|
|
15624
15629
|
j(!0), M([...$]);
|
|
15625
|
-
},
|
|
15630
|
+
}, Z = I("ui-flex ui-flex-col ui-bg-fill", k), O = {
|
|
15626
15631
|
equals: "=",
|
|
15627
15632
|
notEquals: "≠",
|
|
15628
15633
|
contains: "contiene",
|
|
@@ -15644,30 +15649,30 @@ const ac = ({
|
|
|
15644
15649
|
thisYear: "es este año",
|
|
15645
15650
|
lastYear: "es año pasado"
|
|
15646
15651
|
}, B = (F) => {
|
|
15647
|
-
const
|
|
15652
|
+
const U = p.find((re) => re.id === F.columnId), H = U ? typeof U.header == "string" ? U.header : U.id : F.columnId;
|
|
15648
15653
|
if (F.columnId === "_search")
|
|
15649
15654
|
return `"${F.value}"`;
|
|
15650
|
-
const
|
|
15655
|
+
const X = O[F.operator] || F.operator;
|
|
15651
15656
|
if (["isEmpty", "isNotEmpty", "thisMonth", "lastMonth", "thisYear", "lastYear"].includes(
|
|
15652
15657
|
F.operator
|
|
15653
15658
|
))
|
|
15654
|
-
return `"${
|
|
15659
|
+
return `"${H}" ${X}`;
|
|
15655
15660
|
if (F.operator === "in" && Array.isArray(F.value)) {
|
|
15656
15661
|
const re = (Array.isArray(F.value) ? F.value : [F.value]).map((de) => `"${String(de)}"`).join(", ");
|
|
15657
|
-
return `"${
|
|
15662
|
+
return `"${H}" ${X} [${re}]`;
|
|
15658
15663
|
}
|
|
15659
|
-
return F.operator === "between" && F.value && F.value2 ? `"${
|
|
15664
|
+
return F.operator === "between" && F.value && F.value2 ? `"${H}" ${X} "${F.value}" y "${F.value2}"` : F.value ? `"${H}" ${X} "${F.value}"` : H;
|
|
15660
15665
|
}, K = (F) => F.columnId === "_search" ? "success" : "accent", ne = (F) => {
|
|
15661
|
-
const
|
|
15662
|
-
(
|
|
15666
|
+
const U = y.filter(
|
|
15667
|
+
(H) => !(H.columnId === F.columnId && H.operator === F.operator && H.value === F.value)
|
|
15663
15668
|
);
|
|
15664
|
-
w == null || w(
|
|
15665
|
-
},
|
|
15669
|
+
w == null || w(U);
|
|
15670
|
+
}, oe = () => {
|
|
15666
15671
|
w == null || w([]), T(""), d == null || d("");
|
|
15667
|
-
},
|
|
15672
|
+
}, ge = () => {
|
|
15668
15673
|
T(""), d == null || d("");
|
|
15669
|
-
}, xe = y.length > 0 || S.trim().length > 0,
|
|
15670
|
-
return /* @__PURE__ */ P("div", { className:
|
|
15674
|
+
}, xe = y.length > 0 || S.trim().length > 0, se = y.length + (S.trim().length > 0 ? 1 : 0);
|
|
15675
|
+
return /* @__PURE__ */ P("div", { className: Z, children: [
|
|
15671
15676
|
/* @__PURE__ */ P(
|
|
15672
15677
|
"div",
|
|
15673
15678
|
{
|
|
@@ -15681,7 +15686,7 @@ const ac = ({
|
|
|
15681
15686
|
/* @__PURE__ */ P(
|
|
15682
15687
|
Kt,
|
|
15683
15688
|
{
|
|
15684
|
-
ref:
|
|
15689
|
+
ref: q,
|
|
15685
15690
|
className: "ui-flex ui-min-w-[300px] ui-flex-col ui-gap-y-8 ui-p-8",
|
|
15686
15691
|
theme: "solid",
|
|
15687
15692
|
color: "tertiary",
|
|
@@ -15709,7 +15714,7 @@ const ac = ({
|
|
|
15709
15714
|
/* @__PURE__ */ s(Qe, { className: "ui-w-full" }),
|
|
15710
15715
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-justify-center ui-gap-x-8", children: [
|
|
15711
15716
|
/* @__PURE__ */ s(
|
|
15712
|
-
|
|
15717
|
+
he,
|
|
15713
15718
|
{
|
|
15714
15719
|
fullWidth: !0,
|
|
15715
15720
|
theme: "solid",
|
|
@@ -15721,7 +15726,7 @@ const ac = ({
|
|
|
15721
15726
|
}
|
|
15722
15727
|
),
|
|
15723
15728
|
/* @__PURE__ */ s(
|
|
15724
|
-
|
|
15729
|
+
he,
|
|
15725
15730
|
{
|
|
15726
15731
|
fullWidth: !0,
|
|
15727
15732
|
theme: "solid",
|
|
@@ -15763,12 +15768,12 @@ const ac = ({
|
|
|
15763
15768
|
}
|
|
15764
15769
|
}
|
|
15765
15770
|
),
|
|
15766
|
-
|
|
15771
|
+
se > 0 && /* @__PURE__ */ s("div", { className: "ui-absolute ui--right-1 ui--top-1 ui-flex ui-size-16 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-fill-danger ui-text-body-xs-regular ui-font-body-xs-bold ui-text-on-color", children: se })
|
|
15767
15772
|
] })
|
|
15768
15773
|
] }),
|
|
15769
15774
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-8", children: [
|
|
15770
15775
|
a && /* @__PURE__ */ s(
|
|
15771
|
-
|
|
15776
|
+
he,
|
|
15772
15777
|
{
|
|
15773
15778
|
theme: "solid",
|
|
15774
15779
|
color: "secondary",
|
|
@@ -15781,7 +15786,7 @@ const ac = ({
|
|
|
15781
15786
|
}
|
|
15782
15787
|
),
|
|
15783
15788
|
r && /* @__PURE__ */ s(
|
|
15784
|
-
|
|
15789
|
+
he,
|
|
15785
15790
|
{
|
|
15786
15791
|
theme: "solid",
|
|
15787
15792
|
color: "primary",
|
|
@@ -15800,27 +15805,27 @@ const ac = ({
|
|
|
15800
15805
|
xe && /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-gap-8 ui-bg-fill ui-px-4 ui-py-2", children: [
|
|
15801
15806
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-8", children: [
|
|
15802
15807
|
/* @__PURE__ */ s("span", { className: "ui-text-body-xs-regular ui-font-body-xs-regular ui-text-tertiary", children: "Filtros activos:" }),
|
|
15803
|
-
/* @__PURE__ */ s(Ie, { color: "link", size: "xxs", onClick:
|
|
15808
|
+
/* @__PURE__ */ s(Ie, { color: "link", size: "xxs", onClick: oe, children: "Limpiar todos" })
|
|
15804
15809
|
] }),
|
|
15805
15810
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-flex-wrap ui-items-center ui-gap-8", children: [
|
|
15806
15811
|
S.trim().length > 0 && /* @__PURE__ */ s(
|
|
15807
|
-
|
|
15812
|
+
Ut,
|
|
15808
15813
|
{
|
|
15809
15814
|
label: `"${S}"`,
|
|
15810
15815
|
color: "success",
|
|
15811
15816
|
infoIcon: "SearchOutlined",
|
|
15812
|
-
onClose:
|
|
15817
|
+
onClose: ge
|
|
15813
15818
|
},
|
|
15814
15819
|
"_search"
|
|
15815
15820
|
),
|
|
15816
|
-
y.map((F,
|
|
15817
|
-
|
|
15821
|
+
y.map((F, U) => /* @__PURE__ */ s(
|
|
15822
|
+
Ut,
|
|
15818
15823
|
{
|
|
15819
15824
|
label: B(F),
|
|
15820
15825
|
color: K(F),
|
|
15821
15826
|
onClose: () => ne(F)
|
|
15822
15827
|
},
|
|
15823
|
-
`${F.columnId}-${F.operator}-${
|
|
15828
|
+
`${F.columnId}-${F.operator}-${U}`
|
|
15824
15829
|
))
|
|
15825
15830
|
] })
|
|
15826
15831
|
] })
|
|
@@ -15877,7 +15882,7 @@ const ac = ({
|
|
|
15877
15882
|
default:
|
|
15878
15883
|
return "ui-justify-start";
|
|
15879
15884
|
}
|
|
15880
|
-
},
|
|
15885
|
+
}, Ge = (e, t) => {
|
|
15881
15886
|
t == null || t();
|
|
15882
15887
|
}, qn = qe(
|
|
15883
15888
|
({
|
|
@@ -15893,7 +15898,7 @@ const ac = ({
|
|
|
15893
15898
|
isRowEditing: m
|
|
15894
15899
|
}) => {
|
|
15895
15900
|
const d = it(r, n, i.locked, u, void 0, m), c = rt(i, l), f = r === "selected" && !m ? "ui-text-brand-selected" : "", h = gt(i.contentAlign);
|
|
15896
|
-
return i.render ? /* @__PURE__ */ s("td", { className: d, ...c, onClick: (b) =>
|
|
15901
|
+
return i.render ? /* @__PURE__ */ s("td", { className: d, ...c, onClick: (b) => Ge(b, a), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", h, f), children: /* @__PURE__ */ s("span", { className: "ui-text-body-sm-regular ui-font-body-sm-regular ui-leading-body-sm-regular ui-tracking-body-sm", children: i.render(e, t, i) }) }) }) : /* @__PURE__ */ s("td", { className: d, ...c, onClick: (b) => Ge(b, a), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", h, f), children: /* @__PURE__ */ s("span", { className: "ui-text-body-sm-regular ui-font-body-sm-regular ui-leading-body-sm-regular ui-tracking-body-sm", children: e ? String(e) : "-" }) }) });
|
|
15897
15902
|
}
|
|
15898
15903
|
);
|
|
15899
15904
|
qn.displayName = "TableCell";
|
|
@@ -15913,7 +15918,7 @@ const Hn = qe(
|
|
|
15913
15918
|
"ui-flex ui-items-center ui-gap-8 ui-min-w-max ui-h-full",
|
|
15914
15919
|
c
|
|
15915
15920
|
), h = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", b = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", x = typeof e == "object" && e !== null && !Array.isArray(e) ? e : null, y = t && typeof t == "object" && "avatar" in t ? t : null, N = (x == null ? void 0 : x.avatar) ?? (y == null ? void 0 : y.avatar), g = (x == null ? void 0 : x.name) ?? e, D = (x == null ? void 0 : x.subtitle) ?? (y == null ? void 0 : y.subtitle);
|
|
15916
|
-
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (C) =>
|
|
15921
|
+
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (C) => Ge(C, n), children: /* @__PURE__ */ P("div", { className: f, children: [
|
|
15917
15922
|
N && /* @__PURE__ */ s(St, { type: "people", size: "sm", src: N }),
|
|
15918
15923
|
/* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-justify-center", children: [
|
|
15919
15924
|
/* @__PURE__ */ s(
|
|
@@ -16004,7 +16009,7 @@ const Yn = qe(
|
|
|
16004
16009
|
}
|
|
16005
16010
|
}
|
|
16006
16011
|
}, x = b ? p[h].selected : p[h].default, y = gt(t.contentAlign);
|
|
16007
|
-
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) =>
|
|
16012
|
+
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) => Ge(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: /* @__PURE__ */ s(
|
|
16008
16013
|
"div",
|
|
16009
16014
|
{
|
|
16010
16015
|
className: I(
|
|
@@ -16049,7 +16054,7 @@ const lc = {
|
|
|
16049
16054
|
icon: _i,
|
|
16050
16055
|
tooltip: "Más opciones"
|
|
16051
16056
|
}
|
|
16052
|
-
},
|
|
16057
|
+
}, Un = qe(
|
|
16053
16058
|
({
|
|
16054
16059
|
value: e,
|
|
16055
16060
|
row: t,
|
|
@@ -16083,8 +16088,8 @@ const lc = {
|
|
|
16083
16088
|
const y = p.custom || p.actions || [];
|
|
16084
16089
|
b = [...x, ...y];
|
|
16085
16090
|
} else Array.isArray(e) ? b = e : i.actions && Array.isArray(i.actions) && (b = i.actions);
|
|
16086
|
-
return /* @__PURE__ */ s("td", { className: c, ...f, onClick: (p) =>
|
|
16087
|
-
|
|
16091
|
+
return /* @__PURE__ */ s("td", { className: c, ...f, onClick: (p) => Ge(p, n), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-2", children: b.map((p, x) => /* @__PURE__ */ s(
|
|
16092
|
+
he,
|
|
16088
16093
|
{
|
|
16089
16094
|
theme: "solid",
|
|
16090
16095
|
size: "xs",
|
|
@@ -16102,7 +16107,7 @@ const lc = {
|
|
|
16102
16107
|
)) }) });
|
|
16103
16108
|
}
|
|
16104
16109
|
);
|
|
16105
|
-
|
|
16110
|
+
Un.displayName = "ActionsCell";
|
|
16106
16111
|
const uc = ({
|
|
16107
16112
|
value: e,
|
|
16108
16113
|
row: t,
|
|
@@ -16120,7 +16125,7 @@ const uc = ({
|
|
|
16120
16125
|
"ui-transition-colors ui-duration-150",
|
|
16121
16126
|
r === "disabled" && "ui-pointer-events-none ui-opacity-50"
|
|
16122
16127
|
), b = e && typeof e == "object" && !Array.isArray(e) ? e : null, p = (b == null ? void 0 : b.href) ?? "#", x = (b == null ? void 0 : b.label) ?? e;
|
|
16123
|
-
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (y) =>
|
|
16128
|
+
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (y) => Ge(y, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", c), children: /* @__PURE__ */ s("a", { href: p, className: f, target: "_blank", rel: "noopener noreferrer", children: x }) }) });
|
|
16124
16129
|
}, Fr = "sm", cc = (e) => e ? e.startsWith("data:") || e.startsWith("blob:") ? !0 : ki(e) : !1, dc = (e) => typeof e == "string" && e.trim().length > 0 ? e.trim() : "?", fc = ({
|
|
16125
16130
|
value: e,
|
|
16126
16131
|
column: t,
|
|
@@ -16132,7 +16137,7 @@ const uc = ({
|
|
|
16132
16137
|
isRowEditing: l
|
|
16133
16138
|
}) => {
|
|
16134
16139
|
const u = it(i, r, t.locked, a, void 0, l), m = rt(t, n), d = Array.isArray(e) ? e : [e], c = 5, f = Math.max(0, d.length - c);
|
|
16135
|
-
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (h) =>
|
|
16140
|
+
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (h) => Ge(h, o), children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui--space-x-4 ui-pr-4", children: [
|
|
16136
16141
|
d.slice(0, c).map((h, b) => {
|
|
16137
16142
|
const p = typeof h == "object" && h !== null ? h : null, x = p ? p.src : h, y = p ? p.name : h;
|
|
16138
16143
|
if (typeof x == "string" && cc(x))
|
|
@@ -16174,11 +16179,11 @@ const uc = ({
|
|
|
16174
16179
|
isLastLocked: l = !1,
|
|
16175
16180
|
isRowEditing: u
|
|
16176
16181
|
}) => {
|
|
16177
|
-
const [m, d] = V(e), [c, f] = V(""), h =
|
|
16182
|
+
const [m, d] = V(e), [c, f] = V(""), h = J(e), b = J(!1), p = i === "selected" && t.editable && t.editable !== "none", x = it(i, o, t.locked, l, p, u), y = rt(t, a), N = gt(t.contentAlign), g = ($) => {
|
|
16178
16183
|
const v = t.type;
|
|
16179
16184
|
return (v === "number" || v === "numeric") && $ !== "" && $ !== "-" && $ !== "+" && $ !== "." && !/^-?\d*\.?\d*$/.test($) ? "Debe ser un número válido" : "";
|
|
16180
16185
|
};
|
|
16181
|
-
|
|
16186
|
+
G(() => {
|
|
16182
16187
|
d(e), h.current = e, b.current = !1, f("");
|
|
16183
16188
|
}, [e]);
|
|
16184
16189
|
const D = () => {
|
|
@@ -16220,7 +16225,7 @@ const uc = ({
|
|
|
16220
16225
|
}, k = () => {
|
|
16221
16226
|
b.current && m !== h.current && (r == null || r(m), h.current = m), b.current = !1;
|
|
16222
16227
|
}, T = c !== "";
|
|
16223
|
-
return /* @__PURE__ */ s("td", { className: x, ...y, onClick: ($) =>
|
|
16228
|
+
return /* @__PURE__ */ s("td", { className: x, ...y, onClick: ($) => Ge($, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", N), children: /* @__PURE__ */ s(
|
|
16224
16229
|
tt,
|
|
16225
16230
|
{
|
|
16226
16231
|
value: m ? String(m) : "",
|
|
@@ -16246,7 +16251,7 @@ const uc = ({
|
|
|
16246
16251
|
isRowEditing: u
|
|
16247
16252
|
}) => {
|
|
16248
16253
|
const m = t === "selected" && o.editable && o.editable !== "none", d = it(t, r, o.locked, l, m, u), c = rt(o, a), f = gt(o.contentAlign), h = o.columnOptions || [], b = e == null ? void 0 : typeof e == "string" || typeof e == "number" || Array.isArray(e) && e.every((p) => typeof p == "string" || typeof p == "number") ? e : void 0;
|
|
16249
|
-
return /* @__PURE__ */ s("td", { className: d, ...c, onClick: (p) =>
|
|
16254
|
+
return /* @__PURE__ */ s("td", { className: d, ...c, onClick: (p) => Ge(p, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", f), children: /* @__PURE__ */ s(
|
|
16250
16255
|
ht,
|
|
16251
16256
|
{
|
|
16252
16257
|
options: h,
|
|
@@ -16268,7 +16273,7 @@ const uc = ({
|
|
|
16268
16273
|
isRowEditing: u
|
|
16269
16274
|
}) => {
|
|
16270
16275
|
const m = it(r, o, i.locked, l, void 0, u), d = rt(i, a), c = gt(i.contentAlign), f = e && typeof e == "object" && !Array.isArray(e) ? e : e != null ? { label: e } : null;
|
|
16271
|
-
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (h) =>
|
|
16276
|
+
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (h) => Ge(h, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", c), children: f && /* @__PURE__ */ s(
|
|
16272
16277
|
Ie,
|
|
16273
16278
|
{
|
|
16274
16279
|
theme: f.theme || "solid",
|
|
@@ -16293,7 +16298,7 @@ const uc = ({
|
|
|
16293
16298
|
isRowEditing: l
|
|
16294
16299
|
}) => {
|
|
16295
16300
|
const u = it(i, r, t.locked, a, void 0, l), m = rt(t, n), d = gt(t.contentAlign), f = e && typeof e == "object" && !Array.isArray(e) ? e : null, h = (f == null ? void 0 : f.value) ?? (typeof e == "number" ? e : 0), b = f == null ? void 0 : f.label, p = typeof h == "number" ? Math.min(Math.max(h, 0), 100) : 0, x = i === "selected", y = x && !l ? "ui-text-brand-selected" : "ui-text-secondary";
|
|
16296
|
-
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) =>
|
|
16301
|
+
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) => Ge(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", d), children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-2 ui-w-full", children: [
|
|
16297
16302
|
/* @__PURE__ */ s(
|
|
16298
16303
|
gi,
|
|
16299
16304
|
{
|
|
@@ -16309,7 +16314,7 @@ const uc = ({
|
|
|
16309
16314
|
!b && /* @__PURE__ */ s("span", { className: I("ui-text-body-xs-regular ui-font-body-xs-medium", y), children: "%" })
|
|
16310
16315
|
] })
|
|
16311
16316
|
] }) }) });
|
|
16312
|
-
},
|
|
16317
|
+
}, Gn = ({
|
|
16313
16318
|
column: e,
|
|
16314
16319
|
className: t,
|
|
16315
16320
|
state: i = "default",
|
|
@@ -16319,7 +16324,7 @@ const uc = ({
|
|
|
16319
16324
|
isRowEditing: a
|
|
16320
16325
|
}) => {
|
|
16321
16326
|
const l = it(i, t, e.locked, n, void 0, a), u = rt(e, o), m = gt(e.contentAlign);
|
|
16322
|
-
return /* @__PURE__ */ s("td", { className: l, ...u, onClick: (d) =>
|
|
16327
|
+
return /* @__PURE__ */ s("td", { className: l, ...u, onClick: (d) => Ge(d, r), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", m), children: /* @__PURE__ */ s(
|
|
16323
16328
|
"div",
|
|
16324
16329
|
{
|
|
16325
16330
|
className: "ui-h-[14px] ui-w-full ui-animate-pulse ui-rounded-control-pill",
|
|
@@ -16363,7 +16368,7 @@ const uc = ({
|
|
|
16363
16368
|
const y = bc(t.id);
|
|
16364
16369
|
return yc(b, y);
|
|
16365
16370
|
}, [t.id, h, b]), x = gt(t.contentAlign);
|
|
16366
|
-
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (y) =>
|
|
16371
|
+
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (y) => Ge(y, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", x), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-1", children: d.map((y, N) => {
|
|
16367
16372
|
const g = typeof y == "object" && y !== null ? {
|
|
16368
16373
|
label: y[c] || y.label || String(y),
|
|
16369
16374
|
color: y[f] || y.color || "gray",
|
|
@@ -16371,7 +16376,7 @@ const uc = ({
|
|
|
16371
16376
|
onClose: y.onClose
|
|
16372
16377
|
} : { label: String(y), color: "gray" };
|
|
16373
16378
|
return h && p.length > 0 && (g.color = p[N % p.length]), /* @__PURE__ */ s("div", { className: "ui-max-w-[200px] ui-flex-shrink-0", children: /* @__PURE__ */ s(
|
|
16374
|
-
|
|
16379
|
+
Ut,
|
|
16375
16380
|
{
|
|
16376
16381
|
label: g.label,
|
|
16377
16382
|
color: g.color,
|
|
@@ -16395,7 +16400,7 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
|
|
|
16395
16400
|
isRowEditing: u
|
|
16396
16401
|
}) => {
|
|
16397
16402
|
const m = it(i, o, t.locked, l, void 0, u), d = rt(t, a);
|
|
16398
|
-
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (c) =>
|
|
16403
|
+
return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (c) => Ge(c, n), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-h-full ui-items-center ui-justify-center", children: /* @__PURE__ */ s(
|
|
16399
16404
|
bi,
|
|
16400
16405
|
{
|
|
16401
16406
|
checked: !!e,
|
|
@@ -16448,7 +16453,7 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
|
|
|
16448
16453
|
}
|
|
16449
16454
|
const y = p && p.length > 0;
|
|
16450
16455
|
return /* @__PURE__ */ P("td", { className: c, ...f, onClick: (C) => {
|
|
16451
|
-
y ? (C.stopPropagation(), d(!0)) :
|
|
16456
|
+
y ? (C.stopPropagation(), d(!0)) : Ge(C, n);
|
|
16452
16457
|
}, children: [
|
|
16453
16458
|
/* @__PURE__ */ s(
|
|
16454
16459
|
"div",
|
|
@@ -16494,7 +16499,7 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
|
|
|
16494
16499
|
isRowEditing: l
|
|
16495
16500
|
}) => {
|
|
16496
16501
|
const u = it(i, r, t.locked, a, void 0, l), m = rt(t, n), d = typeof e == "number" ? e : typeof e == "string" && parseFloat(e) || 0;
|
|
16497
|
-
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (h) =>
|
|
16502
|
+
return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (h) => Ge(h, o), children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-2", children: [
|
|
16498
16503
|
/* @__PURE__ */ s(be, { name: qi, size: "md", color: i === "selected" && !l ? "blue" : "yellow" }),
|
|
16499
16504
|
/* @__PURE__ */ s(
|
|
16500
16505
|
"span",
|
|
@@ -16649,7 +16654,7 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
|
|
|
16649
16654
|
const N = Nc(e);
|
|
16650
16655
|
return N ? kc(N, h, b) : p;
|
|
16651
16656
|
}, [e, h, b, p]), y = gt(t.contentAlign);
|
|
16652
|
-
return t.render ? /* @__PURE__ */ s("td", { className: c, ...f, onClick: (N) =>
|
|
16657
|
+
return t.render ? /* @__PURE__ */ s("td", { className: c, ...f, onClick: (N) => Ge(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: t.render(e, null, t) }) }) : /* @__PURE__ */ s("td", { className: c, ...f, onClick: (N) => Ge(N, o), children: /* @__PURE__ */ s(
|
|
16653
16658
|
"div",
|
|
16654
16659
|
{
|
|
16655
16660
|
className: I("ui-flex ui-h-full ui-items-center ui-text-body-sm-regular", y),
|
|
@@ -16701,7 +16706,7 @@ const Cc = ({
|
|
|
16701
16706
|
case "status":
|
|
16702
16707
|
return /* @__PURE__ */ s(Yn, { ...k });
|
|
16703
16708
|
case "actions":
|
|
16704
|
-
return /* @__PURE__ */ s(
|
|
16709
|
+
return /* @__PURE__ */ s(Un, { ...k });
|
|
16705
16710
|
case "link":
|
|
16706
16711
|
return /* @__PURE__ */ s(uc, { ...k });
|
|
16707
16712
|
case "avatars":
|
|
@@ -16715,7 +16720,7 @@ const Cc = ({
|
|
|
16715
16720
|
case "progressbar":
|
|
16716
16721
|
return /* @__PURE__ */ s(pc, { ...k });
|
|
16717
16722
|
case "skeleton":
|
|
16718
|
-
return /* @__PURE__ */ s(
|
|
16723
|
+
return /* @__PURE__ */ s(Gn, { ...k });
|
|
16719
16724
|
case "tags":
|
|
16720
16725
|
return /* @__PURE__ */ s(Kn, { ...k });
|
|
16721
16726
|
case "checkbox":
|
|
@@ -16751,37 +16756,37 @@ const Cc = ({
|
|
|
16751
16756
|
onResizeHover: N,
|
|
16752
16757
|
className: g
|
|
16753
16758
|
}) => {
|
|
16754
|
-
const D =
|
|
16755
|
-
|
|
16759
|
+
const D = J(null), [C, w] = V(!1), [k, S] = V(!1), [T, $] = V(!1), v = J(0), E = J(0), M = J(0), A = J(80), j = J(null), q = J(!1), _ = J(x), z = J(e.id), R = J(!1), W = J(), Y = J();
|
|
16760
|
+
G(() => {
|
|
16756
16761
|
_.current = x, z.current = e.id, R.current = k;
|
|
16757
|
-
}, [x, e.id, k]),
|
|
16758
|
-
if (
|
|
16759
|
-
const
|
|
16762
|
+
}, [x, e.id, k]), G(() => {
|
|
16763
|
+
if (q.current || !D.current || !x) return;
|
|
16764
|
+
const se = setTimeout(() => {
|
|
16760
16765
|
var Ke;
|
|
16761
|
-
if (!D.current ||
|
|
16762
|
-
|
|
16766
|
+
if (!D.current || q.current) return;
|
|
16767
|
+
q.current = !0;
|
|
16763
16768
|
const F = D.current.querySelector(".ui-truncate");
|
|
16764
|
-
let
|
|
16769
|
+
let U = 0;
|
|
16765
16770
|
if ((Ke = F == null ? void 0 : F.textContent) != null && Ke.trim()) {
|
|
16766
16771
|
const Se = document.createElement("span");
|
|
16767
|
-
Se.style.position = "absolute", Se.style.visibility = "hidden", Se.style.whiteSpace = "nowrap", Se.style.font = window.getComputedStyle(F).font, Se.textContent = F.textContent, document.body.appendChild(Se),
|
|
16772
|
+
Se.style.position = "absolute", Se.style.visibility = "hidden", Se.style.whiteSpace = "nowrap", Se.style.font = window.getComputedStyle(F).font, Se.textContent = F.textContent, document.body.appendChild(Se), U = Se.offsetWidth, document.body.removeChild(Se);
|
|
16768
16773
|
}
|
|
16769
|
-
const
|
|
16770
|
-
re && re.offsetWidth > 0 && (
|
|
16771
|
-
const de =
|
|
16772
|
-
let we =
|
|
16774
|
+
const H = D.current.querySelector(".ui-justify-between"), X = H == null ? void 0 : H.firstElementChild, re = e.headerIcon ? X == null ? void 0 : X.querySelector(".ui-flex-shrink-0") : null;
|
|
16775
|
+
re && re.offsetWidth > 0 && (U += re.offsetWidth + 8);
|
|
16776
|
+
const de = H == null ? void 0 : H.lastElementChild, fe = (de == null ? void 0 : de.offsetWidth) || 0;
|
|
16777
|
+
let we = U + fe + 48;
|
|
16773
16778
|
const ye = D.current.closest("table");
|
|
16774
|
-
let
|
|
16779
|
+
let Ce = 0;
|
|
16775
16780
|
ye && ye.querySelectorAll(`td[data-column-id="${e.id}"]`).forEach((De) => {
|
|
16776
16781
|
const Ee = De.scrollWidth;
|
|
16777
|
-
|
|
16782
|
+
Ce = Math.max(Ce, Ee);
|
|
16778
16783
|
});
|
|
16779
|
-
const Pe =
|
|
16784
|
+
const Pe = Ce > 0 ? Ce + 32 : 0;
|
|
16780
16785
|
we = Math.max(we, Pe);
|
|
16781
16786
|
const Oe = D.current.offsetWidth;
|
|
16782
16787
|
we > Oe ? x(we) : e.width === void 0 && x(Oe);
|
|
16783
16788
|
}, 50);
|
|
16784
|
-
return () => clearTimeout(
|
|
16789
|
+
return () => clearTimeout(se);
|
|
16785
16790
|
}, []);
|
|
16786
16791
|
const ie = I(
|
|
16787
16792
|
"ui-group ui-px-4 ui-py-3 ui-text-left ui-text-body-xs-regular ui-font-body-xs-regular ui-leading-body-xs-regular ui-tracking-body-xs ui-text-tertiary",
|
|
@@ -16797,78 +16802,78 @@ const Cc = ({
|
|
|
16797
16802
|
f && c && "ui-top-0",
|
|
16798
16803
|
u && "ui-border-r-2 ui-border-r-default",
|
|
16799
16804
|
g
|
|
16800
|
-
), ae = (
|
|
16805
|
+
), ae = (se) => n === "asc" ? se ? js : ys : n === "desc" ? se ? Rs : xs : vs;
|
|
16801
16806
|
I(
|
|
16802
16807
|
"ui-flex ui-items-center ui-gap-1",
|
|
16803
16808
|
"ui-transition-opacity ui-duration-200",
|
|
16804
16809
|
!(n !== null || a || l) && "ui-opacity-0 group-hover:ui-opacity-100"
|
|
16805
16810
|
);
|
|
16806
|
-
const O = (
|
|
16811
|
+
const O = (se) => {
|
|
16807
16812
|
var Se;
|
|
16808
|
-
if (
|
|
16809
|
-
w(!0), S(!1), R.current = !1, v.current =
|
|
16813
|
+
if (se.preventDefault(), se.stopPropagation(), !D.current || !x) return;
|
|
16814
|
+
w(!0), S(!1), R.current = !1, v.current = se.clientX, E.current = se.clientX;
|
|
16810
16815
|
const F = typeof e.width == "number" ? e.width : D.current.offsetWidth;
|
|
16811
16816
|
isNaN(F) || F <= 0 ? M.current = 150 : M.current = F;
|
|
16812
|
-
let
|
|
16813
|
-
const
|
|
16814
|
-
let
|
|
16815
|
-
if ((Se =
|
|
16817
|
+
let U = 0;
|
|
16818
|
+
const H = D.current.querySelector(".ui-truncate");
|
|
16819
|
+
let X = 0;
|
|
16820
|
+
if ((Se = H == null ? void 0 : H.textContent) != null && Se.trim()) {
|
|
16816
16821
|
const De = document.createElement("span");
|
|
16817
|
-
De.style.position = "absolute", De.style.visibility = "hidden", De.style.whiteSpace = "nowrap", De.style.font = window.getComputedStyle(
|
|
16822
|
+
De.style.position = "absolute", De.style.visibility = "hidden", De.style.whiteSpace = "nowrap", De.style.font = window.getComputedStyle(H).font, De.textContent = H.textContent, document.body.appendChild(De), X = De.offsetWidth, document.body.removeChild(De);
|
|
16818
16823
|
}
|
|
16819
|
-
const re = D.current.querySelector(".ui-justify-between"), de = re == null ? void 0 : re.firstElementChild,
|
|
16820
|
-
|
|
16821
|
-
const
|
|
16822
|
-
(
|
|
16823
|
-
const
|
|
16824
|
+
const re = D.current.querySelector(".ui-justify-between"), de = re == null ? void 0 : re.firstElementChild, fe = e.headerIcon ? de == null ? void 0 : de.querySelector(".ui-flex-shrink-0") : null;
|
|
16825
|
+
fe && fe.offsetWidth > 0 && (X += fe.offsetWidth + 8);
|
|
16826
|
+
const me = re == null ? void 0 : re.lastElementChild, we = me ? me.offsetWidth : 0, ye = X + we + 48;
|
|
16827
|
+
(X > 0 || we > 0) && (U = Math.max(U, ye));
|
|
16828
|
+
const Ce = D.current.closest("table");
|
|
16824
16829
|
let Pe = 0;
|
|
16825
|
-
|
|
16830
|
+
Ce && Ce.querySelectorAll(`td[data-column-id="${e.id}"]`).forEach((Ee) => {
|
|
16826
16831
|
const nt = Ee.scrollWidth;
|
|
16827
16832
|
Pe = Math.max(Pe, nt);
|
|
16828
16833
|
});
|
|
16829
16834
|
const Oe = Pe > 0 ? Pe + 32 : 0;
|
|
16830
|
-
|
|
16831
|
-
const Ke = Math.max(80,
|
|
16835
|
+
U = Math.max(U, Oe);
|
|
16836
|
+
const Ke = Math.max(80, U || 80);
|
|
16832
16837
|
A.current = Math.min(M.current, Ke);
|
|
16833
|
-
}, B = L((
|
|
16838
|
+
}, B = L((se) => {
|
|
16834
16839
|
if (!_.current) return;
|
|
16835
|
-
const F =
|
|
16836
|
-
if (!
|
|
16840
|
+
const F = se.clientX - v.current, U = Math.abs(F), H = R.current;
|
|
16841
|
+
if (!H && U < 3)
|
|
16837
16842
|
return;
|
|
16838
|
-
|
|
16839
|
-
const
|
|
16840
|
-
isNaN(
|
|
16841
|
-
var
|
|
16842
|
-
(
|
|
16843
|
+
H || (R.current = !0, S(!0));
|
|
16844
|
+
const X = se.clientX - E.current, re = isNaN(M.current) || M.current <= 0 ? 150 : M.current, de = isNaN(A.current) || A.current <= 0 ? 80 : A.current, fe = Math.max(de, re + X);
|
|
16845
|
+
isNaN(fe) || fe <= 0 || (j.current && cancelAnimationFrame(j.current), j.current = requestAnimationFrame(() => {
|
|
16846
|
+
var me;
|
|
16847
|
+
(me = _.current) == null || me.call(_, fe);
|
|
16843
16848
|
}));
|
|
16844
16849
|
}, []);
|
|
16845
|
-
|
|
16850
|
+
G(() => {
|
|
16846
16851
|
W.current = B;
|
|
16847
16852
|
}, [B]);
|
|
16848
16853
|
const K = L(() => {
|
|
16849
16854
|
w(!1), S(!1), R.current = !1, $(!1), N == null || N(!1), E.current = 0, j.current && (cancelAnimationFrame(j.current), j.current = null);
|
|
16850
16855
|
}, [N]);
|
|
16851
|
-
|
|
16856
|
+
G(() => {
|
|
16852
16857
|
Y.current = K;
|
|
16853
16858
|
}, [K]);
|
|
16854
|
-
const ne = (
|
|
16855
|
-
|
|
16856
|
-
},
|
|
16859
|
+
const ne = (se) => {
|
|
16860
|
+
se.preventDefault(), se.stopPropagation(), y == null || y();
|
|
16861
|
+
}, oe = () => {
|
|
16857
16862
|
$(!0), N == null || N(!0);
|
|
16858
|
-
},
|
|
16863
|
+
}, ge = () => {
|
|
16859
16864
|
C || ($(!1), N == null || N(!1));
|
|
16860
16865
|
};
|
|
16861
|
-
|
|
16866
|
+
G(() => {
|
|
16862
16867
|
if (C) {
|
|
16863
|
-
const
|
|
16864
|
-
var
|
|
16865
|
-
return (
|
|
16868
|
+
const se = (U) => {
|
|
16869
|
+
var H;
|
|
16870
|
+
return (H = W.current) == null ? void 0 : H.call(W, U);
|
|
16866
16871
|
}, F = () => {
|
|
16867
|
-
var
|
|
16868
|
-
return (
|
|
16872
|
+
var U;
|
|
16873
|
+
return (U = Y.current) == null ? void 0 : U.call(Y);
|
|
16869
16874
|
};
|
|
16870
|
-
return document.addEventListener("mousemove",
|
|
16871
|
-
document.removeEventListener("mousemove",
|
|
16875
|
+
return document.addEventListener("mousemove", se), document.addEventListener("mouseup", F), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", () => {
|
|
16876
|
+
document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", F), document.body.style.cursor = "", document.body.style.userSelect = "", j.current && (cancelAnimationFrame(j.current), j.current = null);
|
|
16872
16877
|
};
|
|
16873
16878
|
}
|
|
16874
16879
|
}, [C]);
|
|
@@ -16905,7 +16910,7 @@ const Cc = ({
|
|
|
16905
16910
|
"ui-transition-opacity ui-duration-200"
|
|
16906
16911
|
),
|
|
16907
16912
|
children: /* @__PURE__ */ s(
|
|
16908
|
-
|
|
16913
|
+
he,
|
|
16909
16914
|
{
|
|
16910
16915
|
theme: "solid",
|
|
16911
16916
|
color: "tertiary",
|
|
@@ -16942,7 +16947,7 @@ const Cc = ({
|
|
|
16942
16947
|
"ui-transition-opacity ui-duration-200"
|
|
16943
16948
|
),
|
|
16944
16949
|
children: /* @__PURE__ */ s(
|
|
16945
|
-
|
|
16950
|
+
he,
|
|
16946
16951
|
{
|
|
16947
16952
|
theme: "solid",
|
|
16948
16953
|
color: "tertiary",
|
|
@@ -16970,8 +16975,8 @@ const Cc = ({
|
|
|
16970
16975
|
"ui-z-20"
|
|
16971
16976
|
),
|
|
16972
16977
|
onMouseDown: O,
|
|
16973
|
-
onMouseEnter:
|
|
16974
|
-
onMouseLeave:
|
|
16978
|
+
onMouseEnter: oe,
|
|
16979
|
+
onMouseLeave: ge,
|
|
16975
16980
|
children: [
|
|
16976
16981
|
/* @__PURE__ */ s("div", { className: "ui-absolute ui-inset-y-0 ui--left-2 ui--right-2 ui-z-20" }),
|
|
16977
16982
|
/* @__PURE__ */ s(
|
|
@@ -17000,7 +17005,7 @@ const Cc = ({
|
|
|
17000
17005
|
),
|
|
17001
17006
|
onMouseDown: O,
|
|
17002
17007
|
onDoubleClick: ne,
|
|
17003
|
-
onClick: (
|
|
17008
|
+
onClick: (se) => se.preventDefault(),
|
|
17004
17009
|
title: "Arrastra para redimensionar o doble click para ajustar al contenido",
|
|
17005
17010
|
children: /* @__PURE__ */ s(be, { name: bs, color: "default", size: "sm" })
|
|
17006
17011
|
}
|
|
@@ -17084,7 +17089,7 @@ const Cc = ({
|
|
|
17084
17089
|
},
|
|
17085
17090
|
children: [
|
|
17086
17091
|
e.isParent && /* @__PURE__ */ s(
|
|
17087
|
-
|
|
17092
|
+
he,
|
|
17088
17093
|
{
|
|
17089
17094
|
theme: "solid",
|
|
17090
17095
|
size: "xs",
|
|
@@ -17112,8 +17117,8 @@ const Cc = ({
|
|
|
17112
17117
|
return w.map((S, T) => {
|
|
17113
17118
|
const $ = S.accessor ? typeof S.accessor == "function" ? S.accessor(e) : e[S.accessor] : void 0, v = S.render ? S.render($, e, S) : $, E = S.locked && k.length > 0 && k[k.length - 1].id === S.id, M = S.type === "actions";
|
|
17114
17119
|
let A = (u ? 48 : 0) + (m ? 48 : 0);
|
|
17115
|
-
for (let
|
|
17116
|
-
const _ = w[
|
|
17120
|
+
for (let q = 0; q < T; q++) {
|
|
17121
|
+
const _ = w[q];
|
|
17117
17122
|
if (_.locked) {
|
|
17118
17123
|
let z = 150;
|
|
17119
17124
|
const R = document.querySelector(`th[data-column-id="${_.id}"]`);
|
|
@@ -17130,7 +17135,7 @@ const Cc = ({
|
|
|
17130
17135
|
}
|
|
17131
17136
|
let j = 0;
|
|
17132
17137
|
if (M && c) {
|
|
17133
|
-
let
|
|
17138
|
+
let q = 0;
|
|
17134
17139
|
for (let _ = T + 1; _ < w.length; _++) {
|
|
17135
17140
|
const z = w[_];
|
|
17136
17141
|
if (z.type === "actions") {
|
|
@@ -17144,10 +17149,10 @@ const Cc = ({
|
|
|
17144
17149
|
const Y = parseInt(z.width, 10);
|
|
17145
17150
|
isNaN(Y) || (R = Y);
|
|
17146
17151
|
}
|
|
17147
|
-
|
|
17152
|
+
q += R;
|
|
17148
17153
|
}
|
|
17149
17154
|
}
|
|
17150
|
-
j =
|
|
17155
|
+
j = q;
|
|
17151
17156
|
}
|
|
17152
17157
|
return /* @__PURE__ */ s(
|
|
17153
17158
|
Cc,
|
|
@@ -17199,9 +17204,9 @@ const Cc = ({
|
|
|
17199
17204
|
label: x.label
|
|
17200
17205
|
})
|
|
17201
17206
|
) : [], [c]);
|
|
17202
|
-
|
|
17207
|
+
G(() => {
|
|
17203
17208
|
a(""), u(""), d("");
|
|
17204
|
-
}, [r]),
|
|
17209
|
+
}, [r]), G(() => {
|
|
17205
17210
|
u(""), d("");
|
|
17206
17211
|
}, [n]);
|
|
17207
17212
|
const h = te(() => {
|
|
@@ -17236,7 +17241,7 @@ const Cc = ({
|
|
|
17236
17241
|
}
|
|
17237
17242
|
),
|
|
17238
17243
|
/* @__PURE__ */ s(
|
|
17239
|
-
|
|
17244
|
+
he,
|
|
17240
17245
|
{
|
|
17241
17246
|
theme: "solid",
|
|
17242
17247
|
color: "secondary",
|
|
@@ -17326,7 +17331,7 @@ const Cc = ({
|
|
|
17326
17331
|
children: [
|
|
17327
17332
|
/* @__PURE__ */ s("div", { className: "ui-flex ui-min-w-0 ui-flex-1 ui-flex-col ui-gap-0.5", children: /* @__PURE__ */ s("p", { className: "ui-truncate ui-text-body-xs-regular ui-font-medium ui-text-primary", children: o(n) }) }),
|
|
17328
17333
|
/* @__PURE__ */ s(
|
|
17329
|
-
|
|
17334
|
+
he,
|
|
17330
17335
|
{
|
|
17331
17336
|
theme: "solid",
|
|
17332
17337
|
color: "secondary",
|
|
@@ -17362,11 +17367,11 @@ const Cc = ({
|
|
|
17362
17367
|
onResizeDoubleClick: x,
|
|
17363
17368
|
onResizeHover: y
|
|
17364
17369
|
}) => {
|
|
17365
|
-
const N =
|
|
17370
|
+
const N = J(null), [g, D] = V({}), C = e.filter((S) => S.visible !== !1), w = [
|
|
17366
17371
|
...C.filter((S) => S.locked),
|
|
17367
17372
|
...C.filter((S) => !S.locked)
|
|
17368
17373
|
], k = e.some((S) => S.locked);
|
|
17369
|
-
return
|
|
17374
|
+
return G(() => {
|
|
17370
17375
|
if (!N.current || !k) return;
|
|
17371
17376
|
const T = setTimeout(() => {
|
|
17372
17377
|
var M;
|
|
@@ -17425,7 +17430,7 @@ const Cc = ({
|
|
|
17425
17430
|
),
|
|
17426
17431
|
w.map((S, T) => {
|
|
17427
17432
|
const $ = (t == null ? void 0 : t.columnId) === S.id, v = i.some((z) => z.columnId === S.id), E = w.filter((z) => z.locked), M = S.locked && E.length > 0 && E[E.length - 1].id === S.id, A = S.type === "actions";
|
|
17428
|
-
let j = (r ? 48 : 0) + (o ? 48 : 0),
|
|
17433
|
+
let j = (r ? 48 : 0) + (o ? 48 : 0), q = 0;
|
|
17429
17434
|
if (A && d) {
|
|
17430
17435
|
let z = 0;
|
|
17431
17436
|
for (let R = T + 1; R < w.length; R++) {
|
|
@@ -17435,7 +17440,7 @@ const Cc = ({
|
|
|
17435
17440
|
z += Y;
|
|
17436
17441
|
}
|
|
17437
17442
|
}
|
|
17438
|
-
|
|
17443
|
+
q = z;
|
|
17439
17444
|
}
|
|
17440
17445
|
const _ = [];
|
|
17441
17446
|
for (let z = 0; z < T; z++) {
|
|
@@ -17468,7 +17473,7 @@ const Cc = ({
|
|
|
17468
17473
|
isLastLocked: M,
|
|
17469
17474
|
resizable: l,
|
|
17470
17475
|
stickyLeft: j,
|
|
17471
|
-
stickyRight: A && d ?
|
|
17476
|
+
stickyRight: A && d ? q : void 0,
|
|
17472
17477
|
stickyHeader: u,
|
|
17473
17478
|
isActionsColumn: A && d,
|
|
17474
17479
|
onSort: () => f == null ? void 0 : f(S.id),
|
|
@@ -17492,7 +17497,7 @@ const Cc = ({
|
|
|
17492
17497
|
}) => /* @__PURE__ */ P("tr", { children: [
|
|
17493
17498
|
i && /* @__PURE__ */ s("td", { className: "ui-w-12 ui-border-b ui-border-default ui-bg-fill ui-px-4 ui-py-3" }),
|
|
17494
17499
|
t && /* @__PURE__ */ s("td", { className: "ui-w-12 ui-border-b ui-border-default ui-bg-fill ui-px-4 ui-py-3" }),
|
|
17495
|
-
e.map((r) => /* @__PURE__ */ s(
|
|
17500
|
+
e.map((r) => /* @__PURE__ */ s(Gn, { value: null, row: null, column: r }, r.id))
|
|
17496
17501
|
] }), Br = {
|
|
17497
17502
|
empty: {
|
|
17498
17503
|
title: "Aún no hay nada aquí...",
|
|
@@ -17622,7 +17627,7 @@ const Cc = ({
|
|
|
17622
17627
|
onRowExpand: M,
|
|
17623
17628
|
onCellFocus: A,
|
|
17624
17629
|
isCellFocused: j,
|
|
17625
|
-
onCellChange:
|
|
17630
|
+
onCellChange: q
|
|
17626
17631
|
}) => {
|
|
17627
17632
|
const _ = u ? e.filter((Y) => Y.visible !== !1).reduce((Y, ie) => {
|
|
17628
17633
|
const ae = typeof ie.width == "number" ? ie.width : typeof ie.width == "string" && parseFloat(ie.width) || 150;
|
|
@@ -17700,7 +17705,7 @@ const Cc = ({
|
|
|
17700
17705
|
onRowSelect: C,
|
|
17701
17706
|
onCellFocus: A,
|
|
17702
17707
|
isCellFocused: j,
|
|
17703
|
-
onCellChange:
|
|
17708
|
+
onCellChange: q
|
|
17704
17709
|
}
|
|
17705
17710
|
)
|
|
17706
17711
|
]
|
|
@@ -17750,7 +17755,7 @@ const Cc = ({
|
|
|
17750
17755
|
r && /* @__PURE__ */ P(ze, { children: [
|
|
17751
17756
|
/* @__PURE__ */ s(Qe, { vertical: !0, className: "ui-h-8 ui-border-on-color ui-opacity-30" }),
|
|
17752
17757
|
/* @__PURE__ */ s(
|
|
17753
|
-
|
|
17758
|
+
he,
|
|
17754
17759
|
{
|
|
17755
17760
|
theme: "solid",
|
|
17756
17761
|
color: "secondary",
|
|
@@ -18001,11 +18006,11 @@ const Cc = ({
|
|
|
18001
18006
|
clearFilters: l,
|
|
18002
18007
|
setAllFilters: u
|
|
18003
18008
|
};
|
|
18004
|
-
},
|
|
18009
|
+
}, Uc = (e = {}) => {
|
|
18005
18010
|
const { externalEditingRowIds: t, onEditingRowIdsChange: i, onEditModeChange: r } = e, [o, n] = V(
|
|
18006
18011
|
/* @__PURE__ */ new Set()
|
|
18007
18012
|
);
|
|
18008
|
-
|
|
18013
|
+
G(() => {
|
|
18009
18014
|
t !== void 0 && n(new Set(t));
|
|
18010
18015
|
}, [t]);
|
|
18011
18016
|
const a = te(() => t !== void 0 ? new Set(t) : o, [t, o]), l = L(
|
|
@@ -18052,7 +18057,7 @@ const Cc = ({
|
|
|
18052
18057
|
isRowEditing: f,
|
|
18053
18058
|
applyEditState: h
|
|
18054
18059
|
};
|
|
18055
|
-
}, Vr = 1,
|
|
18060
|
+
}, Vr = 1, Gc = "table-config-", Kc = ({
|
|
18056
18061
|
configKey: e,
|
|
18057
18062
|
persistConfig: t = !1,
|
|
18058
18063
|
initialColumns: i,
|
|
@@ -18060,7 +18065,7 @@ const Cc = ({
|
|
|
18060
18065
|
initialFilters: o = [],
|
|
18061
18066
|
onConfigChange: n
|
|
18062
18067
|
}) => {
|
|
18063
|
-
const a = e ? `${
|
|
18068
|
+
const a = e ? `${Gc}${e}` : null, l = L(() => ({
|
|
18064
18069
|
version: Vr,
|
|
18065
18070
|
updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
|
|
18066
18071
|
columns: i.map((w, k) => ({
|
|
@@ -18093,7 +18098,7 @@ const Cc = ({
|
|
|
18093
18098
|
},
|
|
18094
18099
|
[a, t, e]
|
|
18095
18100
|
), [d, c] = V(() => u() || l());
|
|
18096
|
-
|
|
18101
|
+
G(() => {
|
|
18097
18102
|
u() || c(l());
|
|
18098
18103
|
}, [i.length]);
|
|
18099
18104
|
const f = L(
|
|
@@ -18371,12 +18376,12 @@ const Cc = ({
|
|
|
18371
18376
|
onRowClick: M,
|
|
18372
18377
|
onRowExpand: A,
|
|
18373
18378
|
onHandleChange: j,
|
|
18374
|
-
editingRowIds:
|
|
18379
|
+
editingRowIds: q,
|
|
18375
18380
|
onEditingRowIdsChange: _,
|
|
18376
18381
|
onEditModeChange: z,
|
|
18377
18382
|
onSuccessComplete: R
|
|
18378
18383
|
}) => {
|
|
18379
|
-
const W =
|
|
18384
|
+
const W = J(null), [Y, ie] = V(null), ae = J(/* @__PURE__ */ new Set()), Z = J(/* @__PURE__ */ new Set()), O = Kc({
|
|
18380
18385
|
configKey: D,
|
|
18381
18386
|
persistConfig: C,
|
|
18382
18387
|
initialColumns: e,
|
|
@@ -18427,23 +18432,23 @@ const Cc = ({
|
|
|
18427
18432
|
]
|
|
18428
18433
|
};
|
|
18429
18434
|
return [...B, ue];
|
|
18430
|
-
}, [B, K, g]),
|
|
18435
|
+
}, [B, K, g]), oe = te(() => ne.map((ee) => ee.width === void 0 && ee.resizable !== !1 ? { ...ee, resizable: !0 } : ee), [ne]), { columns: ge, handleSetVisibility: xe, handleToggleLock: se, handleResize: F, setColumnsOrder: U } = _c(oe), { sortConfig: H, handleSort: X } = Ac(l), {
|
|
18431
18436
|
selectedIds: re,
|
|
18432
18437
|
selectedCount: de,
|
|
18433
|
-
allSelected:
|
|
18434
|
-
someSelected:
|
|
18438
|
+
allSelected: fe,
|
|
18439
|
+
someSelected: me,
|
|
18435
18440
|
handleRowSelect: we,
|
|
18436
18441
|
handleSelectAll: ye,
|
|
18437
|
-
clearSelection:
|
|
18442
|
+
clearSelection: Ce
|
|
18438
18443
|
} = jc(t, o == null ? void 0 : o.multiple), { handleRowExpand: Pe, applyExpandedState: Oe } = qc(), { handleCellFocus: Ke, handleCellBlur: Se, isCellFocused: De } = Hc(), { filters: Ee, setAllFilters: nt } = Yc({
|
|
18439
18444
|
initialFilters: u,
|
|
18440
18445
|
onFiltersChange: T
|
|
18441
|
-
}), { toggleRowEdit: ct, applyEditState: Wt } =
|
|
18442
|
-
externalEditingRowIds:
|
|
18446
|
+
}), { toggleRowEdit: ct, applyEditState: Wt } = Uc({
|
|
18447
|
+
externalEditingRowIds: q,
|
|
18443
18448
|
onEditingRowIdsChange: _,
|
|
18444
18449
|
onEditModeChange: z
|
|
18445
18450
|
}), [lt, vt] = V("");
|
|
18446
|
-
|
|
18451
|
+
G(() => {
|
|
18447
18452
|
const ee = (ue) => {
|
|
18448
18453
|
W.current && !W.current.contains(ue.target) && Se();
|
|
18449
18454
|
};
|
|
@@ -18451,8 +18456,8 @@ const Cc = ({
|
|
|
18451
18456
|
document.removeEventListener("mousedown", ee);
|
|
18452
18457
|
};
|
|
18453
18458
|
}, [Se]);
|
|
18454
|
-
const Lt =
|
|
18455
|
-
|
|
18459
|
+
const Lt = J(Ee.length), pt = J(lt);
|
|
18460
|
+
G(() => {
|
|
18456
18461
|
var pe;
|
|
18457
18462
|
const ee = Lt.current !== Ee.length, ue = pt.current !== lt;
|
|
18458
18463
|
n != null && n.enabled && (ee || ue) && n.currentPage !== 1 && ((pe = n == null ? void 0 : n.onPageChange) == null || pe.call(n, 1)), Lt.current = Ee.length, pt.current = lt;
|
|
@@ -18461,13 +18466,13 @@ const Cc = ({
|
|
|
18461
18466
|
if (!lt.trim() || !((a == null ? void 0 : a.internalSearch) ?? !1))
|
|
18462
18467
|
return t;
|
|
18463
18468
|
const ue = lt.toLowerCase().trim();
|
|
18464
|
-
return t.filter((pe) =>
|
|
18469
|
+
return t.filter((pe) => ge.some((Ne) => {
|
|
18465
18470
|
if (Ne.visible === !1) return !1;
|
|
18466
18471
|
let $e;
|
|
18467
18472
|
return typeof Ne.accessor == "function" ? $e = Ne.accessor(pe) : Ne.accessor && ($e = pe[Ne.accessor]), $e !== null ? String($e).toLowerCase().includes(ue) : !1;
|
|
18468
18473
|
}));
|
|
18469
|
-
}, [t, lt,
|
|
18470
|
-
const pe =
|
|
18474
|
+
}, [t, lt, ge, a == null ? void 0 : a.internalSearch]), ut = te(() => Ee.length === 0 || !((a == null ? void 0 : a.internalFilters) ?? !1) ? dt : Xc(dt, Ee, ge), [dt, Ee, ge, a == null ? void 0 : a.internalFilters]), Je = te(() => !H || !H.direction ? ut : [...ut].sort((ee, ue) => {
|
|
18475
|
+
const pe = ge.find((At) => At.id === H.columnId);
|
|
18471
18476
|
if (!pe) return 0;
|
|
18472
18477
|
let Ne, $e;
|
|
18473
18478
|
if (typeof pe.accessor == "function")
|
|
@@ -18478,11 +18483,11 @@ const Cc = ({
|
|
|
18478
18483
|
return 0;
|
|
18479
18484
|
const st = Ne == null, Xe = $e == null;
|
|
18480
18485
|
if (st && Xe) return 0;
|
|
18481
|
-
if (st) return
|
|
18482
|
-
if (Xe) return
|
|
18486
|
+
if (st) return H.direction === "asc" ? 1 : -1;
|
|
18487
|
+
if (Xe) return H.direction === "asc" ? -1 : 1;
|
|
18483
18488
|
const mt = Ne, Mt = $e;
|
|
18484
|
-
return mt < Mt ?
|
|
18485
|
-
}), [ut,
|
|
18489
|
+
return mt < Mt ? H.direction === "asc" ? -1 : 1 : mt > Mt ? H.direction === "asc" ? 1 : -1 : 0;
|
|
18490
|
+
}), [ut, H, ge]), Ct = Je.length, Qt = te(() => {
|
|
18486
18491
|
if (!(n != null && n.enabled))
|
|
18487
18492
|
return Je;
|
|
18488
18493
|
const ee = n.currentPage || 1, ue = n.pageSize || 10, pe = !((a == null ? void 0 : a.internalSearch) ?? !1), Ne = !((a == null ? void 0 : a.internalFilters) ?? !1);
|
|
@@ -18527,18 +18532,18 @@ const Cc = ({
|
|
|
18527
18532
|
t.length,
|
|
18528
18533
|
dt.length,
|
|
18529
18534
|
ut.length
|
|
18530
|
-
]),
|
|
18531
|
-
const ue = Mc(
|
|
18532
|
-
|
|
18535
|
+
]), ke = (ee) => {
|
|
18536
|
+
const ue = Mc(H, ee);
|
|
18537
|
+
X(ee), S == null || S(ue), C && D && ue && O.updateSort(ue);
|
|
18533
18538
|
}, Re = (ee) => {
|
|
18534
|
-
},
|
|
18535
|
-
|
|
18536
|
-
const ue =
|
|
18539
|
+
}, Q = (ee) => {
|
|
18540
|
+
se(ee);
|
|
18541
|
+
const ue = ge.find((pe) => pe.id === ee);
|
|
18537
18542
|
C && D && ue && O.updateColumnLock(ee, !ue.locked);
|
|
18538
18543
|
}, Le = (ee, ue) => {
|
|
18539
18544
|
F(ee, ue), $ == null || $(ee, ue), C && D && O.updateColumnWidth(ee, ue);
|
|
18540
18545
|
}, ot = (ee) => {
|
|
18541
|
-
if (
|
|
18546
|
+
if (ge.find((pe) => pe.id === ee) && W.current) {
|
|
18542
18547
|
const pe = W.current.querySelector(`th[data-column-id="${ee}"]`), Ne = W.current.querySelectorAll(`td[data-column-id="${ee}"]`);
|
|
18543
18548
|
if (pe || Ne.length > 0) {
|
|
18544
18549
|
let $e = 0;
|
|
@@ -18566,7 +18571,7 @@ const Cc = ({
|
|
|
18566
18571
|
}), C && D && O.updateMultipleColumnVisibility(ee);
|
|
18567
18572
|
}, Me = (ee) => {
|
|
18568
18573
|
const ue = ee.map((pe) => pe.id);
|
|
18569
|
-
|
|
18574
|
+
U(ue), v == null || v(ee), C && D && O.updateColumnOrder(ee);
|
|
18570
18575
|
}, Ae = (ee) => {
|
|
18571
18576
|
Pe(ee), A == null || A(ee);
|
|
18572
18577
|
}, Fe = (ee, ue, pe) => {
|
|
@@ -18574,9 +18579,9 @@ const Cc = ({
|
|
|
18574
18579
|
const Ne = t.find(($e) => $e.id === ee);
|
|
18575
18580
|
j && j(ee, ue, pe, Ne);
|
|
18576
18581
|
};
|
|
18577
|
-
|
|
18582
|
+
G(() => {
|
|
18578
18583
|
if (!R) return;
|
|
18579
|
-
const ee = new Set(
|
|
18584
|
+
const ee = new Set(q || []), ue = Z.current, pe = [];
|
|
18580
18585
|
if (ue.forEach((Ne) => {
|
|
18581
18586
|
ee.has(Ne) || pe.push(Ne);
|
|
18582
18587
|
}), pe.length > 0) {
|
|
@@ -18585,8 +18590,8 @@ const Cc = ({
|
|
|
18585
18590
|
ae.current.delete($e);
|
|
18586
18591
|
}));
|
|
18587
18592
|
}
|
|
18588
|
-
|
|
18589
|
-
}, [
|
|
18593
|
+
Z.current = new Set(ee);
|
|
18594
|
+
}, [q, R]);
|
|
18590
18595
|
const qt = (ee) => {
|
|
18591
18596
|
var ue;
|
|
18592
18597
|
(ue = n == null ? void 0 : n.onPageChange) == null || ue.call(n, ee);
|
|
@@ -18607,7 +18612,7 @@ const Cc = ({
|
|
|
18607
18612
|
...a,
|
|
18608
18613
|
showFilters: a.showFilters ?? !0,
|
|
18609
18614
|
selectedCount: de,
|
|
18610
|
-
columns:
|
|
18615
|
+
columns: ge,
|
|
18611
18616
|
rows: t,
|
|
18612
18617
|
filters: Ee,
|
|
18613
18618
|
onSearch: Mi,
|
|
@@ -18620,12 +18625,12 @@ const Cc = ({
|
|
|
18620
18625
|
/* @__PURE__ */ s("div", { className: "ui-flex-1 ui-min-h-0 ui-min-w-0 ui-overflow-hidden", children: /* @__PURE__ */ s(
|
|
18621
18626
|
$c,
|
|
18622
18627
|
{
|
|
18623
|
-
columns:
|
|
18628
|
+
columns: ge,
|
|
18624
18629
|
rows: ft,
|
|
18625
18630
|
loading: i,
|
|
18626
18631
|
empty: le,
|
|
18627
18632
|
selection: o,
|
|
18628
|
-
sort:
|
|
18633
|
+
sort: H,
|
|
18629
18634
|
filters: Ee,
|
|
18630
18635
|
expandable: m,
|
|
18631
18636
|
resizable: d,
|
|
@@ -18638,13 +18643,13 @@ const Cc = ({
|
|
|
18638
18643
|
stickyCheckbox: y,
|
|
18639
18644
|
stickyActions: N,
|
|
18640
18645
|
selectedIds: re,
|
|
18641
|
-
allSelected:
|
|
18642
|
-
someSelected:
|
|
18646
|
+
allSelected: fe,
|
|
18647
|
+
someSelected: me,
|
|
18643
18648
|
onSelectAll: ye,
|
|
18644
18649
|
onRowSelect: we,
|
|
18645
|
-
onSort:
|
|
18650
|
+
onSort: ke,
|
|
18646
18651
|
onFilter: Re,
|
|
18647
|
-
onLock:
|
|
18652
|
+
onLock: Q,
|
|
18648
18653
|
onResize: Le,
|
|
18649
18654
|
onResizeDoubleClick: ot,
|
|
18650
18655
|
onResizeHover: He,
|
|
@@ -18669,7 +18674,7 @@ const Cc = ({
|
|
|
18669
18674
|
selectedIds: re,
|
|
18670
18675
|
actions: o.actions,
|
|
18671
18676
|
selectionText: o.selectionText,
|
|
18672
|
-
onClearSelection: o.showClearSelection ?
|
|
18677
|
+
onClearSelection: o.showClearSelection ? Ce : void 0,
|
|
18673
18678
|
className: "ui-pointer-events-auto"
|
|
18674
18679
|
}
|
|
18675
18680
|
)
|
|
@@ -19312,7 +19317,7 @@ function Yf() {
|
|
|
19312
19317
|
}
|
|
19313
19318
|
});
|
|
19314
19319
|
}
|
|
19315
|
-
function
|
|
19320
|
+
function Uf() {
|
|
19316
19321
|
const e = Ni();
|
|
19317
19322
|
return tn({
|
|
19318
19323
|
mutationFn: ({ id: t, nombre: i }) => pd(t, i),
|
|
@@ -19340,7 +19345,7 @@ function Gf() {
|
|
|
19340
19345
|
}
|
|
19341
19346
|
});
|
|
19342
19347
|
}
|
|
19343
|
-
function
|
|
19348
|
+
function Gf(e = {}) {
|
|
19344
19349
|
const {
|
|
19345
19350
|
initialPage: t = 1,
|
|
19346
19351
|
initialPageSize: i = 10,
|
|
@@ -19406,7 +19411,7 @@ function Kf(e, t) {
|
|
|
19406
19411
|
}
|
|
19407
19412
|
function Qf(e, t = 300) {
|
|
19408
19413
|
const [i, r] = V(e);
|
|
19409
|
-
return
|
|
19414
|
+
return G(() => {
|
|
19410
19415
|
const o = setTimeout(() => {
|
|
19411
19416
|
r(e);
|
|
19412
19417
|
}, t);
|
|
@@ -19423,7 +19428,7 @@ function Jf(e, t = 300) {
|
|
|
19423
19428
|
}, t);
|
|
19424
19429
|
r(a);
|
|
19425
19430
|
});
|
|
19426
|
-
return
|
|
19431
|
+
return G(() => () => {
|
|
19427
19432
|
i && clearTimeout(i);
|
|
19428
19433
|
}, [i]), o;
|
|
19429
19434
|
}
|
|
@@ -19873,8 +19878,8 @@ class yd {
|
|
|
19873
19878
|
}
|
|
19874
19879
|
}
|
|
19875
19880
|
const We = new yd(), t0 = () => We, go = () => {
|
|
19876
|
-
const [e, t] = V([]), i =
|
|
19877
|
-
return
|
|
19881
|
+
const [e, t] = V([]), i = J(/* @__PURE__ */ new Map()), r = J(null);
|
|
19882
|
+
return G(() => {
|
|
19878
19883
|
const n = We.getListeners();
|
|
19879
19884
|
if (r.current) {
|
|
19880
19885
|
const l = n.indexOf(r.current);
|
|
@@ -20134,7 +20139,7 @@ const at = new vd(), i0 = () => at, bo = () => {
|
|
|
20134
20139
|
brand: null,
|
|
20135
20140
|
neutral: null
|
|
20136
20141
|
});
|
|
20137
|
-
|
|
20142
|
+
G(() => {
|
|
20138
20143
|
t(at.getGroups());
|
|
20139
20144
|
const o = at.subscribe((n) => {
|
|
20140
20145
|
t({ ...n });
|
|
@@ -20155,8 +20160,8 @@ const at = new vd(), i0 = () => at, bo = () => {
|
|
|
20155
20160
|
dismissGroup: (o) => at.dismissGroup(o)
|
|
20156
20161
|
};
|
|
20157
20162
|
}, yo = Te.memo(({ message: e }) => {
|
|
20158
|
-
const [t, i] = V(!0), r =
|
|
20159
|
-
|
|
20163
|
+
const [t, i] = V(!0), r = J(null);
|
|
20164
|
+
G(() => (e.isLeaving && (r.current = setTimeout(() => {
|
|
20160
20165
|
i(!1);
|
|
20161
20166
|
}, 300)), () => {
|
|
20162
20167
|
r.current && (clearTimeout(r.current), r.current = null);
|
|
@@ -20222,8 +20227,8 @@ const r0 = () => {
|
|
|
20222
20227
|
const { messagesByPosition: e } = go();
|
|
20223
20228
|
return kt(/* @__PURE__ */ s(vr, { messages: e }), document.body);
|
|
20224
20229
|
}, xo = Te.memo(({ group: e }) => {
|
|
20225
|
-
const { notification: t, count: i, isLeaving: r, color: o } = e, [n, a] = V(!0), l =
|
|
20226
|
-
|
|
20230
|
+
const { notification: t, count: i, isLeaving: r, color: o } = e, [n, a] = V(!0), l = J(null);
|
|
20231
|
+
G(() => (r && (l.current = setTimeout(() => {
|
|
20227
20232
|
a(!1);
|
|
20228
20233
|
}, 300)), () => {
|
|
20229
20234
|
l.current && (clearTimeout(l.current), l.current = null);
|
|
@@ -20332,7 +20337,7 @@ const n0 = () => {
|
|
|
20332
20337
|
}) => {
|
|
20333
20338
|
var $;
|
|
20334
20339
|
const m = a !== void 0, [d, c] = V(-1), [f, h] = V(!1);
|
|
20335
|
-
if (
|
|
20340
|
+
if (G(() => {
|
|
20336
20341
|
h(!0);
|
|
20337
20342
|
}, []), !n) return null;
|
|
20338
20343
|
const b = i.filter((v) => v.show !== !1);
|
|
@@ -20386,7 +20391,7 @@ const n0 = () => {
|
|
|
20386
20391
|
] }),
|
|
20387
20392
|
x.length > 0 && /* @__PURE__ */ s(Qe, { vertical: !0, className: "ui-h-8 ui-border-on-color ui-opacity-30" }),
|
|
20388
20393
|
/* @__PURE__ */ s("div", { className: "ui-flex ui-min-w-max ui-items-center ui-gap-16", children: x.map((v, E) => {
|
|
20389
|
-
var M, A, j,
|
|
20394
|
+
var M, A, j, q, _;
|
|
20390
20395
|
if (v.type === "input")
|
|
20391
20396
|
return /* @__PURE__ */ s("div", { className: "ui-w-[160px]", children: /* @__PURE__ */ s(
|
|
20392
20397
|
tt,
|
|
@@ -20414,7 +20419,7 @@ const n0 = () => {
|
|
|
20414
20419
|
minDate: (A = v.datePickerProps) == null ? void 0 : A.minDate,
|
|
20415
20420
|
maxDate: (j = v.datePickerProps) == null ? void 0 : j.maxDate,
|
|
20416
20421
|
autoCloseRange: !1,
|
|
20417
|
-
format: ((
|
|
20422
|
+
format: ((q = v.datePickerProps) == null ? void 0 : q.format) || "dd/MM/yyyy",
|
|
20418
20423
|
placeholder: ((_ = v.datePickerProps) == null ? void 0 : _.placeholder) || v.placeholder || "Seleccionar fecha",
|
|
20419
20424
|
onDateChange: (z) => {
|
|
20420
20425
|
var R;
|
|
@@ -21084,7 +21089,7 @@ const Hr = {
|
|
|
21084
21089
|
Md.displayName = "TextListWithData";
|
|
21085
21090
|
export {
|
|
21086
21091
|
Jd as Accordion,
|
|
21087
|
-
|
|
21092
|
+
Un as ActionsCell,
|
|
21088
21093
|
xn as Alert,
|
|
21089
21094
|
ef as AlertDialog,
|
|
21090
21095
|
St as Avatar,
|
|
@@ -21133,9 +21138,9 @@ export {
|
|
|
21133
21138
|
be as Icon,
|
|
21134
21139
|
vc as IconCell,
|
|
21135
21140
|
ur as InlineTooltip,
|
|
21136
|
-
|
|
21141
|
+
he as InnerButton,
|
|
21137
21142
|
tt as Input,
|
|
21138
|
-
|
|
21143
|
+
Ui as LabelProgress,
|
|
21139
21144
|
lu as Lightbox,
|
|
21140
21145
|
Pd as LinearGraphic,
|
|
21141
21146
|
vo as LinearGraphicSegment,
|
|
@@ -21144,7 +21149,7 @@ export {
|
|
|
21144
21149
|
hf as ListAlphabetic,
|
|
21145
21150
|
Kl as ListBase,
|
|
21146
21151
|
of as ListDefault,
|
|
21147
|
-
|
|
21152
|
+
Gl as ListEmpty,
|
|
21148
21153
|
gf as ListFilters,
|
|
21149
21154
|
pf as ListFiltersCheckbox,
|
|
21150
21155
|
Fn as ListHeader,
|
|
@@ -21178,7 +21183,7 @@ export {
|
|
|
21178
21183
|
xo as NotificationItem,
|
|
21179
21184
|
wr as NotificationPositions,
|
|
21180
21185
|
n0 as Notifier,
|
|
21181
|
-
|
|
21186
|
+
Ga as PROGRESS_COLOR_MAP,
|
|
21182
21187
|
Cu as Pagination,
|
|
21183
21188
|
Su as PickerColor,
|
|
21184
21189
|
Kt as Popup,
|
|
@@ -21198,19 +21203,19 @@ export {
|
|
|
21198
21203
|
Sd as SidebarUserProfile,
|
|
21199
21204
|
kd as SidebarWorkspaceCard,
|
|
21200
21205
|
kf as Skeleton,
|
|
21201
|
-
|
|
21206
|
+
Gn as SkeletonCell,
|
|
21202
21207
|
Ec as SkeletonRow,
|
|
21203
21208
|
wf as Spinner,
|
|
21204
21209
|
wc as StarsCell,
|
|
21205
21210
|
Yn as StatusCell,
|
|
21206
|
-
|
|
21211
|
+
Gu as StepConnector,
|
|
21207
21212
|
Yu as StepIcon,
|
|
21208
21213
|
Ku as StepItem,
|
|
21209
|
-
|
|
21214
|
+
Uu as StepLabel,
|
|
21210
21215
|
Cf as Stepper,
|
|
21211
21216
|
$i as StoryBox,
|
|
21212
21217
|
dd as StrapiApiError,
|
|
21213
|
-
|
|
21218
|
+
Gi as Switch,
|
|
21214
21219
|
uf as TOGGLE_DESIGN_TOKENS,
|
|
21215
21220
|
$l as TabContent,
|
|
21216
21221
|
Mf as Table,
|
|
@@ -21222,7 +21227,7 @@ export {
|
|
|
21222
21227
|
Jn as TableRow,
|
|
21223
21228
|
Pc as TableSelectionBar,
|
|
21224
21229
|
ac as TableToolbar,
|
|
21225
|
-
|
|
21230
|
+
Ut as Tag,
|
|
21226
21231
|
Kn as TagsCell,
|
|
21227
21232
|
ho as Text,
|
|
21228
21233
|
mc as TextFieldCell,
|
|
@@ -21254,7 +21259,7 @@ export {
|
|
|
21254
21259
|
hd as fetchTeamsRaw,
|
|
21255
21260
|
Xi as fetchTeamsWithAdvancedFilters,
|
|
21256
21261
|
ed as filterRows,
|
|
21257
|
-
|
|
21262
|
+
Gd as findItemIndex,
|
|
21258
21263
|
kc as formatDate,
|
|
21259
21264
|
Lf as getLockedColumns,
|
|
21260
21265
|
Mc as getNextSortConfig,
|
|
@@ -21265,7 +21270,7 @@ export {
|
|
|
21265
21270
|
Ff as isStrapiConfigured,
|
|
21266
21271
|
Vu as labelVariants,
|
|
21267
21272
|
We as messageService,
|
|
21268
|
-
|
|
21273
|
+
Ud as moveItem,
|
|
21269
21274
|
to as normalizeStrapiList,
|
|
21270
21275
|
rd as normalizeStrаpiItem,
|
|
21271
21276
|
ro as normalizeTeamsResponse,
|
|
@@ -21330,20 +21335,20 @@ export {
|
|
|
21330
21335
|
Hu as useStepper,
|
|
21331
21336
|
_c as useTableColumns,
|
|
21332
21337
|
zf as useTableData,
|
|
21333
|
-
|
|
21338
|
+
Uc as useTableEdit,
|
|
21334
21339
|
qc as useTableExpand,
|
|
21335
21340
|
Af as useTableFilter,
|
|
21336
21341
|
Hc as useTableFocus,
|
|
21337
21342
|
Of as useTablePagination,
|
|
21338
|
-
|
|
21343
|
+
Gf as useTableQueryState,
|
|
21339
21344
|
jc as useTableSelection,
|
|
21340
21345
|
Ac as useTableSort,
|
|
21341
21346
|
Wf as useTeams,
|
|
21342
21347
|
qf as useTeamsTable,
|
|
21343
21348
|
_f as useTeamsWithFilters,
|
|
21344
|
-
|
|
21349
|
+
Ul as useToggle,
|
|
21345
21350
|
Yf as useUpdateTeam,
|
|
21346
|
-
|
|
21351
|
+
Uf as useUpdateTeamName,
|
|
21347
21352
|
su as useWysiwyg
|
|
21348
21353
|
};
|
|
21349
21354
|
//# sourceMappingURL=index.esm.js.map
|