@m3ui-vue/m3ui-vue 0.1.5 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/MCard.vue.d.ts +8 -2
- package/dist/m3ui-vue.css +1 -1
- package/dist/m3ui.js +563 -544
- package/dist/m3ui.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/MCard.vue +14 -0
- package/src/components/MNavigationDrawer.vue +9 -3
- package/src/components/MStatCard.vue +6 -6
package/dist/m3ui.js
CHANGED
|
@@ -789,7 +789,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
789
789
|
}, null, 8, ["name"])) : c("", !0), u("span", $e, A(t.title), 1)], 10, Qe))), 128)), t.events.length > 2 ? (C(), l("span", et, " +" + A(t.events.length - 2) + " más ", 1)) : c("", !0)])) : c("", !0)], 10, Xe))), 128))])
|
|
790
790
|
]));
|
|
791
791
|
}
|
|
792
|
-
}), nt = ["src", "alt"], rt =
|
|
792
|
+
}), nt = ["src", "alt"], rt = {
|
|
793
|
+
key: 1,
|
|
794
|
+
class: "px-4 pt-4 pb-2"
|
|
795
|
+
}, it = {
|
|
796
|
+
key: 2,
|
|
797
|
+
class: "px-4 pt-4 pb-2"
|
|
798
|
+
}, at = { class: "text-title-large font-medium text-on-surface" }, ot = {
|
|
799
|
+
key: 0,
|
|
800
|
+
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
801
|
+
}, st = {
|
|
802
|
+
key: 3,
|
|
803
|
+
class: "flex justify-end gap-2 px-4 pt-2 pb-4"
|
|
804
|
+
}, ct = /* @__PURE__ */ m({
|
|
793
805
|
__name: "MCard",
|
|
794
806
|
props: {
|
|
795
807
|
variant: { default: "elevated" },
|
|
@@ -803,7 +815,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
803
815
|
},
|
|
804
816
|
image: {},
|
|
805
817
|
imageAlt: {},
|
|
806
|
-
imageHeight: {}
|
|
818
|
+
imageHeight: {},
|
|
819
|
+
title: {},
|
|
820
|
+
subtitle: {}
|
|
807
821
|
},
|
|
808
822
|
setup(e) {
|
|
809
823
|
let t = e, n = o(() => t.elevated ? "elevated" : t.variant), r = {
|
|
@@ -818,17 +832,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
818
832
|
return (t, a) => (C(), l("div", {
|
|
819
833
|
class: v(["overflow-hidden rounded-md transition-shadow duration-150", [r[n.value], e.clickable ? "cursor-pointer hover:shadow-elevation-2 active:shadow-elevation-1" : ""]]),
|
|
820
834
|
style: y({ "--field-bg": i[n.value] })
|
|
821
|
-
}, [
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
835
|
+
}, [
|
|
836
|
+
e.image || t.$slots.media ? (C(), l("div", {
|
|
837
|
+
key: 0,
|
|
838
|
+
class: v(["w-full overflow-hidden", e.imageHeight ?? "h-48"])
|
|
839
|
+
}, [e.image ? (C(), l("img", {
|
|
840
|
+
key: 0,
|
|
841
|
+
src: e.image,
|
|
842
|
+
alt: e.imageAlt ?? "",
|
|
843
|
+
class: "h-full w-full object-cover"
|
|
844
|
+
}, null, 8, nt)) : D(t.$slots, "media", { key: 1 })], 2)) : c("", !0),
|
|
845
|
+
t.$slots.header ? (C(), l("div", rt, [D(t.$slots, "header")])) : e.title ? (C(), l("div", it, [u("h3", at, A(e.title), 1), e.subtitle ? (C(), l("p", ot, A(e.subtitle), 1)) : c("", !0)])) : c("", !0),
|
|
846
|
+
D(t.$slots, "default"),
|
|
847
|
+
t.$slots.actions ? (C(), l("div", st, [D(t.$slots, "actions")])) : c("", !0)
|
|
848
|
+
], 6));
|
|
830
849
|
}
|
|
831
|
-
}),
|
|
850
|
+
}), lt = ["checked", "disabled"], ut = {
|
|
832
851
|
key: 0,
|
|
833
852
|
class: "text-body-large text-on-surface"
|
|
834
853
|
}, Q = /* @__PURE__ */ m({
|
|
@@ -854,13 +873,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
854
873
|
checked: t.modelValue,
|
|
855
874
|
disabled: t.disabled,
|
|
856
875
|
onChange: i[0] ||= (e) => r("update:modelValue", !t.modelValue)
|
|
857
|
-
}, null, 40,
|
|
876
|
+
}, null, 40, lt), p(e, {
|
|
858
877
|
name: t.indeterminate ? "remove" : "check",
|
|
859
878
|
size: 14,
|
|
860
879
|
class: v(["transition-[opacity,transform] duration-150", t.modelValue || t.indeterminate ? "scale-100 opacity-100" : "scale-0 opacity-0"])
|
|
861
|
-
}, null, 8, ["name", "class"])], 2), t.label || n.$slots.default ? (C(), l("span",
|
|
880
|
+
}, null, 8, ["name", "class"])], 2), t.label || n.$slots.default ? (C(), l("span", ut, [D(n.$slots, "default", {}, () => [f(A(t.label), 1)])])) : c("", !0)], 2));
|
|
862
881
|
}
|
|
863
|
-
}),
|
|
882
|
+
}), dt = ["disabled"], ft = /* @__PURE__ */ m({
|
|
864
883
|
__name: "MChip",
|
|
865
884
|
props: {
|
|
866
885
|
tone: { default: "neutral" },
|
|
@@ -937,7 +956,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
937
956
|
}, [p(e, {
|
|
938
957
|
name: "close",
|
|
939
958
|
size: 16
|
|
940
|
-
})], 8,
|
|
959
|
+
})], 8, dt)) : c("", !0)
|
|
941
960
|
]),
|
|
942
961
|
_: 3
|
|
943
962
|
}, 8, [
|
|
@@ -947,13 +966,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
947
966
|
"style"
|
|
948
967
|
]));
|
|
949
968
|
}
|
|
950
|
-
}),
|
|
969
|
+
}), pt = { class: "flex flex-col gap-1" }, mt = { class: "flex-1 font-mono text-on-surface" }, ht = {
|
|
951
970
|
key: 0,
|
|
952
971
|
class: "px-4 text-body-small text-error"
|
|
953
|
-
},
|
|
972
|
+
}, gt = {
|
|
954
973
|
key: 1,
|
|
955
974
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
956
|
-
},
|
|
975
|
+
}, _t = { class: "mb-3" }, vt = ["value"], yt = { class: "mb-3 flex items-center gap-3" }, bt = ["value"], xt = { class: "flex flex-wrap gap-1.5" }, St = ["onClick"], Ct = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
957
976
|
__name: "MColorPicker",
|
|
958
977
|
props: {
|
|
959
978
|
modelValue: {},
|
|
@@ -1066,7 +1085,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1066
1085
|
e ? (J(), setTimeout(() => document.addEventListener("mousedown", Y), 0)) : document.removeEventListener("mousedown", Y);
|
|
1067
1086
|
}), x(() => window.addEventListener("scroll", ee, !0)), S(() => {
|
|
1068
1087
|
window.removeEventListener("scroll", ee, !0), document.removeEventListener("mousedown", Y);
|
|
1069
|
-
}), (a, o) => (C(), l("div",
|
|
1088
|
+
}), (a, o) => (C(), l("div", pt, [
|
|
1070
1089
|
u("div", {
|
|
1071
1090
|
ref_key: "triggerEl",
|
|
1072
1091
|
ref: h,
|
|
@@ -1081,7 +1100,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1081
1100
|
class: "h-6 w-6 shrink-0 rounded-full border border-outline-variant",
|
|
1082
1101
|
style: y({ backgroundColor: t.modelValue })
|
|
1083
1102
|
}, null, 4),
|
|
1084
|
-
u("span",
|
|
1103
|
+
u("span", mt, A(t.modelValue), 1),
|
|
1085
1104
|
p(e, {
|
|
1086
1105
|
name: "palette",
|
|
1087
1106
|
size: 20,
|
|
@@ -1091,7 +1110,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1091
1110
|
key: 0,
|
|
1092
1111
|
class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
|
|
1093
1112
|
}, A(t.label), 3)) : c("", !0)], 4),
|
|
1094
|
-
t.error ? (C(), l("p",
|
|
1113
|
+
t.error ? (C(), l("p", ht, A(t.error), 1)) : t.hint ? (C(), l("p", gt, A(t.hint), 1)) : c("", !0),
|
|
1095
1114
|
(C(), s(r, { to: "body" }, [p(i, {
|
|
1096
1115
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
1097
1116
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
@@ -1121,15 +1140,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1121
1140
|
backgroundColor: z.value
|
|
1122
1141
|
})
|
|
1123
1142
|
}, null, 4)], 36),
|
|
1124
|
-
u("div",
|
|
1143
|
+
u("div", _t, [u("input", {
|
|
1125
1144
|
type: "range",
|
|
1126
1145
|
min: "0",
|
|
1127
1146
|
max: "360",
|
|
1128
1147
|
value: O.value,
|
|
1129
1148
|
class: "hue-slider h-3 w-full cursor-pointer appearance-none rounded-full outline-none",
|
|
1130
1149
|
onInput: G
|
|
1131
|
-
}, null, 40,
|
|
1132
|
-
u("div",
|
|
1150
|
+
}, null, 40, vt)]),
|
|
1151
|
+
u("div", yt, [u("span", {
|
|
1133
1152
|
class: "h-9 w-9 shrink-0 rounded-full border border-outline-variant",
|
|
1134
1153
|
style: y({ backgroundColor: z.value })
|
|
1135
1154
|
}, null, 4), u("input", {
|
|
@@ -1138,8 +1157,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1138
1157
|
maxlength: "7",
|
|
1139
1158
|
class: "flex-1 rounded-sm border border-outline bg-transparent px-3 py-2 font-mono text-body-medium text-on-surface outline-none transition-colors focus:border-primary",
|
|
1140
1159
|
onInput: q
|
|
1141
|
-
}, null, 40,
|
|
1142
|
-
u("div",
|
|
1160
|
+
}, null, 40, bt)]),
|
|
1161
|
+
u("div", xt, [(C(!0), l(n, null, E(t.presets, (n) => (C(), l("button", {
|
|
1143
1162
|
key: n,
|
|
1144
1163
|
type: "button",
|
|
1145
1164
|
class: v(["flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border transition-transform duration-100 hover:scale-110", n === t.modelValue ? "border-on-surface" : "border-transparent"]),
|
|
@@ -1150,26 +1169,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1150
1169
|
name: "check",
|
|
1151
1170
|
size: 14,
|
|
1152
1171
|
class: "text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)]"
|
|
1153
|
-
})) : c("", !0)], 14,
|
|
1172
|
+
})) : c("", !0)], 14, St))), 128))])
|
|
1154
1173
|
], 4)) : c("", !0)]),
|
|
1155
1174
|
_: 1
|
|
1156
1175
|
})]))
|
|
1157
1176
|
]));
|
|
1158
1177
|
}
|
|
1159
|
-
}), [["__scopeId", "data-v-9ee0043f"]]),
|
|
1178
|
+
}), [["__scopeId", "data-v-9ee0043f"]]), wt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Tt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Et = ["placeholder"], Dt = { class: "max-h-80 overflow-y-auto py-2" }, Ot = {
|
|
1160
1179
|
key: 0,
|
|
1161
1180
|
class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
|
|
1162
|
-
},
|
|
1181
|
+
}, kt = [
|
|
1163
1182
|
"data-cmd-active",
|
|
1164
1183
|
"onClick",
|
|
1165
1184
|
"onPointerenter"
|
|
1166
|
-
],
|
|
1185
|
+
], At = { class: "flex-1 truncate text-body-medium" }, jt = {
|
|
1167
1186
|
key: 1,
|
|
1168
1187
|
class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
|
|
1169
|
-
},
|
|
1188
|
+
}, Mt = {
|
|
1170
1189
|
key: 1,
|
|
1171
1190
|
class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
|
|
1172
|
-
},
|
|
1191
|
+
}, Nt = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
1173
1192
|
__name: "MCommandPalette",
|
|
1174
1193
|
props: {
|
|
1175
1194
|
modelValue: { type: Boolean },
|
|
@@ -1221,8 +1240,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1221
1240
|
key: 0,
|
|
1222
1241
|
class: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[15vh]",
|
|
1223
1242
|
onClick: B(O, ["self"])
|
|
1224
|
-
}, [u("div",
|
|
1225
|
-
u("div",
|
|
1243
|
+
}, [u("div", wt, [
|
|
1244
|
+
u("div", Tt, [
|
|
1226
1245
|
p(e, {
|
|
1227
1246
|
name: "search",
|
|
1228
1247
|
size: 20,
|
|
@@ -1236,10 +1255,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1236
1255
|
placeholder: t.placeholder,
|
|
1237
1256
|
class: "h-12 flex-1 bg-transparent text-body-large text-on-surface outline-none placeholder:text-on-surface-variant/50",
|
|
1238
1257
|
onKeydown: j
|
|
1239
|
-
}, null, 40,
|
|
1258
|
+
}, null, 40, Et), [[P, h.value]]),
|
|
1240
1259
|
o[1] ||= u("kbd", { class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant" }, " ESC ", -1)
|
|
1241
1260
|
]),
|
|
1242
|
-
u("div",
|
|
1261
|
+
u("div", Dt, [S.value.length ? (C(!0), l(n, { key: 0 }, E(w.value, ([t, r]) => (C(), l(n, { key: t }, [t ? (C(), l("p", Ot, A(t), 1)) : c("", !0), (C(!0), l(n, null, E(r, (t, n) => (C(), l("button", {
|
|
1243
1262
|
key: t.id,
|
|
1244
1263
|
type: "button",
|
|
1245
1264
|
"data-cmd-active": S.value.indexOf(t) === g.value || void 0,
|
|
@@ -1253,9 +1272,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1253
1272
|
size: 20,
|
|
1254
1273
|
class: "shrink-0 opacity-70"
|
|
1255
1274
|
}, null, 8, ["name"])) : c("", !0),
|
|
1256
|
-
u("span",
|
|
1257
|
-
t.shortcut ? (C(), l("kbd",
|
|
1258
|
-
], 42,
|
|
1275
|
+
u("span", At, A(t.label), 1),
|
|
1276
|
+
t.shortcut ? (C(), l("kbd", jt, A(t.shortcut), 1)) : c("", !0)
|
|
1277
|
+
], 42, kt))), 128))], 64))), 128)) : (C(), l("p", Mt, A(t.noResultsText), 1))]),
|
|
1259
1278
|
o[2] ||= u("div", { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, [
|
|
1260
1279
|
u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓"), f(" navegar ")]),
|
|
1261
1280
|
u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵"), f(" seleccionar ")]),
|
|
@@ -1265,10 +1284,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1265
1284
|
_: 1
|
|
1266
1285
|
})]));
|
|
1267
1286
|
}
|
|
1268
|
-
}), [["__scopeId", "data-v-da578f14"]]),
|
|
1287
|
+
}), [["__scopeId", "data-v-da578f14"]]), Pt = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, Ft = { class: "text-headline-small text-on-surface" }, It = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, Lt = {
|
|
1269
1288
|
key: 0,
|
|
1270
1289
|
class: "flex justify-end gap-2 px-6 py-4"
|
|
1271
|
-
},
|
|
1290
|
+
}, Rt = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
1272
1291
|
__name: "MDialog",
|
|
1273
1292
|
props: {
|
|
1274
1293
|
modelValue: { type: Boolean },
|
|
@@ -1296,19 +1315,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1296
1315
|
class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
|
|
1297
1316
|
onClick: B(o, ["self"])
|
|
1298
1317
|
}, [u("div", { class: v(["dialog-box flex max-h-[90vh] w-full flex-col rounded-xl bg-surface-container-high shadow-elevation-3", e.maxWidth]) }, [
|
|
1299
|
-
u("div",
|
|
1318
|
+
u("div", Pt, [u("h2", Ft, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)], !0)]), e.persistent ? c("", !0) : (C(), s(Z, {
|
|
1300
1319
|
key: 0,
|
|
1301
1320
|
icon: "close",
|
|
1302
1321
|
label: "Cerrar",
|
|
1303
1322
|
onClick: o
|
|
1304
1323
|
}))]),
|
|
1305
|
-
u("div",
|
|
1306
|
-
t.$slots.actions ? (C(), l("div",
|
|
1324
|
+
u("div", It, [D(t.$slots, "default", {}, void 0, !0)]),
|
|
1325
|
+
t.$slots.actions ? (C(), l("div", Lt, [D(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
|
|
1307
1326
|
], 2)])) : c("", !0)]),
|
|
1308
1327
|
_: 3
|
|
1309
1328
|
})]));
|
|
1310
1329
|
}
|
|
1311
|
-
}), [["__scopeId", "data-v-e7dfca29"]]),
|
|
1330
|
+
}), [["__scopeId", "data-v-e7dfca29"]]), zt = { class: "text-body-medium text-on-surface-variant" }, Bt = /* @__PURE__ */ m({
|
|
1312
1331
|
__name: "MConfirmDialog",
|
|
1313
1332
|
props: {
|
|
1314
1333
|
modelValue: { type: Boolean },
|
|
@@ -1328,7 +1347,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1328
1347
|
emits: ["update:modelValue", "confirm"],
|
|
1329
1348
|
setup(e, { emit: t }) {
|
|
1330
1349
|
let n = t;
|
|
1331
|
-
return (t, r) => (C(), s(
|
|
1350
|
+
return (t, r) => (C(), s(Rt, {
|
|
1332
1351
|
"model-value": e.modelValue,
|
|
1333
1352
|
title: e.title,
|
|
1334
1353
|
"max-width": "max-w-sm",
|
|
@@ -1349,11 +1368,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1349
1368
|
default: L(() => [f(A(e.confirmLabel), 1)]),
|
|
1350
1369
|
_: 1
|
|
1351
1370
|
}, 8, ["color", "loading"])]),
|
|
1352
|
-
default: L(() => [u("p",
|
|
1371
|
+
default: L(() => [u("p", zt, A(e.message), 1)]),
|
|
1353
1372
|
_: 1
|
|
1354
1373
|
}, 8, ["model-value", "title"]));
|
|
1355
1374
|
}
|
|
1356
|
-
}),
|
|
1375
|
+
}), Vt = /* @__PURE__ */ m({
|
|
1357
1376
|
__name: "MContainer",
|
|
1358
1377
|
props: {
|
|
1359
1378
|
maxWidth: { default: "lg" },
|
|
@@ -1387,16 +1406,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1387
1406
|
]);
|
|
1388
1407
|
return (e, t) => (C(), l("div", { class: v(r.value) }, [D(e.$slots, "default")], 2));
|
|
1389
1408
|
}
|
|
1390
|
-
}),
|
|
1409
|
+
}), Ht = { class: "overflow-hidden rounded-sm py-1" }, Ut = {
|
|
1391
1410
|
key: 0,
|
|
1392
1411
|
class: "my-1 border-outline-variant"
|
|
1393
|
-
},
|
|
1412
|
+
}, Wt = {
|
|
1394
1413
|
key: 1,
|
|
1395
1414
|
class: "w-[18px] shrink-0"
|
|
1396
|
-
},
|
|
1415
|
+
}, Gt = { class: "flex-1" }, Kt = {
|
|
1397
1416
|
key: 2,
|
|
1398
1417
|
class: "text-label-small text-on-surface-variant"
|
|
1399
|
-
},
|
|
1418
|
+
}, qt = /* @__PURE__ */ m({
|
|
1400
1419
|
__name: "_MContextMenuPanel",
|
|
1401
1420
|
props: {
|
|
1402
1421
|
items: {},
|
|
@@ -1445,7 +1464,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1445
1464
|
top: `${f.value}px`
|
|
1446
1465
|
}),
|
|
1447
1466
|
onMouseleave: b
|
|
1448
|
-
}, [u("div",
|
|
1467
|
+
}, [u("div", Ht, [(C(!0), l(n, null, E(t.items, (t, r) => (C(), l(n, { key: r }, [t.divider ? (C(), l("hr", Ut)) : (C(), s(k(t.to && !t.disabled ? "RouterLink" : "div"), {
|
|
1449
1468
|
key: 1,
|
|
1450
1469
|
to: t.to && !t.disabled ? t.to : void 0,
|
|
1451
1470
|
class: v(["relative flex cursor-default select-none items-center gap-3 px-4 py-2.5 text-body-large", [t.disabled ? "cursor-not-allowed opacity-38 text-on-surface" : t.danger ? "cursor-pointer text-error hover:bg-error/8" : "cursor-pointer text-on-surface hover:bg-on-surface/8", p.value === r && !t.disabled ? t.danger ? "bg-error/8" : "bg-on-surface/8" : ""]]),
|
|
@@ -1458,9 +1477,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1458
1477
|
name: t.icon,
|
|
1459
1478
|
size: 18,
|
|
1460
1479
|
class: v(["shrink-0", t.danger ? "text-error" : "text-on-surface-variant"])
|
|
1461
|
-
}, null, 8, ["name", "class"])) : (C(), l("span",
|
|
1462
|
-
u("span",
|
|
1463
|
-
t.shortcut ? (C(), l("span",
|
|
1480
|
+
}, null, 8, ["name", "class"])) : (C(), l("span", Wt)),
|
|
1481
|
+
u("span", Gt, A(t.label), 1),
|
|
1482
|
+
t.shortcut ? (C(), l("span", Kt, A(t.shortcut), 1)) : c("", !0),
|
|
1464
1483
|
t.children?.length ? (C(), s(e, {
|
|
1465
1484
|
key: 3,
|
|
1466
1485
|
name: "chevron_right",
|
|
@@ -1474,7 +1493,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1474
1493
|
"class",
|
|
1475
1494
|
"onMouseenter",
|
|
1476
1495
|
"onClick"
|
|
1477
|
-
]))], 64))), 128))])], 36), p.value !== null && t.items[p.value]?.children?.length ? (C(), s(
|
|
1496
|
+
]))], 64))), 128))])], 36), p.value !== null && t.items[p.value]?.children?.length ? (C(), s(qt, {
|
|
1478
1497
|
key: p.value,
|
|
1479
1498
|
items: t.items[p.value].children,
|
|
1480
1499
|
x: m.value.x,
|
|
@@ -1486,7 +1505,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1486
1505
|
"y"
|
|
1487
1506
|
])) : c("", !0)], 64));
|
|
1488
1507
|
}
|
|
1489
|
-
}),
|
|
1508
|
+
}), Jt = /* @__PURE__ */ m({
|
|
1490
1509
|
__name: "MContextMenu",
|
|
1491
1510
|
props: { items: {} },
|
|
1492
1511
|
setup(e, { expose: t }) {
|
|
@@ -1523,7 +1542,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1523
1542
|
class: "fixed inset-0 z-[200]",
|
|
1524
1543
|
onMousedown: B(f, ["self"]),
|
|
1525
1544
|
onContextmenu: d[0] ||= B(() => {}, ["prevent"])
|
|
1526
|
-
}, [p(
|
|
1545
|
+
}, [p(qt, {
|
|
1527
1546
|
items: e.items,
|
|
1528
1547
|
x: o.value.x,
|
|
1529
1548
|
y: o.value.y,
|
|
@@ -1536,7 +1555,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1536
1555
|
_: 1
|
|
1537
1556
|
})]))], 64));
|
|
1538
1557
|
}
|
|
1539
|
-
}),
|
|
1558
|
+
}), Yt = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Xt = { class: "flex items-center gap-2" }, Zt = /* @__PURE__ */ m({
|
|
1540
1559
|
__name: "MPagination",
|
|
1541
1560
|
props: {
|
|
1542
1561
|
page: {},
|
|
@@ -1546,7 +1565,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1546
1565
|
emits: ["update:page"],
|
|
1547
1566
|
setup(e, { emit: t }) {
|
|
1548
1567
|
let n = e, r = t, i = o(() => Math.max(1, Math.ceil(n.total / n.perPage))), a = o(() => n.total === 0 ? "0 resultados" : `${(n.page - 1) * n.perPage + 1}-${Math.min(n.page * n.perPage, n.total)} de ${n.total}`);
|
|
1549
|
-
return (t, n) => (C(), l("div",
|
|
1568
|
+
return (t, n) => (C(), l("div", Yt, [u("span", null, A(a.value), 1), u("div", Xt, [
|
|
1550
1569
|
u("span", null, "Página " + A(e.page) + " de " + A(i.value), 1),
|
|
1551
1570
|
p(Z, {
|
|
1552
1571
|
icon: "chevron_left",
|
|
@@ -1562,25 +1581,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1562
1581
|
}, null, 8, ["disabled"])
|
|
1563
1582
|
])]));
|
|
1564
1583
|
}
|
|
1565
|
-
}),
|
|
1584
|
+
}), Qt = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, $t = {
|
|
1566
1585
|
key: 0,
|
|
1567
1586
|
class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
|
|
1568
|
-
},
|
|
1587
|
+
}, en = {
|
|
1569
1588
|
key: 0,
|
|
1570
1589
|
class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 transition-[border-color,box-shadow] duration-150 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30"
|
|
1571
|
-
},
|
|
1590
|
+
}, tn = {
|
|
1572
1591
|
key: 0,
|
|
1573
1592
|
class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
|
|
1574
|
-
},
|
|
1593
|
+
}, nn = {
|
|
1575
1594
|
key: 1,
|
|
1576
1595
|
class: "relative"
|
|
1577
|
-
},
|
|
1596
|
+
}, rn = {
|
|
1578
1597
|
key: 0,
|
|
1579
1598
|
class: "absolute right-0 top-full z-10 mt-1 min-w-40 rounded-lg bg-surface-container py-2 shadow-elevation-3"
|
|
1580
|
-
},
|
|
1599
|
+
}, an = { class: "text-body-small text-on-surface" }, on = { class: "overflow-x-auto" }, sn = { class: "w-full border-collapse" }, cn = { class: "bg-surface-container-high" }, ln = ["onClick"], un = { class: "inline-flex items-center gap-1" }, dn = {
|
|
1581
1600
|
key: 0,
|
|
1582
1601
|
class: "inline-flex"
|
|
1583
|
-
},
|
|
1602
|
+
}, fn = ["onPointerdown"], pn = { key: 1 }, mn = ["colspan"], hn = { class: "text-body-medium text-on-surface-variant" }, gn = ["onClick"], _n = ["onClick"], vn = { key: 0 }, yn = ["colspan"], bn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, xn = { class: "text-label-small text-on-surface-variant" }, Sn = /* @__PURE__ */ m({
|
|
1584
1603
|
__name: "MDataTable",
|
|
1585
1604
|
props: {
|
|
1586
1605
|
columns: {},
|
|
@@ -1748,9 +1767,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1748
1767
|
minWidth: e.minWidth
|
|
1749
1768
|
};
|
|
1750
1769
|
}
|
|
1751
|
-
return (r, a) => (C(), l("div",
|
|
1752
|
-
t.searchable || t.columnToggle || t.exportable || r.$slots.toolbar ? (C(), l("div",
|
|
1753
|
-
t.searchable ? (C(), l("div",
|
|
1770
|
+
return (r, a) => (C(), l("div", Qt, [
|
|
1771
|
+
t.searchable || t.columnToggle || t.exportable || r.$slots.toolbar ? (C(), l("div", $t, [
|
|
1772
|
+
t.searchable ? (C(), l("div", en, [
|
|
1754
1773
|
p(e, {
|
|
1755
1774
|
name: "search",
|
|
1756
1775
|
size: 16,
|
|
@@ -1778,21 +1797,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1778
1797
|
"leave-active-class": "transition-[opacity,transform] duration-100",
|
|
1779
1798
|
"leave-to-class": "opacity-0 scale-90"
|
|
1780
1799
|
}, {
|
|
1781
|
-
default: L(() => [t.selectable && W.value.length > 0 ? (C(), l("span",
|
|
1800
|
+
default: L(() => [t.selectable && W.value.length > 0 ? (C(), l("span", tn, A(W.value.length) + " seleccionado" + A(W.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
|
|
1782
1801
|
_: 1
|
|
1783
1802
|
}),
|
|
1784
|
-
t.columnToggle ? (C(), l("div",
|
|
1803
|
+
t.columnToggle ? (C(), l("div", nn, [p(Z, {
|
|
1785
1804
|
icon: "view_column",
|
|
1786
1805
|
label: "Columnas",
|
|
1787
1806
|
size: 36,
|
|
1788
1807
|
onClick: a[2] ||= (e) => M.value = !M.value
|
|
1789
|
-
}), M.value ? (C(), l("div",
|
|
1808
|
+
}), M.value ? (C(), l("div", rn, [(C(!0), l(n, null, E(t.columns, (e) => (C(), l("label", {
|
|
1790
1809
|
key: e.key,
|
|
1791
1810
|
class: "flex cursor-pointer items-center gap-2 px-3 py-1.5 hover:bg-on-surface/4"
|
|
1792
1811
|
}, [p(Q, {
|
|
1793
1812
|
"model-value": !k.value.has(e.key),
|
|
1794
1813
|
"onUpdate:modelValue": (t) => k.value.has(e.key) ? k.value.delete(e.key) : k.value.add(e.key)
|
|
1795
|
-
}, null, 8, ["model-value", "onUpdate:modelValue"]), u("span",
|
|
1814
|
+
}, null, 8, ["model-value", "onUpdate:modelValue"]), u("span", an, A(e.label), 1)]))), 128))])) : c("", !0)])) : c("", !0),
|
|
1796
1815
|
t.exportable ? (C(), s(Z, {
|
|
1797
1816
|
key: 2,
|
|
1798
1817
|
icon: "download",
|
|
@@ -1801,7 +1820,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1801
1820
|
onClick: de
|
|
1802
1821
|
})) : c("", !0)
|
|
1803
1822
|
])) : c("", !0),
|
|
1804
|
-
u("div",
|
|
1823
|
+
u("div", on, [u("table", sn, [u("thead", { class: v(t.stickyHeader ? "sticky top-0 z-[1]" : "") }, [u("tr", cn, [
|
|
1805
1824
|
_.value ? (C(), l("th", {
|
|
1806
1825
|
key: 0,
|
|
1807
1826
|
class: v(["w-10 px-2", t.dense ? "py-2" : "py-3"])
|
|
@@ -1824,7 +1843,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1824
1843
|
n.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
|
|
1825
1844
|
]),
|
|
1826
1845
|
onClick: (e) => n.sortable ? z(n.key) : void 0
|
|
1827
|
-
}, [u("span",
|
|
1846
|
+
}, [u("span", un, [f(A(n.label) + " ", 1), n.sortable ? (C(), l("span", dn, [x.value === n.key && S.value === "asc" ? (C(), s(e, {
|
|
1828
1847
|
key: 0,
|
|
1829
1848
|
name: "arrow_upward",
|
|
1830
1849
|
size: 14,
|
|
@@ -1843,7 +1862,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1843
1862
|
key: 0,
|
|
1844
1863
|
class: "absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/30",
|
|
1845
1864
|
onPointerdown: (e) => ce(e, n)
|
|
1846
|
-
}, null, 40,
|
|
1865
|
+
}, null, 40, fn)) : c("", !0)], 14, ln))), 128)),
|
|
1847
1866
|
g.value ? (C(), l("th", {
|
|
1848
1867
|
key: 2,
|
|
1849
1868
|
class: v(["w-1 px-4", t.dense ? "py-2" : "py-3"])
|
|
@@ -1871,14 +1890,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1871
1890
|
key: 2,
|
|
1872
1891
|
class: v(t.dense ? "px-4 py-2" : "px-4 py-3.5")
|
|
1873
1892
|
}, [...a[7] ||= [u("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]], 2)) : c("", !0)
|
|
1874
|
-
]))), 128)) : U.value.length === 0 ? (C(), l("tr",
|
|
1893
|
+
]))), 128)) : U.value.length === 0 ? (C(), l("tr", pn, [u("td", {
|
|
1875
1894
|
colspan: I.value.length + ne.value,
|
|
1876
1895
|
class: "border-t border-outline-variant px-4 py-14 text-center"
|
|
1877
1896
|
}, [D(r.$slots, "empty", {}, () => [p(e, {
|
|
1878
1897
|
name: "search_off",
|
|
1879
1898
|
size: 36,
|
|
1880
1899
|
class: "mb-2 text-on-surface-variant opacity-30"
|
|
1881
|
-
}), u("p",
|
|
1900
|
+
}), u("p", hn, A(t.emptyText), 1)])], 8, mn)])) : (C(!0), l(n, { key: 2 }, E(U.value, (e) => (C(), l(n, { key: G(e) }, [u("tr", {
|
|
1882
1901
|
class: v([
|
|
1883
1902
|
"border-t border-outline-variant transition-colors duration-100",
|
|
1884
1903
|
"hover:bg-on-surface/[0.04]",
|
|
@@ -1906,7 +1925,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1906
1925
|
}, [p(Q, {
|
|
1907
1926
|
"model-value": K(e),
|
|
1908
1927
|
"onUpdate:modelValue": (t) => q(e)
|
|
1909
|
-
}, null, 8, ["model-value", "onUpdate:modelValue"])], 10,
|
|
1928
|
+
}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, _n)) : c("", !0),
|
|
1910
1929
|
(C(!0), l(n, null, E(I.value, (n) => (C(), l("td", {
|
|
1911
1930
|
key: n.key,
|
|
1912
1931
|
class: v([
|
|
@@ -1924,11 +1943,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1924
1943
|
class: v(["text-right", t.dense ? "px-4 py-1" : "px-4 py-3"]),
|
|
1925
1944
|
onClick: a[4] ||= B(() => {}, ["stop"])
|
|
1926
1945
|
}, [D(r.$slots, "row-actions", { row: e })], 2)) : c("", !0)
|
|
1927
|
-
], 10,
|
|
1946
|
+
], 10, gn), _.value && te(e) ? (C(), l("tr", vn, [u("td", {
|
|
1928
1947
|
colspan: I.value.length + ne.value,
|
|
1929
1948
|
class: "border-t border-outline-variant/50 bg-surface-container-lowest px-6 py-4"
|
|
1930
|
-
}, [D(r.$slots, "row-expand", { row: e })], 8,
|
|
1931
|
-
u("div",
|
|
1949
|
+
}, [D(r.$slots, "row-expand", { row: e })], 8, yn)])) : c("", !0)], 64))), 128))])])]),
|
|
1950
|
+
u("div", bn, [u("span", xn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Zt, {
|
|
1932
1951
|
page: w.value,
|
|
1933
1952
|
"per-page": t.perPage,
|
|
1934
1953
|
total: H.value,
|
|
@@ -1940,19 +1959,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
1940
1959
|
])])
|
|
1941
1960
|
]));
|
|
1942
1961
|
}
|
|
1943
|
-
}),
|
|
1962
|
+
}), Cn = { class: "flex flex-col gap-1" }, wn = {
|
|
1944
1963
|
key: 0,
|
|
1945
1964
|
class: "flex-1 text-on-surface"
|
|
1946
|
-
},
|
|
1965
|
+
}, Tn = {
|
|
1947
1966
|
key: 1,
|
|
1948
1967
|
class: "flex-1 text-on-surface-variant"
|
|
1949
|
-
},
|
|
1968
|
+
}, En = {
|
|
1950
1969
|
key: 0,
|
|
1951
1970
|
class: "px-4 text-body-small text-error"
|
|
1952
|
-
},
|
|
1971
|
+
}, Dn = {
|
|
1953
1972
|
key: 1,
|
|
1954
1973
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
1955
|
-
},
|
|
1974
|
+
}, On = { class: "mb-3 flex items-center justify-between" }, kn = { class: "text-title-small font-medium capitalize text-on-surface" }, An = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, jn = { class: "grid grid-cols-7 gap-0.5" }, Mn = ["disabled", "onClick"], Nn = /* @__PURE__ */ m({
|
|
1956
1975
|
__name: "MDatePicker",
|
|
1957
1976
|
props: {
|
|
1958
1977
|
modelValue: {},
|
|
@@ -2072,7 +2091,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2072
2091
|
e ? (U(), setTimeout(() => document.addEventListener("mousedown", W), 0)) : document.removeEventListener("mousedown", W);
|
|
2073
2092
|
}), x(() => window.addEventListener("scroll", G, !0)), S(() => {
|
|
2074
2093
|
window.removeEventListener("scroll", G, !0), document.removeEventListener("mousedown", W);
|
|
2075
|
-
}), (a, o) => (C(), l("div",
|
|
2094
|
+
}), (a, o) => (C(), l("div", Cn, [
|
|
2076
2095
|
u("div", {
|
|
2077
2096
|
ref_key: "triggerEl",
|
|
2078
2097
|
ref: h,
|
|
@@ -2088,7 +2107,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2088
2107
|
size: 20,
|
|
2089
2108
|
class: "shrink-0 text-on-surface-variant"
|
|
2090
2109
|
}),
|
|
2091
|
-
H.value ? (C(), l("span",
|
|
2110
|
+
H.value ? (C(), l("span", wn, A(H.value), 1)) : (C(), l("span", Tn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
|
|
2092
2111
|
t.modelValue ? (C(), s(e, {
|
|
2093
2112
|
key: 2,
|
|
2094
2113
|
name: "close",
|
|
@@ -2100,7 +2119,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2100
2119
|
key: 0,
|
|
2101
2120
|
class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
|
|
2102
2121
|
}, A(t.label), 3)) : c("", !0)], 4),
|
|
2103
|
-
t.error ? (C(), l("p",
|
|
2122
|
+
t.error ? (C(), l("p", En, A(t.error), 1)) : t.hint ? (C(), l("p", Dn, A(t.hint), 1)) : c("", !0),
|
|
2104
2123
|
(C(), s(r, { to: "body" }, [p(i, {
|
|
2105
2124
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
2106
2125
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
@@ -2114,14 +2133,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2114
2133
|
class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
|
|
2115
2134
|
style: y(_.value)
|
|
2116
2135
|
}, [
|
|
2117
|
-
u("div",
|
|
2136
|
+
u("div", On, [
|
|
2118
2137
|
p(Z, {
|
|
2119
2138
|
icon: "chevron_left",
|
|
2120
2139
|
label: "Mes anterior",
|
|
2121
2140
|
size: 36,
|
|
2122
2141
|
onClick: I
|
|
2123
2142
|
}),
|
|
2124
|
-
u("span",
|
|
2143
|
+
u("span", kn, A(O.value), 1),
|
|
2125
2144
|
p(Z, {
|
|
2126
2145
|
icon: "chevron_right",
|
|
2127
2146
|
label: "Mes siguiente",
|
|
@@ -2129,39 +2148,39 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2129
2148
|
onClick: R
|
|
2130
2149
|
})
|
|
2131
2150
|
]),
|
|
2132
|
-
u("div",
|
|
2151
|
+
u("div", An, [(C(!0), l(n, null, E(j(D), (e) => (C(), l("span", {
|
|
2133
2152
|
key: e,
|
|
2134
2153
|
class: "py-1 text-label-small font-medium text-on-surface-variant"
|
|
2135
2154
|
}, A(e), 1))), 128))]),
|
|
2136
|
-
u("div",
|
|
2155
|
+
u("div", jn, [(C(!0), l(n, null, E(k.value, (e, n) => (C(), l("button", {
|
|
2137
2156
|
key: n,
|
|
2138
2157
|
type: "button",
|
|
2139
2158
|
class: v(["flex h-9 w-full items-center justify-center rounded-full text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25" : e.iso === t.modelValue ? "bg-primary text-on-primary" : P(e.iso) ? "border border-primary text-primary cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 hover:bg-on-surface/4"]]),
|
|
2140
2159
|
disabled: e.disabled,
|
|
2141
2160
|
onClick: (t) => z(e)
|
|
2142
|
-
}, A(e.date), 11,
|
|
2161
|
+
}, A(e.date), 11, Mn))), 128))])
|
|
2143
2162
|
], 4)) : c("", !0)]),
|
|
2144
2163
|
_: 1
|
|
2145
2164
|
})]))
|
|
2146
2165
|
]));
|
|
2147
2166
|
}
|
|
2148
|
-
}),
|
|
2167
|
+
}), Pn = { class: "flex flex-col gap-1" }, Fn = {
|
|
2149
2168
|
key: 0,
|
|
2150
2169
|
class: "flex-1 text-on-surface"
|
|
2151
|
-
},
|
|
2170
|
+
}, In = {
|
|
2152
2171
|
key: 1,
|
|
2153
2172
|
class: "flex-1 text-on-surface-variant"
|
|
2154
|
-
},
|
|
2173
|
+
}, Ln = {
|
|
2155
2174
|
key: 0,
|
|
2156
2175
|
class: "px-4 text-body-small text-error"
|
|
2157
|
-
},
|
|
2176
|
+
}, Rn = {
|
|
2158
2177
|
key: 1,
|
|
2159
2178
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
2160
|
-
},
|
|
2179
|
+
}, zn = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Bn = { class: "mb-3 flex items-center justify-between" }, Vn = { class: "text-title-small font-medium capitalize text-on-surface" }, Hn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Un = { class: "grid grid-cols-7 gap-0.5" }, Wn = [
|
|
2161
2180
|
"disabled",
|
|
2162
2181
|
"onMouseenter",
|
|
2163
2182
|
"onClick"
|
|
2164
|
-
],
|
|
2183
|
+
], Gn = /* @__PURE__ */ m({
|
|
2165
2184
|
__name: "MDateRangePicker",
|
|
2166
2185
|
props: {
|
|
2167
2186
|
modelValue: {},
|
|
@@ -2295,7 +2314,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2295
2314
|
e ? (_.value = d.modelValue.start && !d.modelValue.end ? "end" : "start", K(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
|
|
2296
2315
|
}), x(() => window.addEventListener("scroll", J, !0)), S(() => {
|
|
2297
2316
|
window.removeEventListener("scroll", J, !0), document.removeEventListener("mousedown", q);
|
|
2298
|
-
}), (a, o) => (C(), l("div",
|
|
2317
|
+
}), (a, o) => (C(), l("div", Pn, [
|
|
2299
2318
|
u("div", {
|
|
2300
2319
|
ref_key: "triggerEl",
|
|
2301
2320
|
ref: h,
|
|
@@ -2311,7 +2330,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2311
2330
|
size: 20,
|
|
2312
2331
|
class: "shrink-0 text-on-surface-variant"
|
|
2313
2332
|
}),
|
|
2314
|
-
W.value ? (C(), l("span",
|
|
2333
|
+
W.value ? (C(), l("span", Fn, A(W.value), 1)) : (C(), l("span", In, A(t.label || "Seleccionar rango"), 1)),
|
|
2315
2334
|
t.modelValue.start || t.modelValue.end ? (C(), s(e, {
|
|
2316
2335
|
key: 2,
|
|
2317
2336
|
name: "close",
|
|
@@ -2323,7 +2342,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2323
2342
|
key: 0,
|
|
2324
2343
|
class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
|
|
2325
2344
|
}, A(t.label), 3)) : c("", !0)], 4),
|
|
2326
|
-
t.error ? (C(), l("p",
|
|
2345
|
+
t.error ? (C(), l("p", Ln, A(t.error), 1)) : t.hint ? (C(), l("p", Rn, A(t.hint), 1)) : c("", !0),
|
|
2327
2346
|
(C(), s(r, { to: "body" }, [p(i, {
|
|
2328
2347
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
2329
2348
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
@@ -2337,15 +2356,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2337
2356
|
class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
|
|
2338
2357
|
style: y(w.value)
|
|
2339
2358
|
}, [
|
|
2340
|
-
u("p",
|
|
2341
|
-
u("div",
|
|
2359
|
+
u("p", zn, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
|
|
2360
|
+
u("div", Bn, [
|
|
2342
2361
|
p(Z, {
|
|
2343
2362
|
icon: "chevron_left",
|
|
2344
2363
|
label: "Anterior",
|
|
2345
2364
|
size: 36,
|
|
2346
2365
|
onClick: H
|
|
2347
2366
|
}),
|
|
2348
|
-
u("span",
|
|
2367
|
+
u("span", Vn, A(M.value), 1),
|
|
2349
2368
|
p(Z, {
|
|
2350
2369
|
icon: "chevron_right",
|
|
2351
2370
|
label: "Siguiente",
|
|
@@ -2353,34 +2372,34 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2353
2372
|
onClick: U
|
|
2354
2373
|
})
|
|
2355
2374
|
]),
|
|
2356
|
-
u("div",
|
|
2375
|
+
u("div", Hn, [(C(!0), l(n, null, E(j(k), (e) => (C(), l("span", {
|
|
2357
2376
|
key: e,
|
|
2358
2377
|
class: "py-1 text-label-small font-medium text-on-surface-variant"
|
|
2359
2378
|
}, A(e), 1))), 128))]),
|
|
2360
|
-
u("div",
|
|
2379
|
+
u("div", Un, [(C(!0), l(n, null, E(N.value, (e, n) => (C(), l("button", {
|
|
2361
2380
|
key: n,
|
|
2362
2381
|
type: "button",
|
|
2363
2382
|
class: v(["flex h-9 w-full items-center justify-center text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25 rounded-full" : e.iso === t.modelValue.start || e.iso === t.modelValue.end ? "bg-primary text-on-primary rounded-full" : V(e.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : e.iso === j(R) ? "border border-primary text-primary rounded-full cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface rounded-full hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 rounded-full hover:bg-on-surface/4"]]),
|
|
2364
2383
|
disabled: e.disabled,
|
|
2365
2384
|
onMouseenter: (t) => _.value === "end" && (b.value = e.iso),
|
|
2366
2385
|
onClick: (t) => z(e)
|
|
2367
|
-
}, A(e.date), 43,
|
|
2386
|
+
}, A(e.date), 43, Wn))), 128))])
|
|
2368
2387
|
], 4)) : c("", !0)]),
|
|
2369
2388
|
_: 1
|
|
2370
2389
|
})]))
|
|
2371
2390
|
]));
|
|
2372
2391
|
}
|
|
2373
|
-
}),
|
|
2392
|
+
}), Kn = {
|
|
2374
2393
|
key: 0,
|
|
2375
2394
|
class: "shrink-0 text-label-small text-on-surface-variant"
|
|
2376
|
-
},
|
|
2395
|
+
}, qn = {
|
|
2377
2396
|
key: 1,
|
|
2378
2397
|
class: "h-px flex-1 bg-outline-variant"
|
|
2379
|
-
},
|
|
2398
|
+
}, Jn = {
|
|
2380
2399
|
key: 1,
|
|
2381
2400
|
class: "w-px self-stretch bg-outline-variant",
|
|
2382
2401
|
role: "separator"
|
|
2383
|
-
},
|
|
2402
|
+
}, Yn = /* @__PURE__ */ m({
|
|
2384
2403
|
__name: "MDivider",
|
|
2385
2404
|
props: {
|
|
2386
2405
|
vertical: {
|
|
@@ -2394,25 +2413,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2394
2413
|
}
|
|
2395
2414
|
},
|
|
2396
2415
|
setup(e) {
|
|
2397
|
-
return (t, n) => e.vertical ? (C(), l("div",
|
|
2416
|
+
return (t, n) => e.vertical ? (C(), l("div", Jn)) : (C(), l("div", {
|
|
2398
2417
|
key: 0,
|
|
2399
2418
|
class: v(["flex items-center gap-3", e.inset && "ml-16"]),
|
|
2400
2419
|
role: "separator"
|
|
2401
2420
|
}, [
|
|
2402
2421
|
n[0] ||= u("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
|
|
2403
|
-
e.label ? (C(), l("span",
|
|
2404
|
-
e.label ? (C(), l("div",
|
|
2422
|
+
e.label ? (C(), l("span", Kn, A(e.label), 1)) : c("", !0),
|
|
2423
|
+
e.label ? (C(), l("div", qn)) : c("", !0)
|
|
2405
2424
|
], 2));
|
|
2406
2425
|
}
|
|
2407
|
-
}),
|
|
2426
|
+
}), Xn = {
|
|
2408
2427
|
class: "flex flex-col",
|
|
2409
2428
|
role: "listbox"
|
|
2410
|
-
},
|
|
2429
|
+
}, Zn = [
|
|
2411
2430
|
"draggable",
|
|
2412
2431
|
"onDragstart",
|
|
2413
2432
|
"onDragover",
|
|
2414
2433
|
"onDrop"
|
|
2415
|
-
],
|
|
2434
|
+
], Qn = ["onDragstart"], $n = { class: "min-w-0 flex-1" }, er = { class: "text-body-medium text-on-surface" }, tr = /* @__PURE__ */ m({
|
|
2416
2435
|
__name: "MDragDropList",
|
|
2417
2436
|
props: {
|
|
2418
2437
|
modelValue: {},
|
|
@@ -2456,7 +2475,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2456
2475
|
function y(e) {
|
|
2457
2476
|
return o.value === e ? "opacity-30" : s.value === e && o.value !== null ? "ring-2 ring-primary ring-inset" : "";
|
|
2458
2477
|
}
|
|
2459
|
-
return (r, i) => (C(), l("div",
|
|
2478
|
+
return (r, i) => (C(), l("div", Xn, [(C(!0), l(n, null, E(t.modelValue, (n, i) => (C(), l("div", {
|
|
2460
2479
|
key: n.id,
|
|
2461
2480
|
draggable: !t.handle,
|
|
2462
2481
|
class: v(["group flex items-center gap-2 rounded-lg px-3 py-2 transition-all", [y(i), !t.handle && "cursor-grab active:cursor-grabbing"]]),
|
|
@@ -2474,12 +2493,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2474
2493
|
}, [p(e, {
|
|
2475
2494
|
name: "drag_indicator",
|
|
2476
2495
|
size: 20
|
|
2477
|
-
})], 40,
|
|
2496
|
+
})], 40, Qn)) : c("", !0), u("div", $n, [D(r.$slots, "default", {
|
|
2478
2497
|
item: n,
|
|
2479
2498
|
index: i
|
|
2480
|
-
}, () => [u("span",
|
|
2499
|
+
}, () => [u("span", er, A(n.id), 1)])])], 42, Zn))), 128))]));
|
|
2481
2500
|
}
|
|
2482
|
-
}),
|
|
2501
|
+
}), nr = /* @__PURE__ */ m({
|
|
2483
2502
|
__name: "MEmptyState",
|
|
2484
2503
|
props: {
|
|
2485
2504
|
icon: { default: "inbox" },
|
|
@@ -2504,13 +2523,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2504
2523
|
}, [D(n.$slots, "actions")], 2)) : c("", !0)
|
|
2505
2524
|
], 2));
|
|
2506
2525
|
}
|
|
2507
|
-
}),
|
|
2526
|
+
}), rr = ["aria-expanded", "disabled"], ir = { class: "flex-1 min-w-0" }, ar = { class: "text-body-large font-medium text-on-surface" }, or = {
|
|
2508
2527
|
key: 0,
|
|
2509
2528
|
class: "text-body-small text-on-surface-variant"
|
|
2510
|
-
},
|
|
2529
|
+
}, sr = {
|
|
2511
2530
|
key: 0,
|
|
2512
2531
|
class: "expand-grid"
|
|
2513
|
-
},
|
|
2532
|
+
}, cr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
2514
2533
|
__name: "MExpansionPanel",
|
|
2515
2534
|
props: {
|
|
2516
2535
|
title: {},
|
|
@@ -2545,24 +2564,24 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2545
2564
|
size: 22,
|
|
2546
2565
|
class: "shrink-0 text-on-surface-variant"
|
|
2547
2566
|
}, null, 8, ["name"])) : c("", !0),
|
|
2548
|
-
u("div",
|
|
2567
|
+
u("div", ir, [u("p", ar, A(t.title), 1), t.subtitle ? (C(), l("p", or, A(t.subtitle), 1)) : c("", !0)]),
|
|
2549
2568
|
p(e, {
|
|
2550
2569
|
name: "expand_more",
|
|
2551
2570
|
size: 22,
|
|
2552
2571
|
class: v(["shrink-0 text-on-surface-variant transition-transform duration-200", f.value ? "rotate-180" : ""])
|
|
2553
2572
|
}, null, 8, ["class"])
|
|
2554
|
-
], 10,
|
|
2555
|
-
default: L(() => [f.value ? (C(), l("div",
|
|
2573
|
+
], 10, rr), p(i, { name: "expand" }, {
|
|
2574
|
+
default: L(() => [f.value ? (C(), l("div", sr, [u("div", cr, [D(n.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
|
|
2556
2575
|
_: 3
|
|
2557
2576
|
})], 2));
|
|
2558
2577
|
}
|
|
2559
|
-
}), [["__scopeId", "data-v-89e4475b"]]),
|
|
2578
|
+
}), [["__scopeId", "data-v-89e4475b"]]), ur = {
|
|
2560
2579
|
key: 0,
|
|
2561
2580
|
class: "text-label-large font-medium"
|
|
2562
|
-
},
|
|
2581
|
+
}, dr = ["data-tick"], fr = {
|
|
2563
2582
|
key: 0,
|
|
2564
2583
|
class: "whitespace-nowrap rounded-md bg-surface-container-high px-3 py-1.5 text-label-medium text-on-surface shadow-elevation-1"
|
|
2565
|
-
}, $ = 40,
|
|
2584
|
+
}, $ = 40, pr = 8, mr = /* @__PURE__ */ m({
|
|
2566
2585
|
__name: "MFab",
|
|
2567
2586
|
props: {
|
|
2568
2587
|
icon: {},
|
|
@@ -2630,7 +2649,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2630
2649
|
zIndex: "1000"
|
|
2631
2650
|
};
|
|
2632
2651
|
}
|
|
2633
|
-
let c = D.value / 2 +
|
|
2652
|
+
let c = D.value / 2 + pr + $ / 2 + e * 48, l = {
|
|
2634
2653
|
up: {
|
|
2635
2654
|
top: `${r - c - $ / 2}px`,
|
|
2636
2655
|
left: `${n - $ / 2}px`
|
|
@@ -2705,7 +2724,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2705
2724
|
"name",
|
|
2706
2725
|
"size",
|
|
2707
2726
|
"class"
|
|
2708
|
-
]), t.label ? (C(), l("span",
|
|
2727
|
+
]), t.label ? (C(), l("span", ur, A(t.label), 1)) : c("", !0)]),
|
|
2709
2728
|
_: 1
|
|
2710
2729
|
}, 40, [
|
|
2711
2730
|
"to",
|
|
@@ -2715,11 +2734,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2715
2734
|
]))], 512), (C(), s(r, { to: "body" }, [g.value ? (C(), l(n, { key: 0 }, [u("span", {
|
|
2716
2735
|
"data-tick": N.value,
|
|
2717
2736
|
class: "hidden"
|
|
2718
|
-
}, null, 8,
|
|
2737
|
+
}, null, 8, dr), (C(!0), l(n, null, E(t.items, (n, r) => (C(), l("div", {
|
|
2719
2738
|
key: r,
|
|
2720
2739
|
style: y(j(r)),
|
|
2721
2740
|
class: v(["flex items-center gap-3", M.value ? "flex-row-reverse" : ""])
|
|
2722
|
-
}, [n.label && M.value ? (C(), l("span",
|
|
2741
|
+
}, [n.label && M.value ? (C(), l("span", fr, A(n.label), 1)) : c("", !0), (C(), s(k(n.to ? "RouterLink" : "button"), {
|
|
2723
2742
|
to: n.to || void 0,
|
|
2724
2743
|
type: n.to ? void 0 : "button",
|
|
2725
2744
|
class: v(["relative flex cursor-pointer items-center justify-center overflow-hidden rounded-lg shadow-elevation-1 transition-shadow duration-150 hover:shadow-elevation-2 active:shadow-elevation-1 before:content-[''] before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 hover:before:opacity-[0.08] active:before:opacity-[0.12]", _[t.color]]),
|
|
@@ -2742,17 +2761,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2742
2761
|
"onPointerdown"
|
|
2743
2762
|
]))], 6))), 128))], 64)) : c("", !0)]))], 64));
|
|
2744
2763
|
}
|
|
2745
|
-
}),
|
|
2764
|
+
}), hr = { class: "flex flex-col gap-3" }, gr = { class: "text-center" }, _r = {
|
|
2746
2765
|
key: 0,
|
|
2747
2766
|
class: "mt-1 text-body-small text-on-surface-variant"
|
|
2748
|
-
},
|
|
2767
|
+
}, vr = { key: 0 }, yr = { key: 1 }, br = { key: 2 }, xr = [
|
|
2749
2768
|
"accept",
|
|
2750
2769
|
"multiple",
|
|
2751
2770
|
"disabled"
|
|
2752
|
-
],
|
|
2771
|
+
], Sr = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, Cr = ["src"], wr = { class: "min-w-0 flex-1" }, Tr = { class: "truncate text-body-medium text-on-surface" }, Er = { class: "text-body-small text-on-surface-variant" }, Dr = {
|
|
2753
2772
|
key: 0,
|
|
2754
2773
|
class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
|
|
2755
|
-
},
|
|
2774
|
+
}, Or = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
2756
2775
|
__name: "MFileUpload",
|
|
2757
2776
|
props: {
|
|
2758
2777
|
accept: {},
|
|
@@ -2800,7 +2819,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2800
2819
|
function k() {
|
|
2801
2820
|
i.disabled || g.value?.click();
|
|
2802
2821
|
}
|
|
2803
|
-
return (r, i) => (C(), l("div",
|
|
2822
|
+
return (r, i) => (C(), l("div", hr, [
|
|
2804
2823
|
u("div", {
|
|
2805
2824
|
class: v(["relative flex min-h-[160px] cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-6 transition-colors duration-150", [t.disabled ? "cursor-not-allowed border-outline-variant/50 bg-surface-container/30 opacity-60" : h.value ? "border-primary bg-primary-container/20" : "border-outline-variant bg-surface-container-lowest hover:border-primary/60 hover:bg-surface-container"]]),
|
|
2806
2825
|
onClick: k,
|
|
@@ -2812,10 +2831,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2812
2831
|
name: h.value ? "downloading" : "cloud_upload",
|
|
2813
2832
|
size: 40,
|
|
2814
2833
|
class: "text-on-surface-variant"
|
|
2815
|
-
}, null, 8, ["name"]), u("div",
|
|
2816
|
-
t.accept ? (C(), l("span",
|
|
2817
|
-
t.accept && t.maxSize ? (C(), l("span",
|
|
2818
|
-
t.maxSize ? (C(), l("span",
|
|
2834
|
+
}, null, 8, ["name"]), u("div", gr, [i[3] ||= u("p", { class: "text-body-large text-on-surface" }, [f(" Arrastra archivos aquí o "), u("span", { class: "font-medium text-primary" }, "selecciona")], -1), t.accept || t.maxSize ? (C(), l("p", _r, [
|
|
2835
|
+
t.accept ? (C(), l("span", vr, A(t.accept), 1)) : c("", !0),
|
|
2836
|
+
t.accept && t.maxSize ? (C(), l("span", yr, " · ")) : c("", !0),
|
|
2837
|
+
t.maxSize ? (C(), l("span", br, "Máx. " + A(x(t.maxSize)), 1)) : c("", !0)
|
|
2819
2838
|
])) : c("", !0)])], 34),
|
|
2820
2839
|
u("input", {
|
|
2821
2840
|
ref_key: "inputRef",
|
|
@@ -2826,7 +2845,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2826
2845
|
multiple: t.multiple,
|
|
2827
2846
|
disabled: t.disabled,
|
|
2828
2847
|
onChange: D
|
|
2829
|
-
}, null, 40,
|
|
2848
|
+
}, null, 40, xr),
|
|
2830
2849
|
p(a, {
|
|
2831
2850
|
name: "m3-file",
|
|
2832
2851
|
tag: "div",
|
|
@@ -2836,20 +2855,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2836
2855
|
key: t.id,
|
|
2837
2856
|
class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
|
|
2838
2857
|
}, [
|
|
2839
|
-
u("div",
|
|
2858
|
+
u("div", Sr, [t.preview ? (C(), l("img", {
|
|
2840
2859
|
key: 0,
|
|
2841
2860
|
src: t.preview,
|
|
2842
2861
|
class: "h-full w-full object-cover"
|
|
2843
|
-
}, null, 8,
|
|
2862
|
+
}, null, 8, Cr)) : (C(), s(e, {
|
|
2844
2863
|
key: 1,
|
|
2845
2864
|
name: "description",
|
|
2846
2865
|
size: 24,
|
|
2847
2866
|
class: "text-on-surface-variant"
|
|
2848
2867
|
}))]),
|
|
2849
|
-
u("div",
|
|
2850
|
-
u("p",
|
|
2851
|
-
u("p",
|
|
2852
|
-
t.status === "uploading" ? (C(), l("div",
|
|
2868
|
+
u("div", wr, [
|
|
2869
|
+
u("p", Tr, A(t.file.name), 1),
|
|
2870
|
+
u("p", Er, A(x(t.file.size)), 1),
|
|
2871
|
+
t.status === "uploading" ? (C(), l("div", Dr, [u("div", {
|
|
2853
2872
|
class: "h-full rounded-full bg-primary transition-[width] duration-300",
|
|
2854
2873
|
style: y({ width: `${t.progress}%` })
|
|
2855
2874
|
}, null, 4)])) : c("", !0)
|
|
@@ -2879,7 +2898,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2879
2898
|
})
|
|
2880
2899
|
]));
|
|
2881
2900
|
}
|
|
2882
|
-
}), [["__scopeId", "data-v-34a862f0"]]),
|
|
2901
|
+
}), [["__scopeId", "data-v-34a862f0"]]), kr = /* @__PURE__ */ m({
|
|
2883
2902
|
__name: "MGrid",
|
|
2884
2903
|
props: {
|
|
2885
2904
|
cols: { default: 1 },
|
|
@@ -2955,13 +2974,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
2955
2974
|
]);
|
|
2956
2975
|
return (e, t) => (C(), l("div", { class: v(d.value) }, [D(e.$slots, "default")], 2));
|
|
2957
2976
|
}
|
|
2958
|
-
}),
|
|
2977
|
+
}), Ar = {
|
|
2959
2978
|
key: 0,
|
|
2960
2979
|
class: "flex flex-col gap-4"
|
|
2961
|
-
},
|
|
2980
|
+
}, jr = {
|
|
2962
2981
|
key: 0,
|
|
2963
2982
|
class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
|
|
2964
|
-
},
|
|
2983
|
+
}, Mr = { class: "flex flex-col gap-1" }, Nr = { class: "text-body-medium text-on-surface" }, Pr = { class: "flex items-center gap-0.5" }, Fr = /* @__PURE__ */ m({
|
|
2965
2984
|
__name: "MHotkeys",
|
|
2966
2985
|
props: {
|
|
2967
2986
|
bindings: {},
|
|
@@ -3018,21 +3037,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3018
3037
|
}
|
|
3019
3038
|
return e;
|
|
3020
3039
|
};
|
|
3021
|
-
return (t, r) => e.showOverlay ? (C(), l("div",
|
|
3040
|
+
return (t, r) => e.showOverlay ? (C(), l("div", Ar, [(C(!0), l(n, null, E(d(), ([e, t]) => (C(), l("div", { key: e }, [e ? (C(), l("p", jr, A(e), 1)) : c("", !0), u("div", Mr, [(C(!0), l(n, null, E(t, (e) => (C(), l("div", {
|
|
3022
3041
|
key: e.keys,
|
|
3023
3042
|
class: v(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
|
|
3024
|
-
}, [u("span",
|
|
3043
|
+
}, [u("span", Nr, A(e.label), 1), u("div", Pr, [(C(!0), l(n, null, E(e.keys.split("+"), (e, t) => (C(), l("kbd", {
|
|
3025
3044
|
key: t,
|
|
3026
3045
|
class: "inline-flex min-w-[24px] items-center justify-center rounded bg-surface-container px-1.5 py-0.5 text-center text-label-small font-medium text-on-surface-variant"
|
|
3027
3046
|
}, A(i(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : c("", !0);
|
|
3028
3047
|
}
|
|
3029
|
-
}),
|
|
3048
|
+
}), Ir = {
|
|
3030
3049
|
key: 0,
|
|
3031
3050
|
class: "flex items-center gap-3"
|
|
3032
|
-
},
|
|
3051
|
+
}, Lr = { class: "text-body-medium text-on-surface-variant" }, Rr = {
|
|
3033
3052
|
key: 1,
|
|
3034
3053
|
class: "text-body-small text-on-surface-variant"
|
|
3035
|
-
},
|
|
3054
|
+
}, zr = /* @__PURE__ */ m({
|
|
3036
3055
|
__name: "MInfiniteScroll",
|
|
3037
3056
|
props: {
|
|
3038
3057
|
loading: {
|
|
@@ -3063,30 +3082,30 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3063
3082
|
ref_key: "sentinelRef",
|
|
3064
3083
|
ref: i,
|
|
3065
3084
|
class: "flex items-center justify-center py-4"
|
|
3066
|
-
}, [e.loading ? (C(), l("div",
|
|
3085
|
+
}, [e.loading ? (C(), l("div", Ir, [p(Be, {
|
|
3067
3086
|
size: 20,
|
|
3068
3087
|
class: "text-primary"
|
|
3069
|
-
}), u("span",
|
|
3088
|
+
}), u("span", Lr, A(e.loadingText), 1)])) : e.ended ? (C(), l("p", Rr, A(e.endText), 1)) : D(t.$slots, "idle", { key: 2 })], 512)]));
|
|
3070
3089
|
}
|
|
3071
|
-
}),
|
|
3090
|
+
}), Br = {
|
|
3072
3091
|
key: 0,
|
|
3073
3092
|
class: "text-tertiary"
|
|
3074
|
-
},
|
|
3093
|
+
}, Vr = { class: "text-on-surface-variant" }, Hr = {
|
|
3075
3094
|
key: 1,
|
|
3076
3095
|
class: "text-on-surface-variant/60"
|
|
3077
|
-
},
|
|
3096
|
+
}, Ur = {
|
|
3078
3097
|
key: 2,
|
|
3079
3098
|
class: "text-on-surface-variant"
|
|
3080
|
-
},
|
|
3099
|
+
}, Wr = {
|
|
3081
3100
|
key: 0,
|
|
3082
3101
|
class: "ml-5 border-l border-outline-variant/40 pl-2"
|
|
3083
|
-
},
|
|
3102
|
+
}, Gr = { class: "shrink-0 text-primary" }, Kr = {
|
|
3084
3103
|
key: 0,
|
|
3085
3104
|
class: "shrink-0 text-on-surface-variant mr-1"
|
|
3086
|
-
},
|
|
3105
|
+
}, qr = {
|
|
3087
3106
|
key: 1,
|
|
3088
3107
|
class: "ml-5 text-on-surface-variant"
|
|
3089
|
-
},
|
|
3108
|
+
}, Jr = /* @__PURE__ */ m({
|
|
3090
3109
|
__name: "MJsonViewer",
|
|
3091
3110
|
props: {
|
|
3092
3111
|
data: {},
|
|
@@ -3127,17 +3146,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3127
3146
|
size: 16,
|
|
3128
3147
|
class: "text-on-surface-variant transition-transform duration-100"
|
|
3129
3148
|
}, null, 8, ["name"]),
|
|
3130
|
-
t._depth === 0 || t.rootName ? (C(), l("span",
|
|
3131
|
-
u("span",
|
|
3132
|
-
i.value ? c("", !0) : (C(), l("span",
|
|
3133
|
-
i.value ? c("", !0) : (C(), l("span",
|
|
3149
|
+
t._depth === 0 || t.rootName ? (C(), l("span", Br, A(t._depth === 0 ? t.rootName : ""), 1)) : c("", !0),
|
|
3150
|
+
u("span", Vr, A(h.value), 1),
|
|
3151
|
+
i.value ? c("", !0) : (C(), l("span", Hr, A(m.value) + " " + A(a.value === "array" ? "elementos" : "campos"), 1)),
|
|
3152
|
+
i.value ? c("", !0) : (C(), l("span", Ur, A(g.value), 1))
|
|
3134
3153
|
]),
|
|
3135
|
-
i.value ? (C(), l("div",
|
|
3154
|
+
i.value ? (C(), l("div", Wr, [(C(!0), l(n, null, E(f.value, (e) => (C(), l("div", {
|
|
3136
3155
|
key: e.key,
|
|
3137
3156
|
class: "flex items-start"
|
|
3138
3157
|
}, [
|
|
3139
|
-
u("span",
|
|
3140
|
-
a.value === "array" ? c("", !0) : (C(), l("span",
|
|
3158
|
+
u("span", Gr, A(a.value === "array" ? "" : `"${e.key}"`), 1),
|
|
3159
|
+
a.value === "array" ? c("", !0) : (C(), l("span", Kr, ":")),
|
|
3141
3160
|
e.value !== null && typeof e.value == "object" ? (C(), s(b, {
|
|
3142
3161
|
key: 1,
|
|
3143
3162
|
data: e.value,
|
|
@@ -3154,21 +3173,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3154
3173
|
class: v(_(e.value))
|
|
3155
3174
|
}, A(y(e.value)), 3))
|
|
3156
3175
|
]))), 128))])) : c("", !0),
|
|
3157
|
-
i.value ? (C(), l("span",
|
|
3176
|
+
i.value ? (C(), l("span", qr, A(g.value), 1)) : c("", !0)
|
|
3158
3177
|
], 64)) : (C(), l("span", {
|
|
3159
3178
|
key: 1,
|
|
3160
3179
|
class: v(_(t.data))
|
|
3161
3180
|
}, A(y(t.data)), 3))], 2);
|
|
3162
3181
|
};
|
|
3163
3182
|
}
|
|
3164
|
-
}),
|
|
3183
|
+
}), Yr = { class: "flex gap-4 overflow-x-auto pb-2" }, Xr = ["onDragover", "onDrop"], Zr = { class: "flex items-center gap-2 px-4 py-3" }, Qr = { class: "flex-1 text-title-small font-medium text-on-surface" }, $r = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ei = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ti = [
|
|
3165
3184
|
"onDragstart",
|
|
3166
3185
|
"onDragover",
|
|
3167
3186
|
"onClick"
|
|
3168
|
-
],
|
|
3187
|
+
], ni = { class: "text-body-medium text-on-surface" }, ri = {
|
|
3169
3188
|
key: 0,
|
|
3170
3189
|
class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
|
|
3171
|
-
},
|
|
3190
|
+
}, ii = /* @__PURE__ */ m({
|
|
3172
3191
|
__name: "MKanban",
|
|
3173
3192
|
props: { modelValue: {} },
|
|
3174
3193
|
emits: [
|
|
@@ -3227,20 +3246,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3227
3246
|
function g() {
|
|
3228
3247
|
a.value = null, o.value = null, s.value = null;
|
|
3229
3248
|
}
|
|
3230
|
-
return (t, r) => (C(), l("div",
|
|
3249
|
+
return (t, r) => (C(), l("div", Yr, [(C(!0), l(n, null, E(e.modelValue, (e) => (C(), l("div", {
|
|
3231
3250
|
key: e.id,
|
|
3232
3251
|
class: v(["flex w-72 shrink-0 flex-col rounded-xl bg-surface-container-low", o.value === e.id && a.value ? "ring-2 ring-primary ring-inset" : ""]),
|
|
3233
3252
|
onDragover: (t) => p(t, e.id),
|
|
3234
3253
|
onDragleave: r[0] ||= (e) => o.value = null,
|
|
3235
3254
|
onDrop: (t) => h(t, e.id)
|
|
3236
|
-
}, [u("div",
|
|
3255
|
+
}, [u("div", Zr, [
|
|
3237
3256
|
e.color ? (C(), l("div", {
|
|
3238
3257
|
key: 0,
|
|
3239
3258
|
class: v(["h-2.5 w-2.5 rounded-full", d[e.color] ?? "bg-primary"])
|
|
3240
3259
|
}, null, 2)) : c("", !0),
|
|
3241
|
-
u("h3",
|
|
3242
|
-
u("span",
|
|
3243
|
-
]), u("div",
|
|
3260
|
+
u("h3", Qr, A(e.title), 1),
|
|
3261
|
+
u("span", $r, A(e.cards.length), 1)
|
|
3262
|
+
]), u("div", ei, [(C(!0), l(n, null, E(e.cards, (n, r) => (C(), l("div", {
|
|
3244
3263
|
key: n.id,
|
|
3245
3264
|
draggable: "true",
|
|
3246
3265
|
class: v(["cursor-grab rounded-lg bg-surface p-3 shadow-elevation-1 transition-all duration-150 active:cursor-grabbing", [a.value?.cardId === n.id ? "opacity-30" : "hover:shadow-elevation-2", s.value === r && o.value === e.id && a.value ? "border-t-2 border-primary" : ""]]),
|
|
@@ -3254,18 +3273,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3254
3273
|
}, [D(t.$slots, "card", {
|
|
3255
3274
|
card: n,
|
|
3256
3275
|
column: e
|
|
3257
|
-
}, () => [u("p",
|
|
3276
|
+
}, () => [u("p", ni, A(n.id), 1)])], 42, ti))), 128)), e.cards.length === 0 ? (C(), l("div", ri, [...r[1] ||= [u("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : c("", !0)])], 42, Xr))), 128))]));
|
|
3258
3277
|
}
|
|
3259
|
-
}),
|
|
3278
|
+
}), ai = {
|
|
3260
3279
|
key: 0,
|
|
3261
3280
|
class: "text-body-large text-on-surface-variant"
|
|
3262
|
-
},
|
|
3281
|
+
}, oi = {
|
|
3263
3282
|
key: 1,
|
|
3264
3283
|
class: "relative"
|
|
3265
|
-
},
|
|
3284
|
+
}, si = {
|
|
3266
3285
|
key: 0,
|
|
3267
3286
|
class: "text-body-medium text-on-surface-variant"
|
|
3268
|
-
},
|
|
3287
|
+
}, ci = /* @__PURE__ */ m({
|
|
3269
3288
|
__name: "MLoadingOverlay",
|
|
3270
3289
|
props: {
|
|
3271
3290
|
visible: { type: Boolean },
|
|
@@ -3298,11 +3317,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3298
3317
|
size: e.spinnerSize,
|
|
3299
3318
|
class: "text-primary"
|
|
3300
3319
|
}, null, 8, ["size"]),
|
|
3301
|
-
e.text ? (C(), l("p",
|
|
3320
|
+
e.text ? (C(), l("p", ai, A(e.text), 1)) : c("", !0),
|
|
3302
3321
|
D(t.$slots, "default")
|
|
3303
3322
|
], 2)) : c("", !0)]),
|
|
3304
3323
|
_: 3
|
|
3305
|
-
})])) : (C(), l("div",
|
|
3324
|
+
})])) : (C(), l("div", oi, [D(t.$slots, "content"), p(i, {
|
|
3306
3325
|
"enter-active-class": "transition-opacity duration-200",
|
|
3307
3326
|
"enter-from-class": "opacity-0",
|
|
3308
3327
|
"leave-active-class": "transition-opacity duration-150",
|
|
@@ -3316,13 +3335,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3316
3335
|
size: e.spinnerSize,
|
|
3317
3336
|
class: "text-primary"
|
|
3318
3337
|
}, null, 8, ["size"]),
|
|
3319
|
-
e.text ? (C(), l("p",
|
|
3338
|
+
e.text ? (C(), l("p", si, A(e.text), 1)) : c("", !0),
|
|
3320
3339
|
D(t.$slots, "default")
|
|
3321
3340
|
], 2)) : c("", !0)]),
|
|
3322
3341
|
_: 3
|
|
3323
3342
|
})]));
|
|
3324
3343
|
}
|
|
3325
|
-
}),
|
|
3344
|
+
}), li = /* @__PURE__ */ m({
|
|
3326
3345
|
__name: "MMasonry",
|
|
3327
3346
|
props: {
|
|
3328
3347
|
cols: { default: 2 },
|
|
@@ -3373,7 +3392,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3373
3392
|
class: "relative w-full"
|
|
3374
3393
|
}, [D(e.$slots, "default")], 512));
|
|
3375
3394
|
}
|
|
3376
|
-
}),
|
|
3395
|
+
}), ui = /* @__PURE__ */ m({
|
|
3377
3396
|
__name: "MMenu",
|
|
3378
3397
|
props: { align: { default: "right" } },
|
|
3379
3398
|
setup(e, { expose: t }) {
|
|
@@ -3442,7 +3461,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3442
3461
|
_: 3
|
|
3443
3462
|
})]))], 64));
|
|
3444
3463
|
}
|
|
3445
|
-
}),
|
|
3464
|
+
}), di = /* @__PURE__ */ m({
|
|
3446
3465
|
__name: "MMenuItem",
|
|
3447
3466
|
props: {
|
|
3448
3467
|
icon: {},
|
|
@@ -3464,35 +3483,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3464
3483
|
_: 3
|
|
3465
3484
|
}, 8, ["to", "type"]));
|
|
3466
3485
|
}
|
|
3467
|
-
}),
|
|
3486
|
+
}), fi = { class: "flex flex-col gap-1" }, pi = {
|
|
3468
3487
|
key: 0,
|
|
3469
3488
|
class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
|
|
3470
|
-
},
|
|
3489
|
+
}, mi = [
|
|
3471
3490
|
"id",
|
|
3472
3491
|
"tabindex",
|
|
3473
3492
|
"aria-expanded"
|
|
3474
|
-
],
|
|
3493
|
+
], hi = ["onClick"], gi = {
|
|
3475
3494
|
key: 0,
|
|
3476
3495
|
class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
|
|
3477
|
-
},
|
|
3496
|
+
}, _i = {
|
|
3478
3497
|
key: 1,
|
|
3479
3498
|
class: "text-body-large text-on-surface-variant opacity-0"
|
|
3480
|
-
},
|
|
3499
|
+
}, vi = {
|
|
3481
3500
|
key: 0,
|
|
3482
3501
|
class: "text-error"
|
|
3483
|
-
},
|
|
3502
|
+
}, yi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, bi = {
|
|
3484
3503
|
key: 0,
|
|
3485
3504
|
class: "px-4 text-body-small text-error"
|
|
3486
|
-
},
|
|
3505
|
+
}, xi = {
|
|
3487
3506
|
key: 1,
|
|
3488
3507
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
3489
|
-
},
|
|
3508
|
+
}, Si = {
|
|
3490
3509
|
key: 0,
|
|
3491
3510
|
class: "sticky top-0 bg-surface-container px-3 py-2"
|
|
3492
|
-
},
|
|
3511
|
+
}, Ci = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, wi = { class: "flex flex-col py-1" }, Ti = { class: "text-body-large text-on-surface" }, Ei = {
|
|
3493
3512
|
key: 0,
|
|
3494
3513
|
class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
|
|
3495
|
-
},
|
|
3514
|
+
}, Di = /* @__PURE__ */ m({
|
|
3496
3515
|
__name: "MMultiSelect",
|
|
3497
3516
|
props: {
|
|
3498
3517
|
modelValue: { default: () => [] },
|
|
@@ -3597,13 +3616,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3597
3616
|
g.value ? d.error ? "text-error" : "text-primary" : d.error ? "text-error" : "text-on-surface-variant"
|
|
3598
3617
|
].join(" ");
|
|
3599
3618
|
});
|
|
3600
|
-
return (a, o) => (C(), l(n, null, [u("div",
|
|
3619
|
+
return (a, o) => (C(), l(n, null, [u("div", fi, [u("div", {
|
|
3601
3620
|
ref_key: "fieldEl",
|
|
3602
3621
|
ref: w,
|
|
3603
3622
|
class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
|
|
3604
3623
|
style: y(t.variant === "outlined" ? { "--field-bg": j(D) } : void 0)
|
|
3605
3624
|
}, [
|
|
3606
|
-
t.leadingIcon ? (C(), l("div",
|
|
3625
|
+
t.leadingIcon ? (C(), l("div", pi, [p(e, {
|
|
3607
3626
|
name: t.leadingIcon,
|
|
3608
3627
|
size: 20
|
|
3609
3628
|
}, null, 8, ["name"])])) : c("", !0),
|
|
@@ -3630,14 +3649,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3630
3649
|
}, [p(e, {
|
|
3631
3650
|
name: "close",
|
|
3632
3651
|
size: 12
|
|
3633
|
-
})], 8,
|
|
3634
|
-
u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span",
|
|
3635
|
-
u("div",
|
|
3652
|
+
})], 8, hi)]))), 128)), H.value > 0 ? (C(), l("span", gi, " +" + A(H.value), 1)) : c("", !0)], 64)) : g.value ? c("", !0) : (C(), l("span", _i, A(t.placeholder), 1))], 42, mi),
|
|
3653
|
+
u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span", vi, "\xA0*")) : c("", !0)], 2),
|
|
3654
|
+
u("div", yi, [p(e, {
|
|
3636
3655
|
name: g.value ? "arrow_drop_up" : "arrow_drop_down",
|
|
3637
3656
|
size: 24,
|
|
3638
3657
|
class: "text-on-surface-variant"
|
|
3639
3658
|
}, null, 8, ["name"])])
|
|
3640
|
-
], 6), t.error ? (C(), l("p",
|
|
3659
|
+
], 6), t.error ? (C(), l("p", bi, A(t.error), 1)) : t.hint ? (C(), l("p", xi, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
|
|
3641
3660
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
3642
3661
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
3643
3662
|
"enter-to-class": "opacity-100 translate-y-0 scale-100",
|
|
@@ -3651,7 +3670,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3651
3670
|
ref: O,
|
|
3652
3671
|
class: "fixed z-[500] max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
|
|
3653
3672
|
style: y(N.value)
|
|
3654
|
-
}, [t.searchable ? (C(), l("div",
|
|
3673
|
+
}, [t.searchable ? (C(), l("div", Si, [u("div", Ci, [p(e, {
|
|
3655
3674
|
name: "search",
|
|
3656
3675
|
size: 16,
|
|
3657
3676
|
class: "shrink-0 text-on-surface-variant"
|
|
@@ -3662,7 +3681,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3662
3681
|
type: "text",
|
|
3663
3682
|
placeholder: "Buscar...",
|
|
3664
3683
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
|
|
3665
|
-
}, null, 512), [[P, b.value]])])])) : c("", !0), u("div",
|
|
3684
|
+
}, null, 512), [[P, b.value]])])])) : c("", !0), u("div", wi, [(C(!0), l(n, null, E(I.value, (e) => (C(), l("label", {
|
|
3666
3685
|
key: e.value,
|
|
3667
3686
|
class: v(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", e.disabled ? "cursor-not-allowed opacity-38" : ""])
|
|
3668
3687
|
}, [p(Q, {
|
|
@@ -3673,11 +3692,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3673
3692
|
"model-value",
|
|
3674
3693
|
"disabled",
|
|
3675
3694
|
"onUpdate:modelValue"
|
|
3676
|
-
]), u("span",
|
|
3695
|
+
]), u("span", Ti, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", Ei, " Sin resultados ")) : c("", !0)])], 4)) : c("", !0)]),
|
|
3677
3696
|
_: 1
|
|
3678
3697
|
})]))], 64));
|
|
3679
3698
|
}
|
|
3680
|
-
}),
|
|
3699
|
+
}), Oi = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, ki = ["onClick"], Ai = /* @__PURE__ */ m({
|
|
3681
3700
|
__name: "MNavigationBar",
|
|
3682
3701
|
props: {
|
|
3683
3702
|
modelValue: {},
|
|
@@ -3685,7 +3704,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3685
3704
|
},
|
|
3686
3705
|
emits: ["update:modelValue"],
|
|
3687
3706
|
setup(t) {
|
|
3688
|
-
return (r, i) => (C(), l("nav",
|
|
3707
|
+
return (r, i) => (C(), l("nav", Oi, [(C(!0), l(n, null, E(t.items, (n) => (C(), l("button", {
|
|
3689
3708
|
key: n.value,
|
|
3690
3709
|
type: "button",
|
|
3691
3710
|
class: v(["group flex flex-1 cursor-pointer flex-col items-center justify-center gap-1 self-stretch transition-colors focus-visible:outline-none", n.value === t.modelValue ? "text-on-secondary-container" : "text-on-surface-variant"]),
|
|
@@ -3712,45 +3731,45 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3712
3731
|
size: 24
|
|
3713
3732
|
}, null, 8, ["name"])]),
|
|
3714
3733
|
_: 2
|
|
3715
|
-
}, 1032, ["count"]))], 2), u("span", { class: v(["text-label-medium transition-[font-weight] duration-150", n.value === t.modelValue ? "font-bold" : "font-medium"]) }, A(n.label), 3)], 10,
|
|
3734
|
+
}, 1032, ["count"]))], 2), u("span", { class: v(["text-label-medium transition-[font-weight] duration-150", n.value === t.modelValue ? "font-bold" : "font-medium"]) }, A(n.label), 3)], 10, ki))), 128))]));
|
|
3716
3735
|
}
|
|
3717
|
-
}),
|
|
3736
|
+
}), ji = {
|
|
3718
3737
|
key: 0,
|
|
3719
3738
|
class: "fixed inset-0 z-[100] flex"
|
|
3720
|
-
},
|
|
3739
|
+
}, Mi = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Ni = {
|
|
3721
3740
|
key: 0,
|
|
3722
3741
|
class: "shrink-0 px-5 pt-6 pb-2"
|
|
3723
|
-
},
|
|
3742
|
+
}, Pi = { class: "text-title-small font-medium text-on-surface-variant" }, Fi = { class: "flex-1 overflow-y-auto px-3 py-2" }, Ii = {
|
|
3724
3743
|
key: 0,
|
|
3725
3744
|
class: "my-1 border-t border-outline-variant"
|
|
3726
|
-
},
|
|
3745
|
+
}, Li = ["onClick"], Ri = { class: "flex-1 text-left text-title-small font-medium" }, zi = {
|
|
3727
3746
|
key: 2,
|
|
3728
3747
|
class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
|
|
3729
|
-
},
|
|
3748
|
+
}, Bi = {
|
|
3730
3749
|
key: 0,
|
|
3731
3750
|
class: "nd-section-grid"
|
|
3732
|
-
},
|
|
3751
|
+
}, Vi = { class: "nd-section-body" }, Hi = { class: "flex-1 text-label-large font-medium" }, Ui = {
|
|
3733
3752
|
key: 1,
|
|
3734
3753
|
class: "text-label-medium text-on-surface-variant"
|
|
3735
|
-
},
|
|
3754
|
+
}, Wi = {
|
|
3736
3755
|
key: 0,
|
|
3737
3756
|
class: "shrink-0"
|
|
3738
|
-
},
|
|
3757
|
+
}, Gi = {
|
|
3739
3758
|
key: 1,
|
|
3740
3759
|
class: "nd-collapse-h shrink-0 overflow-hidden"
|
|
3741
|
-
},
|
|
3760
|
+
}, Ki = { class: "px-5 pt-6 pb-2" }, qi = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Ji = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Yi = {
|
|
3742
3761
|
key: 0,
|
|
3743
3762
|
class: "my-1 border-t border-outline-variant"
|
|
3744
|
-
},
|
|
3763
|
+
}, Xi = ["title", "onClick"], Zi = { class: "min-w-0 flex-1 text-left text-title-small font-medium" }, Qi = {
|
|
3745
3764
|
key: 2,
|
|
3746
3765
|
class: "nd-collapse-h overflow-hidden"
|
|
3747
|
-
},
|
|
3766
|
+
}, $i = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, ea = {
|
|
3748
3767
|
key: 0,
|
|
3749
3768
|
class: "nd-section-grid"
|
|
3750
|
-
},
|
|
3769
|
+
}, ta = { class: "nd-section-body" }, na = { class: "min-w-0 flex-1 text-label-large font-medium" }, ra = {
|
|
3751
3770
|
key: 1,
|
|
3752
3771
|
class: "text-label-medium text-on-surface-variant"
|
|
3753
|
-
},
|
|
3772
|
+
}, ia = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
3754
3773
|
__name: "MNavigationDrawer",
|
|
3755
3774
|
props: {
|
|
3756
3775
|
modelValue: { type: Boolean },
|
|
@@ -3795,11 +3814,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3795
3814
|
leave: 280
|
|
3796
3815
|
}
|
|
3797
3816
|
}, {
|
|
3798
|
-
default: L(() => [t.modelValue ? (C(), l("div",
|
|
3817
|
+
default: L(() => [t.modelValue ? (C(), l("div", ji, [u("div", {
|
|
3799
3818
|
class: "nd-scrim absolute inset-0 bg-black/40",
|
|
3800
3819
|
onClick: g
|
|
3801
|
-
}), u("nav",
|
|
3802
|
-
a > 0 ? (C(), l("div",
|
|
3820
|
+
}), u("nav", Mi, [t.title || a.$slots.header ? (C(), l("div", Ni, [D(a.$slots, "header", {}, () => [u("h2", Pi, A(t.title), 1)], !0)])) : c("", !0), u("div", Fi, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
|
|
3821
|
+
a > 0 ? (C(), l("div", Ii)) : c("", !0),
|
|
3803
3822
|
r.title && r.collapsible ? (C(), l("button", {
|
|
3804
3823
|
key: 1,
|
|
3805
3824
|
type: "button",
|
|
@@ -3812,15 +3831,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3812
3831
|
size: 24,
|
|
3813
3832
|
class: "shrink-0"
|
|
3814
3833
|
}, null, 8, ["name"])) : c("", !0),
|
|
3815
|
-
u("span",
|
|
3834
|
+
u("span", Ri, A(r.title), 1),
|
|
3816
3835
|
p(e, {
|
|
3817
3836
|
name: m(r, a) ? "expand_less" : "expand_more",
|
|
3818
3837
|
size: 18,
|
|
3819
3838
|
class: "shrink-0"
|
|
3820
3839
|
}, null, 8, ["name"])
|
|
3821
|
-
], 8,
|
|
3840
|
+
], 8, Li)) : r.title ? (C(), l("p", zi, A(r.title), 1)) : c("", !0),
|
|
3822
3841
|
p(i, { name: "nd-section" }, {
|
|
3823
|
-
default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div",
|
|
3842
|
+
default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", Bi, [u("div", Vi, [(C(!0), l(n, null, E(r.items, (n) => (C(), s(k(y(n)), {
|
|
3824
3843
|
key: n.value,
|
|
3825
3844
|
to: n.to && !n.disabled ? n.to : void 0,
|
|
3826
3845
|
type: n.to ? void 0 : "button",
|
|
@@ -3834,8 +3853,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3834
3853
|
name: n.icon,
|
|
3835
3854
|
size: 24
|
|
3836
3855
|
}, null, 8, ["name"])) : c("", !0),
|
|
3837
|
-
u("span",
|
|
3838
|
-
n.badge == null ? c("", !0) : (C(), l("span",
|
|
3856
|
+
u("span", Hi, A(n.label), 1),
|
|
3857
|
+
n.badge == null ? c("", !0) : (C(), l("span", Ui, A(n.badge), 1))
|
|
3839
3858
|
]),
|
|
3840
3859
|
_: 2
|
|
3841
3860
|
}, 1032, [
|
|
@@ -3851,13 +3870,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3851
3870
|
_: 3
|
|
3852
3871
|
})])) : (C(), l("nav", {
|
|
3853
3872
|
key: 1,
|
|
3854
|
-
class: v(["nd-inline flex h-full shrink-0 flex-col border-r border-outline-variant bg-surface", t.collapsed ? "nd-collapsed w-[72px]" : "w-72"])
|
|
3855
|
-
}, [a.$slots.header ? (C(), l("div",
|
|
3856
|
-
a > 0 ? (C(), l("div",
|
|
3873
|
+
class: v(["nd-inline flex h-full shrink-0 flex-col border-r border-outline-variant bg-surface", [t.modelValue ? t.collapsed ? "nd-collapsed w-[72px]" : "w-72" : "nd-hidden w-0 border-r-0"]])
|
|
3874
|
+
}, [a.$slots.header ? (C(), l("div", Wi, [D(a.$slots, "header", {}, void 0, !0)])) : t.title ? (C(), l("div", Gi, [u("div", Ki, [u("h2", qi, A(t.title), 1)])])) : c("", !0), u("div", Ji, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
|
|
3875
|
+
a > 0 ? (C(), l("div", Yi)) : c("", !0),
|
|
3857
3876
|
r.title && r.collapsible ? (C(), l("button", {
|
|
3858
3877
|
key: 1,
|
|
3859
3878
|
type: "button",
|
|
3860
|
-
class: "mt-1 flex w-full cursor-pointer items-center gap-3 overflow-hidden whitespace-nowrap rounded-xl px-3 py-2.5 text-on-surface-variant hover:bg-on-surface/8",
|
|
3879
|
+
class: "mt-1 flex w-full shrink-0 cursor-pointer items-center gap-3 overflow-hidden whitespace-nowrap rounded-xl px-3 py-2.5 text-on-surface-variant hover:bg-on-surface/8",
|
|
3861
3880
|
title: t.collapsed ? r.title : void 0,
|
|
3862
3881
|
onClick: (e) => h(r, a)
|
|
3863
3882
|
}, [
|
|
@@ -3867,20 +3886,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3867
3886
|
size: 24,
|
|
3868
3887
|
class: "shrink-0"
|
|
3869
3888
|
}, null, 8, ["name"])) : c("", !0),
|
|
3870
|
-
u("span",
|
|
3889
|
+
u("span", Zi, A(r.title), 1),
|
|
3871
3890
|
p(e, {
|
|
3872
3891
|
name: m(r, a) ? "expand_less" : "expand_more",
|
|
3873
3892
|
size: 18,
|
|
3874
3893
|
class: "shrink-0"
|
|
3875
3894
|
}, null, 8, ["name"])
|
|
3876
|
-
], 8,
|
|
3895
|
+
], 8, Xi)) : r.title ? (C(), l("div", Qi, [u("p", $i, A(r.title), 1)])) : c("", !0),
|
|
3877
3896
|
p(i, { name: "nd-section" }, {
|
|
3878
|
-
default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div",
|
|
3897
|
+
default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", ea, [u("div", ta, [(C(!0), l(n, null, E(r.items, (n) => (C(), s(k(y(n)), {
|
|
3879
3898
|
key: n.value,
|
|
3880
3899
|
to: n.to && !n.disabled ? n.to : void 0,
|
|
3881
3900
|
type: n.to ? void 0 : "button",
|
|
3882
3901
|
title: t.collapsed ? n.label : void 0,
|
|
3883
|
-
class: v(["flex w-full items-center gap-3 overflow-hidden whitespace-nowrap rounded-full py-2.5 text-left focus-visible:outline-none", [r.collapsible && !t.collapsed ? "pl-8 pr-3" : "px-3", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
|
|
3902
|
+
class: v(["flex w-full shrink-0 items-center gap-3 overflow-hidden whitespace-nowrap rounded-full py-2.5 text-left focus-visible:outline-none", [r.collapsible && !t.collapsed ? "pl-8 pr-3" : "px-3", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
|
|
3884
3903
|
disabled: n.disabled && !n.to,
|
|
3885
3904
|
onClick: (e) => _(n)
|
|
3886
3905
|
}, {
|
|
@@ -3891,8 +3910,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3891
3910
|
size: 24,
|
|
3892
3911
|
class: "shrink-0"
|
|
3893
3912
|
}, null, 8, ["name"])) : c("", !0),
|
|
3894
|
-
u("span",
|
|
3895
|
-
n.badge == null ? c("", !0) : (C(), l("span",
|
|
3913
|
+
u("span", na, A(n.label), 1),
|
|
3914
|
+
n.badge == null ? c("", !0) : (C(), l("span", ra, A(n.badge), 1))
|
|
3896
3915
|
]),
|
|
3897
3916
|
_: 2
|
|
3898
3917
|
}, 1032, [
|
|
@@ -3907,10 +3926,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3907
3926
|
}, 1024)
|
|
3908
3927
|
], 64))), 128))])], 2));
|
|
3909
3928
|
}
|
|
3910
|
-
}), [["__scopeId", "data-v-
|
|
3929
|
+
}), [["__scopeId", "data-v-ebc5ef9c"]]), aa = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, oa = {
|
|
3911
3930
|
key: 0,
|
|
3912
3931
|
class: "flex shrink-0 items-center justify-center pt-3 pb-2"
|
|
3913
|
-
},
|
|
3932
|
+
}, sa = ["disabled", "onClick"], ca = /* @__PURE__ */ m({
|
|
3914
3933
|
__name: "MNavigationRail",
|
|
3915
3934
|
props: {
|
|
3916
3935
|
modelValue: {},
|
|
@@ -3919,7 +3938,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3919
3938
|
},
|
|
3920
3939
|
emits: ["update:modelValue"],
|
|
3921
3940
|
setup(t) {
|
|
3922
|
-
return (r, i) => (C(), l("nav",
|
|
3941
|
+
return (r, i) => (C(), l("nav", aa, [r.$slots.fab ? (C(), l("div", oa, [D(r.$slots, "fab")])) : c("", !0), u("div", { class: v(["flex flex-1 flex-col items-center gap-1 py-3", {
|
|
3923
3942
|
"justify-start": t.alignment === "top",
|
|
3924
3943
|
"justify-center": t.alignment === "center",
|
|
3925
3944
|
"justify-end": t.alignment === "bottom"
|
|
@@ -3951,15 +3970,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3951
3970
|
size: 24
|
|
3952
3971
|
}, null, 8, ["name"])]),
|
|
3953
3972
|
_: 2
|
|
3954
|
-
}, 1032, ["count"]))], 2), u("span", { class: v(["max-w-[56px] truncate text-center text-label-medium", n.value === t.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, A(n.label), 3)], 10,
|
|
3973
|
+
}, 1032, ["count"]))], 2), u("span", { class: v(["max-w-[56px] truncate text-center text-label-medium", n.value === t.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, A(n.label), 3)], 10, sa))), 128))], 2)]));
|
|
3955
3974
|
}
|
|
3956
|
-
}),
|
|
3975
|
+
}), la = { class: "flex flex-col gap-1" }, ua = {
|
|
3957
3976
|
key: 0,
|
|
3958
3977
|
class: "text-label-small text-on-surface-variant"
|
|
3959
|
-
},
|
|
3978
|
+
}, da = ["aria-valuenow"], fa = ["aria-valuenow"], pa = ["viewBox"], ma = ["d"], ha = {
|
|
3960
3979
|
key: 1,
|
|
3961
3980
|
class: "absolute inset-0 overflow-hidden rounded-full"
|
|
3962
|
-
},
|
|
3981
|
+
}, ga = ["viewBox"], _a = ["d"], va = 20, ya = 2.5, ba = 4, xa = 8, Sa = 80, Ca = 1, wa = /* @__PURE__ */ m({
|
|
3963
3982
|
__name: "MProgressBar",
|
|
3964
3983
|
props: {
|
|
3965
3984
|
value: {},
|
|
@@ -3990,15 +4009,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
3990
4009
|
track: "bg-error-container",
|
|
3991
4010
|
text: "text-error"
|
|
3992
4011
|
}
|
|
3993
|
-
}, s =
|
|
4012
|
+
}, s = va * Sa, d = (() => {
|
|
3994
4013
|
let e = "";
|
|
3995
|
-
for (let t = 0; t <= s; t +=
|
|
3996
|
-
let n =
|
|
4014
|
+
for (let t = 0; t <= s; t += Ca) {
|
|
4015
|
+
let n = ba - ya * Math.sin(t / va * Math.PI * 2);
|
|
3997
4016
|
e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
|
|
3998
4017
|
}
|
|
3999
4018
|
return e.trim();
|
|
4000
4019
|
})();
|
|
4001
|
-
return (t, o) => (C(), l("div",
|
|
4020
|
+
return (t, o) => (C(), l("div", la, [e.label ? (C(), l("span", ua, A(e.label), 1)) : c("", !0), e.variant === "linear" ? (C(), l("div", {
|
|
4002
4021
|
key: 1,
|
|
4003
4022
|
class: v(["relative h-1 w-full overflow-hidden rounded-full", a[e.color].track]),
|
|
4004
4023
|
role: "progressbar",
|
|
@@ -4012,20 +4031,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4012
4031
|
key: 0,
|
|
4013
4032
|
class: v(["h-full rounded-full transition-[width] duration-300 ease-in-out", a[e.color].bar]),
|
|
4014
4033
|
style: y({ width: `${i.value}%` })
|
|
4015
|
-
}, null, 6))], 10,
|
|
4034
|
+
}, null, 6))], 10, da)) : (C(), l("div", {
|
|
4016
4035
|
key: 2,
|
|
4017
4036
|
class: "relative h-2 w-full overflow-visible",
|
|
4018
4037
|
role: "progressbar",
|
|
4019
4038
|
"aria-valuenow": r.value ? void 0 : i.value,
|
|
4020
4039
|
"aria-valuemin": "0",
|
|
4021
4040
|
"aria-valuemax": "100"
|
|
4022
|
-
}, [r.value ? (C(), l("div",
|
|
4041
|
+
}, [r.value ? (C(), l("div", ha, [u("div", {
|
|
4023
4042
|
class: v(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", a[e.color].text]),
|
|
4024
4043
|
style: y({ width: `${s}px` })
|
|
4025
4044
|
}, [(C(), l("svg", {
|
|
4026
4045
|
width: s,
|
|
4027
|
-
height:
|
|
4028
|
-
viewBox: `0 0 ${s} ${
|
|
4046
|
+
height: xa,
|
|
4047
|
+
viewBox: `0 0 ${s} ${xa}`,
|
|
4029
4048
|
class: "h-full",
|
|
4030
4049
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4031
4050
|
}, [u("path", {
|
|
@@ -4034,7 +4053,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4034
4053
|
stroke: "currentColor",
|
|
4035
4054
|
"stroke-width": "3",
|
|
4036
4055
|
"stroke-linecap": "round"
|
|
4037
|
-
}, null, 8,
|
|
4056
|
+
}, null, 8, _a)], 8, ga))], 6)])) : (C(), l(n, { key: 0 }, [
|
|
4038
4057
|
u("div", {
|
|
4039
4058
|
class: "absolute inset-0 overflow-hidden",
|
|
4040
4059
|
style: y({
|
|
@@ -4046,8 +4065,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4046
4065
|
style: y({ width: `${s}px` })
|
|
4047
4066
|
}, [(C(), l("svg", {
|
|
4048
4067
|
width: s,
|
|
4049
|
-
height:
|
|
4050
|
-
viewBox: `0 0 ${s} ${
|
|
4068
|
+
height: xa,
|
|
4069
|
+
viewBox: `0 0 ${s} ${xa}`,
|
|
4051
4070
|
class: "h-full",
|
|
4052
4071
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4053
4072
|
}, [u("path", {
|
|
@@ -4056,7 +4075,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4056
4075
|
stroke: "currentColor",
|
|
4057
4076
|
"stroke-width": "3",
|
|
4058
4077
|
"stroke-linecap": "round"
|
|
4059
|
-
}, null, 8,
|
|
4078
|
+
}, null, 8, ma)], 8, pa))], 6)], 4),
|
|
4060
4079
|
u("div", {
|
|
4061
4080
|
class: v(["absolute inset-y-0 right-0 flex items-center", a[e.color].track]),
|
|
4062
4081
|
style: y([{
|
|
@@ -4079,16 +4098,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4079
4098
|
height: "4px"
|
|
4080
4099
|
}
|
|
4081
4100
|
}, null, 2)
|
|
4082
|
-
], 64))], 8,
|
|
4101
|
+
], 64))], 8, fa))]));
|
|
4083
4102
|
}
|
|
4084
|
-
}),
|
|
4103
|
+
}), Ta = ["for"], Ea = { class: "relative flex h-5 w-5 shrink-0" }, Da = [
|
|
4085
4104
|
"id",
|
|
4086
4105
|
"checked",
|
|
4087
4106
|
"disabled"
|
|
4088
|
-
],
|
|
4107
|
+
], Oa = {
|
|
4089
4108
|
key: 0,
|
|
4090
4109
|
class: "text-body-large text-on-surface"
|
|
4091
|
-
},
|
|
4110
|
+
}, ka = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
4092
4111
|
__name: "MRadio",
|
|
4093
4112
|
props: {
|
|
4094
4113
|
modelValue: {},
|
|
@@ -4111,14 +4130,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4111
4130
|
return (t, n) => (C(), l("label", {
|
|
4112
4131
|
for: j(i),
|
|
4113
4132
|
class: v(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
|
|
4114
|
-
}, [u("span",
|
|
4133
|
+
}, [u("span", Ea, [u("input", {
|
|
4115
4134
|
id: j(i),
|
|
4116
4135
|
type: "radio",
|
|
4117
4136
|
class: "sr-only",
|
|
4118
4137
|
checked: a.value,
|
|
4119
4138
|
disabled: e.disabled,
|
|
4120
4139
|
onChange: n[0] ||= (t) => r("update:modelValue", e.value)
|
|
4121
|
-
}, null, 40,
|
|
4140
|
+
}, null, 40, Da), (C(), l("svg", {
|
|
4122
4141
|
viewBox: "0 0 20 20",
|
|
4123
4142
|
class: v(["h-full w-full transition-colors duration-150", a.value ? s[e.color] : "text-on-surface-variant"]),
|
|
4124
4143
|
"aria-hidden": "true"
|
|
@@ -4135,12 +4154,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4135
4154
|
cy: "10",
|
|
4136
4155
|
r: "4.5",
|
|
4137
4156
|
fill: "currentColor"
|
|
4138
|
-
}, null, 2)], 2))]), e.label ? (C(), l("span",
|
|
4157
|
+
}, null, 2)], 2))]), e.label ? (C(), l("span", Oa, A(e.label), 1)) : c("", !0)], 10, Ta));
|
|
4139
4158
|
}
|
|
4140
|
-
}), [["__scopeId", "data-v-cdb650b5"]]),
|
|
4159
|
+
}), [["__scopeId", "data-v-cdb650b5"]]), Aa = { class: "flex flex-col gap-2" }, ja = {
|
|
4141
4160
|
key: 0,
|
|
4142
4161
|
class: "text-label-large text-on-surface-variant"
|
|
4143
|
-
},
|
|
4162
|
+
}, Ma = /* @__PURE__ */ m({
|
|
4144
4163
|
__name: "MRadioGroup",
|
|
4145
4164
|
props: {
|
|
4146
4165
|
modelValue: {},
|
|
@@ -4156,7 +4175,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4156
4175
|
emits: ["update:modelValue"],
|
|
4157
4176
|
setup(e, { emit: t }) {
|
|
4158
4177
|
let r = t;
|
|
4159
|
-
return (t, i) => (C(), l("div",
|
|
4178
|
+
return (t, i) => (C(), l("div", Aa, [e.label ? (C(), l("span", ja, A(e.label), 1)) : c("", !0), u("div", { class: v(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(C(!0), l(n, null, E(e.options, (t) => (C(), s(ka, {
|
|
4160
4179
|
key: String(t.value),
|
|
4161
4180
|
"model-value": e.modelValue,
|
|
4162
4181
|
value: t.value,
|
|
@@ -4172,11 +4191,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4172
4191
|
"disabled"
|
|
4173
4192
|
]))), 128))], 2)]));
|
|
4174
4193
|
}
|
|
4175
|
-
}),
|
|
4194
|
+
}), Na = [
|
|
4176
4195
|
"disabled",
|
|
4177
4196
|
"onClick",
|
|
4178
4197
|
"onMousemove"
|
|
4179
|
-
],
|
|
4198
|
+
], Pa = /* @__PURE__ */ m({
|
|
4180
4199
|
__name: "MRating",
|
|
4181
4200
|
props: {
|
|
4182
4201
|
modelValue: {},
|
|
@@ -4253,21 +4272,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4253
4272
|
name: t.icon,
|
|
4254
4273
|
size: t.size,
|
|
4255
4274
|
class: "text-on-surface-variant/40"
|
|
4256
|
-
}, null, 8, ["name", "size"]))], 46,
|
|
4275
|
+
}, null, 8, ["name", "size"]))], 46, Na))), 128))], 34));
|
|
4257
4276
|
}
|
|
4258
|
-
}),
|
|
4277
|
+
}), Fa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Ia = {
|
|
4259
4278
|
key: 0,
|
|
4260
4279
|
class: "text-display-small font-medium text-on-surface-variant/30"
|
|
4261
|
-
},
|
|
4280
|
+
}, La = { class: "text-headline-small font-medium text-on-surface" }, Ra = {
|
|
4262
4281
|
key: 1,
|
|
4263
4282
|
class: "max-w-md text-body-large text-on-surface-variant"
|
|
4264
|
-
},
|
|
4283
|
+
}, za = {
|
|
4265
4284
|
key: 2,
|
|
4266
4285
|
class: "mt-2 flex flex-wrap items-center justify-center gap-3"
|
|
4267
|
-
},
|
|
4286
|
+
}, Ba = {
|
|
4268
4287
|
key: 3,
|
|
4269
4288
|
class: "mt-2"
|
|
4270
|
-
},
|
|
4289
|
+
}, Va = /* @__PURE__ */ m({
|
|
4271
4290
|
__name: "MResult",
|
|
4272
4291
|
props: {
|
|
4273
4292
|
status: {},
|
|
@@ -4335,19 +4354,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4335
4354
|
};
|
|
4336
4355
|
}
|
|
4337
4356
|
}), i = o(() => n.status === "404" || n.status === "403" || n.status === "500" ? n.status : null);
|
|
4338
|
-
return (n, a) => (C(), l("div",
|
|
4339
|
-
i.value ? (C(), l("span",
|
|
4357
|
+
return (n, a) => (C(), l("div", Fa, [
|
|
4358
|
+
i.value ? (C(), l("span", Ia, A(i.value), 1)) : c("", !0),
|
|
4340
4359
|
u("div", { class: v(["flex h-20 w-20 items-center justify-center rounded-full", [r.value.bg, r.value.text]]) }, [p(e, {
|
|
4341
4360
|
name: r.value.icon,
|
|
4342
4361
|
size: 40
|
|
4343
4362
|
}, null, 8, ["name"])], 2),
|
|
4344
|
-
u("h2",
|
|
4345
|
-
t.description ?? r.value.defaultDesc ? (C(), l("p",
|
|
4346
|
-
n.$slots.actions ? (C(), l("div",
|
|
4347
|
-
n.$slots.default ? (C(), l("div",
|
|
4363
|
+
u("h2", La, A(t.title ?? r.value.defaultTitle), 1),
|
|
4364
|
+
t.description ?? r.value.defaultDesc ? (C(), l("p", Ra, A(t.description ?? r.value.defaultDesc), 1)) : c("", !0),
|
|
4365
|
+
n.$slots.actions ? (C(), l("div", za, [D(n.$slots, "actions")])) : c("", !0),
|
|
4366
|
+
n.$slots.default ? (C(), l("div", Ba, [D(n.$slots, "default")])) : c("", !0)
|
|
4348
4367
|
]));
|
|
4349
4368
|
}
|
|
4350
|
-
}),
|
|
4369
|
+
}), Ha = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ua = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Wa = { class: "flex items-center gap-1" }, Ga = { class: "text-title-medium font-medium capitalize text-on-surface" }, Ka = { class: "flex rounded-full bg-surface-container-high p-0.5" }, qa = ["onClick"], Ja = { class: "overflow-auto" }, Ya = { class: "w-full border-collapse" }, Xa = { class: "text-label-small uppercase text-on-surface-variant" }, Za = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Qa = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, $a = ["onClick"], eo = ["onClick"], to = { class: "truncate text-label-small font-medium" }, no = { class: "truncate text-label-small opacity-70" }, ro = /* @__PURE__ */ m({
|
|
4351
4370
|
__name: "MScheduler",
|
|
4352
4371
|
props: {
|
|
4353
4372
|
events: { default: () => [] },
|
|
@@ -4423,8 +4442,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4423
4442
|
error: "bg-error-container text-on-error-container border-error/30",
|
|
4424
4443
|
success: "bg-success-container text-on-success-container border-success/30"
|
|
4425
4444
|
};
|
|
4426
|
-
return (e, t) => (C(), l("div",
|
|
4427
|
-
u("div",
|
|
4445
|
+
return (e, t) => (C(), l("div", Ha, [u("div", Ua, [
|
|
4446
|
+
u("div", Wa, [
|
|
4428
4447
|
p(Z, {
|
|
4429
4448
|
icon: "chevron_left",
|
|
4430
4449
|
label: "Anterior",
|
|
@@ -4443,17 +4462,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4443
4462
|
onClick: D
|
|
4444
4463
|
}, " Hoy ")
|
|
4445
4464
|
]),
|
|
4446
|
-
u("h3",
|
|
4447
|
-
u("div",
|
|
4465
|
+
u("h3", Ga, A(S.value), 1),
|
|
4466
|
+
u("div", Ka, [(C(), l(n, null, E(["day", "week"], (e) => u("button", {
|
|
4448
4467
|
key: e,
|
|
4449
4468
|
type: "button",
|
|
4450
4469
|
class: v(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", s.value === e ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
|
|
4451
4470
|
onClick: (t) => s.value = e
|
|
4452
|
-
}, A(e === "day" ? "Día" : "Semana"), 11,
|
|
4453
|
-
]), u("div",
|
|
4471
|
+
}, A(e === "day" ? "Día" : "Semana"), 11, qa)), 64))])
|
|
4472
|
+
]), u("div", Ja, [u("table", Ya, [u("thead", null, [u("tr", null, [t[2] ||= u("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (C(!0), l(n, null, E(h.value, (e) => (C(), l("th", {
|
|
4454
4473
|
key: _(e),
|
|
4455
4474
|
class: v(["sticky top-0 z-10 border-b border-r border-outline-variant bg-surface-container px-2 py-2 text-center last:border-r-0", _(e) === j(g) ? "bg-primary-container/30" : ""])
|
|
4456
|
-
}, [u("div",
|
|
4475
|
+
}, [u("div", Xa, A(j(b).format(e)), 1), u("div", { class: v(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", _(e) === j(g) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, A(j(x).format(e)), 3)], 2))), 128))])]), u("tbody", null, [(C(!0), l(n, null, E(d.value, (e) => (C(), l("tr", { key: e }, [u("td", Za, [u("span", Qa, A(String(e).padStart(2, "0")) + ":00 ", 1)]), (C(!0), l(n, null, E(h.value, (t) => (C(), l("td", {
|
|
4457
4476
|
key: _(t),
|
|
4458
4477
|
class: v(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", _(t) === j(g) ? "bg-primary-container/[0.05]" : ""]),
|
|
4459
4478
|
onClick: (n) => i("slotClick", {
|
|
@@ -4466,16 +4485,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4466
4485
|
class: v(["absolute inset-x-0.5 top-0.5 z-[5] cursor-pointer overflow-hidden rounded border-l-[3px] px-2 py-1 text-left transition-opacity hover:opacity-90", P[t.color ?? "primary"]]),
|
|
4467
4486
|
style: y({ height: `calc(${M(t) * 100}% - 4px)` }),
|
|
4468
4487
|
onClick: B((e) => i("eventClick", t), ["stop"])
|
|
4469
|
-
}, [u("p",
|
|
4488
|
+
}, [u("p", to, A(t.title), 1), u("p", no, A(N(t)), 1)], 14, eo)) : c("", !0)], 64))), 128))], 10, $a))), 128))]))), 128))])])])]));
|
|
4470
4489
|
}
|
|
4471
|
-
}),
|
|
4490
|
+
}), io = {
|
|
4472
4491
|
class: "inline-flex overflow-hidden rounded-full border border-outline",
|
|
4473
4492
|
role: "group"
|
|
4474
|
-
},
|
|
4493
|
+
}, ao = [
|
|
4475
4494
|
"disabled",
|
|
4476
4495
|
"aria-pressed",
|
|
4477
4496
|
"onClick"
|
|
4478
|
-
],
|
|
4497
|
+
], oo = /* @__PURE__ */ m({
|
|
4479
4498
|
__name: "MSegmentedButton",
|
|
4480
4499
|
props: {
|
|
4481
4500
|
modelValue: {},
|
|
@@ -4499,7 +4518,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4499
4518
|
r >= 0 ? n.splice(r, 1) : n.push(e.value), i("update:modelValue", n);
|
|
4500
4519
|
} else i("update:modelValue", e.value);
|
|
4501
4520
|
}
|
|
4502
|
-
return (r, i) => (C(), l("div",
|
|
4521
|
+
return (r, i) => (C(), l("div", io, [(C(!0), l(n, null, E(t.options, (n, r) => (C(), l("button", {
|
|
4503
4522
|
key: n.value,
|
|
4504
4523
|
type: "button",
|
|
4505
4524
|
class: v(["relative inline-flex items-center justify-center gap-2 text-label-large font-medium transition-[background-color,color] duration-150 outline-none before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", [
|
|
@@ -4520,35 +4539,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4520
4539
|
key: 1,
|
|
4521
4540
|
name: n.icon,
|
|
4522
4541
|
size: 18
|
|
4523
|
-
}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10,
|
|
4542
|
+
}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, ao))), 128))]));
|
|
4524
4543
|
}
|
|
4525
|
-
}),
|
|
4544
|
+
}), so = { class: "flex flex-col gap-1" }, co = {
|
|
4526
4545
|
key: 0,
|
|
4527
4546
|
class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
|
|
4528
|
-
},
|
|
4547
|
+
}, lo = [
|
|
4529
4548
|
"id",
|
|
4530
4549
|
"tabindex",
|
|
4531
4550
|
"aria-expanded",
|
|
4532
4551
|
"aria-disabled"
|
|
4533
|
-
],
|
|
4552
|
+
], uo = {
|
|
4534
4553
|
key: 0,
|
|
4535
4554
|
class: "text-on-surface"
|
|
4536
|
-
},
|
|
4555
|
+
}, fo = ["for"], po = {
|
|
4537
4556
|
key: 0,
|
|
4538
4557
|
class: "text-error"
|
|
4539
|
-
},
|
|
4558
|
+
}, mo = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, ho = {
|
|
4540
4559
|
key: 0,
|
|
4541
4560
|
class: "px-4 text-body-small text-error"
|
|
4542
|
-
},
|
|
4561
|
+
}, go = {
|
|
4543
4562
|
key: 1,
|
|
4544
4563
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
4545
|
-
},
|
|
4564
|
+
}, _o = ["onClick"], vo = {
|
|
4546
4565
|
key: 1,
|
|
4547
4566
|
class: "w-[18px] shrink-0"
|
|
4548
|
-
},
|
|
4567
|
+
}, yo = {
|
|
4549
4568
|
key: 0,
|
|
4550
4569
|
class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
|
|
4551
|
-
},
|
|
4570
|
+
}, bo = /* @__PURE__ */ m({
|
|
4552
4571
|
__name: "MSelect",
|
|
4553
4572
|
props: {
|
|
4554
4573
|
modelValue: { default: null },
|
|
@@ -4651,13 +4670,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4651
4670
|
g.value ? d.error ? "text-error" : "text-primary" : d.error ? "text-error" : "text-on-surface-variant"
|
|
4652
4671
|
].join(" ");
|
|
4653
4672
|
});
|
|
4654
|
-
return (a, o) => (C(), l(n, null, [u("div",
|
|
4673
|
+
return (a, o) => (C(), l(n, null, [u("div", so, [u("div", {
|
|
4655
4674
|
ref_key: "fieldEl",
|
|
4656
4675
|
ref: _,
|
|
4657
4676
|
class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
|
|
4658
4677
|
style: y(t.variant === "outlined" ? { "--field-bg": j(b) } : void 0)
|
|
4659
4678
|
}, [
|
|
4660
|
-
t.leadingIcon ? (C(), l("div",
|
|
4679
|
+
t.leadingIcon ? (C(), l("div", co, [p(e, {
|
|
4661
4680
|
name: t.leadingIcon,
|
|
4662
4681
|
size: 20
|
|
4663
4682
|
}, null, 8, ["name"])])) : c("", !0),
|
|
@@ -4670,17 +4689,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4670
4689
|
class: v([B.value, t.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
|
|
4671
4690
|
onClick: P,
|
|
4672
4691
|
onKeydown: z
|
|
4673
|
-
}, [O.value ? (C(), l("span",
|
|
4692
|
+
}, [O.value ? (C(), l("span", uo, A(k.value), 1)) : c("", !0)], 42, lo),
|
|
4674
4693
|
u("label", {
|
|
4675
4694
|
for: j(h),
|
|
4676
4695
|
class: v(H.value)
|
|
4677
|
-
}, [f(A(t.label), 1), t.required ? (C(), l("span",
|
|
4678
|
-
u("div",
|
|
4696
|
+
}, [f(A(t.label), 1), t.required ? (C(), l("span", po, "\xA0*")) : c("", !0)], 10, fo),
|
|
4697
|
+
u("div", mo, [p(e, {
|
|
4679
4698
|
name: g.value ? "arrow_drop_up" : "arrow_drop_down",
|
|
4680
4699
|
size: 24,
|
|
4681
4700
|
class: "text-on-surface-variant transition-transform duration-200"
|
|
4682
4701
|
}, null, 8, ["name"])])
|
|
4683
|
-
], 6), t.error ? (C(), l("p",
|
|
4702
|
+
], 6), t.error ? (C(), l("p", ho, A(t.error), 1)) : t.hint ? (C(), l("p", go, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
|
|
4684
4703
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
4685
4704
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
4686
4705
|
"enter-to-class": "opacity-100 translate-y-0 scale-100",
|
|
@@ -4703,20 +4722,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4703
4722
|
name: "check",
|
|
4704
4723
|
size: 18,
|
|
4705
4724
|
class: "shrink-0 text-primary"
|
|
4706
|
-
})) : (C(), l("span",
|
|
4725
|
+
})) : (C(), l("span", vo)), f(" " + A(n.label), 1)], 10, _o))), 128)), t.options.length ? c("", !0) : (C(), l("p", yo, " Sin opciones "))], 4)) : c("", !0)]),
|
|
4707
4726
|
_: 1
|
|
4708
4727
|
})]))], 64));
|
|
4709
4728
|
}
|
|
4710
|
-
}),
|
|
4729
|
+
}), xo = {
|
|
4711
4730
|
key: 0,
|
|
4712
4731
|
class: "fixed inset-0 z-[200] flex justify-end"
|
|
4713
|
-
},
|
|
4732
|
+
}, So = {
|
|
4714
4733
|
key: 0,
|
|
4715
4734
|
class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
|
|
4716
|
-
},
|
|
4735
|
+
}, Co = { class: "text-title-large text-on-surface" }, wo = { class: "flex-1 overflow-y-auto px-6 py-4" }, To = {
|
|
4717
4736
|
key: 1,
|
|
4718
4737
|
class: "shrink-0 border-t border-outline-variant px-6 py-4"
|
|
4719
|
-
},
|
|
4738
|
+
}, Eo = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
4720
4739
|
__name: "MSideSheet",
|
|
4721
4740
|
props: {
|
|
4722
4741
|
modelValue: { type: Boolean },
|
|
@@ -4746,7 +4765,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4746
4765
|
leave: 280
|
|
4747
4766
|
}
|
|
4748
4767
|
}, {
|
|
4749
|
-
default: L(() => [t.modelValue ? (C(), l("div",
|
|
4768
|
+
default: L(() => [t.modelValue ? (C(), l("div", xo, [u("div", {
|
|
4750
4769
|
class: "ss-scrim absolute inset-0 bg-black/40",
|
|
4751
4770
|
onClick: d
|
|
4752
4771
|
}), u("aside", {
|
|
@@ -4759,7 +4778,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4759
4778
|
onPointermove: _,
|
|
4760
4779
|
onPointerup: b
|
|
4761
4780
|
}, null, 32),
|
|
4762
|
-
t.title || n.$slots.header ? (C(), l("div",
|
|
4781
|
+
t.title || n.$slots.header ? (C(), l("div", So, [D(n.$slots, "header", {}, () => [u("h2", Co, A(t.title), 1)], !0), u("button", {
|
|
4763
4782
|
type: "button",
|
|
4764
4783
|
class: "flex h-9 w-9 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
|
|
4765
4784
|
onClick: d
|
|
@@ -4767,16 +4786,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4767
4786
|
name: "close",
|
|
4768
4787
|
size: 20
|
|
4769
4788
|
})])])) : c("", !0),
|
|
4770
|
-
u("div",
|
|
4771
|
-
n.$slots.actions ? (C(), l("div",
|
|
4789
|
+
u("div", wo, [D(n.$slots, "default", {}, void 0, !0)]),
|
|
4790
|
+
n.$slots.actions ? (C(), l("div", To, [D(n.$slots, "actions", {}, void 0, !0)])) : c("", !0)
|
|
4772
4791
|
], 6)])) : c("", !0)]),
|
|
4773
4792
|
_: 3
|
|
4774
4793
|
})]));
|
|
4775
4794
|
}
|
|
4776
|
-
}), [["__scopeId", "data-v-f8751672"]]),
|
|
4795
|
+
}), [["__scopeId", "data-v-f8751672"]]), Do = {
|
|
4777
4796
|
key: 0,
|
|
4778
4797
|
class: "flex flex-col gap-2.5"
|
|
4779
|
-
},
|
|
4798
|
+
}, Oo = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
4780
4799
|
__name: "MSkeleton",
|
|
4781
4800
|
props: {
|
|
4782
4801
|
variant: { default: "text" },
|
|
@@ -4786,7 +4805,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4786
4805
|
animation: { default: "pulse" }
|
|
4787
4806
|
},
|
|
4788
4807
|
setup(e) {
|
|
4789
|
-
return (t, r) => e.variant === "text" && e.lines > 1 ? (C(), l("div",
|
|
4808
|
+
return (t, r) => e.variant === "text" && e.lines > 1 ? (C(), l("div", Do, [(C(!0), l(n, null, E(e.lines, (t) => (C(), l("div", {
|
|
4790
4809
|
key: t,
|
|
4791
4810
|
class: v(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
|
|
4792
4811
|
style: y({ width: t === e.lines ? "60%" : e.width ?? "100%" })
|
|
@@ -4799,21 +4818,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4799
4818
|
})
|
|
4800
4819
|
}, null, 6));
|
|
4801
4820
|
}
|
|
4802
|
-
}), [["__scopeId", "data-v-32ecf05b"]]),
|
|
4821
|
+
}), [["__scopeId", "data-v-32ecf05b"]]), ko = { class: "flex flex-col gap-1 select-none" }, Ao = {
|
|
4803
4822
|
key: 0,
|
|
4804
4823
|
class: "flex items-center justify-between"
|
|
4805
|
-
},
|
|
4824
|
+
}, jo = {
|
|
4806
4825
|
key: 0,
|
|
4807
4826
|
class: "text-label-large text-on-surface"
|
|
4808
|
-
},
|
|
4827
|
+
}, Mo = {
|
|
4809
4828
|
key: 1,
|
|
4810
4829
|
class: "tabular-nums text-label-large text-on-surface-variant"
|
|
4811
|
-
},
|
|
4830
|
+
}, No = [
|
|
4812
4831
|
"aria-valuenow",
|
|
4813
4832
|
"aria-valuemin",
|
|
4814
4833
|
"aria-valuemax",
|
|
4815
4834
|
"aria-disabled"
|
|
4816
|
-
],
|
|
4835
|
+
], Po = /* @__PURE__ */ m({
|
|
4817
4836
|
__name: "MSlider",
|
|
4818
4837
|
props: {
|
|
4819
4838
|
modelValue: {},
|
|
@@ -4895,7 +4914,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4895
4914
|
transform: `translateX(-50%) translateY(-50%) scale(${a.value ? 1.15 : 1})`,
|
|
4896
4915
|
transition: a.value ? "transform 80ms ease" : "left 75ms ease, transform 80ms ease"
|
|
4897
4916
|
}));
|
|
4898
|
-
return (t, n) => (C(), l("div",
|
|
4917
|
+
return (t, n) => (C(), l("div", ko, [e.label || e.showValue ? (C(), l("div", Ao, [e.label ? (C(), l("span", jo, A(e.label), 1)) : c("", !0), e.showValue ? (C(), l("span", Mo, A(e.modelValue), 1)) : c("", !0)])) : c("", !0), u("div", {
|
|
4899
4918
|
ref_key: "trackEl",
|
|
4900
4919
|
ref: i,
|
|
4901
4920
|
role: "slider",
|
|
@@ -4916,9 +4935,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4916
4935
|
}, null, 6)], 2), u("div", {
|
|
4917
4936
|
class: v(["pointer-events-none absolute h-5 w-5 rounded-full shadow-elevation-1", d[e.color].thumb]),
|
|
4918
4937
|
style: y(x.value)
|
|
4919
|
-
}, null, 6)], 42,
|
|
4938
|
+
}, null, 6)], 42, No)]));
|
|
4920
4939
|
}
|
|
4921
|
-
}),
|
|
4940
|
+
}), Fo = { class: "flex-1 text-body-medium leading-snug" }, Io = { class: "flex shrink-0 items-center gap-0.5" }, Lo = ["onClick"], Ro = ["onClick"], zo = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
4922
4941
|
__name: "MSnackbar",
|
|
4923
4942
|
setup(t) {
|
|
4924
4943
|
let { toasts: r, position: i, dismiss: s } = ce(), d = o(() => i.value.startsWith("top")), f = o(() => {
|
|
@@ -4975,15 +4994,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4975
4994
|
size: 20,
|
|
4976
4995
|
class: v(["shrink-0", h(t.variant).icon])
|
|
4977
4996
|
}, null, 8, ["name", "class"]),
|
|
4978
|
-
u("p",
|
|
4979
|
-
u("div",
|
|
4997
|
+
u("p", Fo, A(t.message), 1),
|
|
4998
|
+
u("div", Io, [t.action ? (C(), l("button", {
|
|
4980
4999
|
key: 0,
|
|
4981
5000
|
type: "button",
|
|
4982
5001
|
class: v(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", h(t.variant).action]),
|
|
4983
5002
|
onClick: () => {
|
|
4984
5003
|
t.action.onClick(), j(s)(t.id);
|
|
4985
5004
|
}
|
|
4986
|
-
}, A(t.action.label), 11,
|
|
5005
|
+
}, A(t.action.label), 11, Lo)) : c("", !0), u("button", {
|
|
4987
5006
|
type: "button",
|
|
4988
5007
|
class: v(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", h(t.variant).close]),
|
|
4989
5008
|
"aria-label": "Cerrar",
|
|
@@ -4991,7 +5010,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
4991
5010
|
}, [p(e, {
|
|
4992
5011
|
name: "close",
|
|
4993
5012
|
size: 18
|
|
4994
|
-
})], 10,
|
|
5013
|
+
})], 10, Ro)]),
|
|
4995
5014
|
t.duration > 0 ? (C(), l("div", {
|
|
4996
5015
|
key: 0,
|
|
4997
5016
|
class: v(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", h(t.variant).progress]),
|
|
@@ -5001,7 +5020,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5001
5020
|
_: 1
|
|
5002
5021
|
}, 8, ["name"])], 2));
|
|
5003
5022
|
}
|
|
5004
|
-
}), [["__scopeId", "data-v-e83a5c10"]]),
|
|
5023
|
+
}), [["__scopeId", "data-v-e83a5c10"]]), Bo = /* @__PURE__ */ m({
|
|
5005
5024
|
__name: "MSplitter",
|
|
5006
5025
|
props: {
|
|
5007
5026
|
direction: { default: "horizontal" },
|
|
@@ -5048,26 +5067,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5048
5067
|
}, [D(e.$slots, "second")], 4)
|
|
5049
5068
|
], 2));
|
|
5050
5069
|
}
|
|
5051
|
-
}),
|
|
5070
|
+
}), Vo = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Ho = { class: "flex items-center gap-3 px-5 py-1" }, Uo = ["placeholder"], Wo = {
|
|
5052
5071
|
key: 0,
|
|
5053
5072
|
class: "max-h-96 overflow-y-auto border-t border-outline-variant"
|
|
5054
|
-
},
|
|
5073
|
+
}, Go = {
|
|
5055
5074
|
key: 0,
|
|
5056
5075
|
class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
|
|
5057
|
-
},
|
|
5076
|
+
}, Ko = [
|
|
5058
5077
|
"data-spot-active",
|
|
5059
5078
|
"onClick",
|
|
5060
5079
|
"onPointerenter"
|
|
5061
|
-
],
|
|
5080
|
+
], qo = {
|
|
5062
5081
|
key: 0,
|
|
5063
5082
|
class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
|
|
5064
|
-
},
|
|
5083
|
+
}, Jo = { class: "min-w-0 flex-1" }, Yo = { class: "truncate text-body-medium text-on-surface" }, Xo = {
|
|
5065
5084
|
key: 0,
|
|
5066
5085
|
class: "truncate text-body-small text-on-surface-variant"
|
|
5067
|
-
},
|
|
5086
|
+
}, Zo = {
|
|
5068
5087
|
key: 1,
|
|
5069
5088
|
class: "flex flex-col items-center gap-2 py-10"
|
|
5070
|
-
},
|
|
5089
|
+
}, Qo = { class: "text-body-medium text-on-surface-variant" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ m({
|
|
5071
5090
|
__name: "MSpotlightSearch",
|
|
5072
5091
|
props: {
|
|
5073
5092
|
modelValue: { type: Boolean },
|
|
@@ -5128,8 +5147,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5128
5147
|
key: 0,
|
|
5129
5148
|
class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
|
|
5130
5149
|
onClick: B(O, ["self"])
|
|
5131
|
-
}, [u("div",
|
|
5132
|
-
u("div",
|
|
5150
|
+
}, [u("div", Vo, [
|
|
5151
|
+
u("div", Ho, [
|
|
5133
5152
|
p(e, {
|
|
5134
5153
|
name: "search",
|
|
5135
5154
|
size: 24,
|
|
@@ -5143,7 +5162,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5143
5162
|
placeholder: t.placeholder,
|
|
5144
5163
|
class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
|
|
5145
5164
|
onKeydown: M
|
|
5146
|
-
}, null, 40,
|
|
5165
|
+
}, null, 40, Uo), [[P, h.value]]),
|
|
5147
5166
|
t.loading ? (C(), s(Be, {
|
|
5148
5167
|
key: 0,
|
|
5149
5168
|
size: 20,
|
|
@@ -5158,7 +5177,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5158
5177
|
size: 18
|
|
5159
5178
|
})])) : c("", !0)
|
|
5160
5179
|
]),
|
|
5161
|
-
w.value ? (C(), l("div",
|
|
5180
|
+
w.value ? (C(), l("div", Wo, [t.results.length ? (C(!0), l(n, { key: 0 }, E(D.value, ([r, i]) => (C(), l(n, { key: r }, [r ? (C(), l("p", Go, A(r), 1)) : c("", !0), (C(!0), l(n, null, E(i, (n) => (C(), l("button", {
|
|
5162
5181
|
key: n.id,
|
|
5163
5182
|
type: "button",
|
|
5164
5183
|
"data-spot-active": t.results.indexOf(n) === g.value || void 0,
|
|
@@ -5166,22 +5185,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5166
5185
|
onClick: (e) => k(n),
|
|
5167
5186
|
onPointerenter: (e) => g.value = t.results.indexOf(n)
|
|
5168
5187
|
}, [
|
|
5169
|
-
n.icon ? (C(), l("div",
|
|
5188
|
+
n.icon ? (C(), l("div", qo, [p(e, {
|
|
5170
5189
|
name: n.icon,
|
|
5171
5190
|
size: 20,
|
|
5172
5191
|
class: "text-on-primary-container"
|
|
5173
5192
|
}, null, 8, ["name"])])) : c("", !0),
|
|
5174
|
-
u("div",
|
|
5193
|
+
u("div", Jo, [u("p", Yo, A(n.title), 1), n.description ? (C(), l("p", Xo, A(n.description), 1)) : c("", !0)]),
|
|
5175
5194
|
p(e, {
|
|
5176
5195
|
name: "arrow_forward",
|
|
5177
5196
|
size: 16,
|
|
5178
5197
|
class: "shrink-0 text-on-surface-variant/40"
|
|
5179
5198
|
})
|
|
5180
|
-
], 42,
|
|
5199
|
+
], 42, Ko))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", Zo, [p(e, {
|
|
5181
5200
|
name: "search_off",
|
|
5182
5201
|
size: 40,
|
|
5183
5202
|
class: "text-on-surface-variant/40"
|
|
5184
|
-
}), u("p",
|
|
5203
|
+
}), u("p", Qo, A(t.noResultsText), 1)]))])) : c("", !0),
|
|
5185
5204
|
o[2] ||= u("div", { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, [
|
|
5186
5205
|
u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓"), f(" navegar ")]),
|
|
5187
5206
|
u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵"), f(" abrir ")]),
|
|
@@ -5191,7 +5210,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5191
5210
|
_: 1
|
|
5192
5211
|
})]));
|
|
5193
5212
|
}
|
|
5194
|
-
}), [["__scopeId", "data-v-51b103ff"]]),
|
|
5213
|
+
}), [["__scopeId", "data-v-51b103ff"]]), es = /* @__PURE__ */ m({
|
|
5195
5214
|
__name: "MStack",
|
|
5196
5215
|
props: {
|
|
5197
5216
|
direction: { default: "column" },
|
|
@@ -5246,19 +5265,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5246
5265
|
role: "separator"
|
|
5247
5266
|
}, null, 2)) : c("", !0), (C(), s(k(e)))], 64))), 128)) : D(t.$slots, "default", { key: 1 })], 2));
|
|
5248
5267
|
}
|
|
5249
|
-
}),
|
|
5268
|
+
}), ts = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, ns = { class: "flex items-start justify-between gap-2" }, rs = { class: "flex min-w-0 flex-col gap-1" }, is = { class: "truncate text-label-large text-on-surface-variant" }, as = {
|
|
5250
5269
|
key: 0,
|
|
5251
5270
|
class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
|
|
5252
|
-
},
|
|
5271
|
+
}, os = {
|
|
5253
5272
|
key: 1,
|
|
5254
|
-
class: "text-headline-medium font-medium text-on-surface"
|
|
5255
|
-
},
|
|
5273
|
+
class: "truncate text-headline-medium font-medium text-on-surface"
|
|
5274
|
+
}, ss = {
|
|
5256
5275
|
key: 0,
|
|
5257
|
-
class: "flex items-center gap-2"
|
|
5258
|
-
},
|
|
5276
|
+
class: "flex flex-wrap items-center gap-x-2 gap-y-1"
|
|
5277
|
+
}, cs = {
|
|
5259
5278
|
key: 1,
|
|
5260
5279
|
class: "text-label-medium text-on-surface-variant"
|
|
5261
|
-
},
|
|
5280
|
+
}, ls = /* @__PURE__ */ m({
|
|
5262
5281
|
__name: "MStatCard",
|
|
5263
5282
|
props: {
|
|
5264
5283
|
title: {},
|
|
@@ -5277,13 +5296,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5277
5296
|
error: "bg-error-container text-on-error-container",
|
|
5278
5297
|
success: "bg-success-container text-on-success-container"
|
|
5279
5298
|
}, i = o(() => n.trend == null ? "" : n.trend > 0 ? "text-success" : n.trend < 0 ? "text-error" : "text-on-surface-variant"), a = o(() => n.trend == null ? "" : n.trend > 0 ? "trending_up" : n.trend < 0 ? "trending_down" : "trending_flat");
|
|
5280
|
-
return (n, o) => (C(), l("div",
|
|
5299
|
+
return (n, o) => (C(), l("div", ts, [u("div", ns, [u("div", rs, [u("span", is, A(t.title), 1), t.loading ? (C(), l("div", as)) : (C(), l("span", os, A(t.value), 1))]), t.icon ? (C(), l("div", {
|
|
5281
5300
|
key: 0,
|
|
5282
5301
|
class: v(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", r[t.color]])
|
|
5283
5302
|
}, [p(e, {
|
|
5284
5303
|
name: t.icon,
|
|
5285
5304
|
size: 24
|
|
5286
|
-
}, null, 8, ["name"])], 2)) : c("", !0)]), t.trend != null || t.trendLabel || n.$slots.footer ? (C(), l("div",
|
|
5305
|
+
}, null, 8, ["name"])], 2)) : c("", !0)]), t.trend != null || t.trendLabel || n.$slots.footer ? (C(), l("div", ss, [
|
|
5287
5306
|
t.trend == null ? c("", !0) : (C(), l("span", {
|
|
5288
5307
|
key: 0,
|
|
5289
5308
|
class: v(["inline-flex items-center gap-0.5 text-label-medium font-medium", i.value])
|
|
@@ -5291,35 +5310,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5291
5310
|
name: a.value,
|
|
5292
5311
|
size: 16
|
|
5293
5312
|
}, null, 8, ["name"]), f(" " + A(t.trend > 0 ? "+" : "") + A(t.trend) + "% ", 1)], 2)),
|
|
5294
|
-
t.trendLabel ? (C(), l("span",
|
|
5313
|
+
t.trendLabel ? (C(), l("span", cs, A(t.trendLabel), 1)) : c("", !0),
|
|
5295
5314
|
D(n.$slots, "footer")
|
|
5296
5315
|
])) : c("", !0)]));
|
|
5297
5316
|
}
|
|
5298
|
-
}),
|
|
5317
|
+
}), us = {
|
|
5299
5318
|
key: 0,
|
|
5300
5319
|
class: "flex w-full items-start"
|
|
5301
|
-
},
|
|
5320
|
+
}, ds = ["onClick"], fs = { key: 3 }, ps = { class: "flex flex-col items-center text-center" }, ms = {
|
|
5302
5321
|
key: 0,
|
|
5303
5322
|
class: "text-body-small text-on-surface-variant"
|
|
5304
|
-
},
|
|
5323
|
+
}, hs = {
|
|
5305
5324
|
key: 1,
|
|
5306
5325
|
class: "text-body-small text-on-surface-variant"
|
|
5307
|
-
},
|
|
5326
|
+
}, gs = {
|
|
5308
5327
|
key: 0,
|
|
5309
5328
|
class: "mt-[18px] flex flex-1 items-center px-2"
|
|
5310
|
-
},
|
|
5329
|
+
}, _s = {
|
|
5311
5330
|
key: 1,
|
|
5312
5331
|
class: "flex flex-col"
|
|
5313
|
-
},
|
|
5332
|
+
}, vs = { class: "flex flex-col items-center" }, ys = ["onClick"], bs = { key: 3 }, xs = ["onClick"], Ss = {
|
|
5314
5333
|
key: 0,
|
|
5315
5334
|
class: "mt-0.5 text-body-small text-on-surface-variant"
|
|
5316
|
-
},
|
|
5335
|
+
}, Cs = {
|
|
5317
5336
|
key: 1,
|
|
5318
5337
|
class: "text-body-small text-on-surface-variant"
|
|
5319
|
-
},
|
|
5338
|
+
}, ws = {
|
|
5320
5339
|
key: 2,
|
|
5321
5340
|
class: "mt-3"
|
|
5322
|
-
},
|
|
5341
|
+
}, Ts = /* @__PURE__ */ m({
|
|
5323
5342
|
__name: "MStepper",
|
|
5324
5343
|
props: {
|
|
5325
5344
|
steps: {},
|
|
@@ -5340,7 +5359,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5340
5359
|
function p(e) {
|
|
5341
5360
|
f.value && a("update:modelValue", e);
|
|
5342
5361
|
}
|
|
5343
|
-
return (r, i) => t.direction === "horizontal" ? (C(), l("div",
|
|
5362
|
+
return (r, i) => t.direction === "horizontal" ? (C(), l("div", us, [(C(!0), l(n, null, E(t.steps, (r, i) => (C(), l(n, { key: i }, [u("div", {
|
|
5344
5363
|
class: v(["flex flex-col items-center gap-2", f.value && d(i) !== "active" ? "cursor-pointer" : ""]),
|
|
5345
5364
|
onClick: (e) => p(i)
|
|
5346
5365
|
}, [u("div", { class: v(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
|
|
@@ -5359,18 +5378,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5359
5378
|
key: 2,
|
|
5360
5379
|
name: r.icon,
|
|
5361
5380
|
size: 20
|
|
5362
|
-
}, null, 8, ["name"])) : (C(), l("span",
|
|
5381
|
+
}, null, 8, ["name"])) : (C(), l("span", fs, A(i + 1), 1))], 2), u("div", ps, [
|
|
5363
5382
|
u("span", { class: v(["text-label-large", {
|
|
5364
5383
|
"font-medium text-on-surface": d(i) === "active" || d(i) === "completed",
|
|
5365
5384
|
"text-error": d(i) === "error",
|
|
5366
5385
|
"text-on-surface-variant": d(i) === "inactive"
|
|
5367
5386
|
}]) }, A(r.label), 3),
|
|
5368
|
-
r.description ? (C(), l("span",
|
|
5369
|
-
r.optional ? (C(), l("span",
|
|
5370
|
-
])], 10,
|
|
5387
|
+
r.description ? (C(), l("span", ms, A(r.description), 1)) : c("", !0),
|
|
5388
|
+
r.optional ? (C(), l("span", hs, " Opcional ")) : c("", !0)
|
|
5389
|
+
])], 10, ds), i < t.steps.length - 1 ? (C(), l("div", gs, [u("div", { class: v(["h-[1px] w-full transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : c("", !0)], 64))), 128))])) : (C(), l("div", _s, [(C(!0), l(n, null, E(t.steps, (n, i) => (C(), l("div", {
|
|
5371
5390
|
key: i,
|
|
5372
5391
|
class: "flex gap-4"
|
|
5373
|
-
}, [u("div",
|
|
5392
|
+
}, [u("div", vs, [u("div", {
|
|
5374
5393
|
class: v(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", [{
|
|
5375
5394
|
"bg-primary text-on-primary": d(i) === "active" || d(i) === "completed",
|
|
5376
5395
|
"bg-error text-on-error": d(i) === "error",
|
|
@@ -5389,7 +5408,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5389
5408
|
key: 2,
|
|
5390
5409
|
name: n.icon,
|
|
5391
5410
|
size: 20
|
|
5392
|
-
}, null, 8, ["name"])) : (C(), l("span",
|
|
5411
|
+
}, null, 8, ["name"])) : (C(), l("span", bs, A(i + 1), 1))], 10, ys), i < t.steps.length - 1 ? (C(), l("div", {
|
|
5393
5412
|
key: 0,
|
|
5394
5413
|
class: v(["my-1 w-[1px] flex-1 transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]),
|
|
5395
5414
|
style: { "min-height": "24px" }
|
|
@@ -5402,15 +5421,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5402
5421
|
"text-error": d(i) === "error",
|
|
5403
5422
|
"text-on-surface-variant": d(i) === "inactive"
|
|
5404
5423
|
}]) }, A(n.label), 3),
|
|
5405
|
-
n.description ? (C(), l("p",
|
|
5406
|
-
n.optional ? (C(), l("p",
|
|
5407
|
-
d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div",
|
|
5408
|
-
], 10,
|
|
5424
|
+
n.description ? (C(), l("p", Ss, A(n.description), 1)) : c("", !0),
|
|
5425
|
+
n.optional ? (C(), l("p", Cs, " Opcional ")) : c("", !0),
|
|
5426
|
+
d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div", ws, [D(r.$slots, `step-${i}`)])) : c("", !0)
|
|
5427
|
+
], 10, xs)]))), 128))]));
|
|
5409
5428
|
}
|
|
5410
|
-
}),
|
|
5429
|
+
}), Es = ["checked", "disabled"], Ds = {
|
|
5411
5430
|
key: 0,
|
|
5412
5431
|
class: "text-body-large text-on-surface"
|
|
5413
|
-
},
|
|
5432
|
+
}, Os = /* @__PURE__ */ m({
|
|
5414
5433
|
__name: "MSwitch",
|
|
5415
5434
|
props: {
|
|
5416
5435
|
modelValue: { type: Boolean },
|
|
@@ -5432,7 +5451,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5432
5451
|
checked: t.modelValue,
|
|
5433
5452
|
disabled: t.disabled,
|
|
5434
5453
|
onChange: r[0] ||= (e) => a("update:modelValue", !t.modelValue)
|
|
5435
|
-
}, null, 40,
|
|
5454
|
+
}, null, 40, Es), u("span", {
|
|
5436
5455
|
class: v(["absolute left-1 top-1/2 flex h-6 w-6 items-center justify-center rounded-full will-change-transform", t.modelValue ? "bg-on-primary shadow-sm" : "bg-outline"]),
|
|
5437
5456
|
style: y(d.value)
|
|
5438
5457
|
}, [p(i, {
|
|
@@ -5450,33 +5469,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5450
5469
|
class: "text-primary"
|
|
5451
5470
|
})) : c("", !0)]),
|
|
5452
5471
|
_: 1
|
|
5453
|
-
})], 6)], 2), t.label ? (C(), l("span",
|
|
5472
|
+
})], 6)], 2), t.label ? (C(), l("span", Ds, A(t.label), 1)) : c("", !0)], 2));
|
|
5454
5473
|
}
|
|
5455
|
-
}),
|
|
5474
|
+
}), ks = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, As = {
|
|
5456
5475
|
key: 0,
|
|
5457
5476
|
class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
|
|
5458
|
-
},
|
|
5477
|
+
}, js = {
|
|
5459
5478
|
key: 0,
|
|
5460
5479
|
class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30 transition-[border-color,box-shadow] duration-150"
|
|
5461
|
-
},
|
|
5480
|
+
}, Ms = {
|
|
5462
5481
|
key: 0,
|
|
5463
5482
|
class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
|
|
5464
|
-
},
|
|
5483
|
+
}, Ns = { class: "overflow-x-auto" }, Ps = { class: "w-full border-collapse" }, Fs = { class: "bg-surface-container-high" }, Is = {
|
|
5465
5484
|
key: 0,
|
|
5466
5485
|
class: "w-12 px-4 py-3"
|
|
5467
|
-
},
|
|
5486
|
+
}, Ls = ["onClick"], Rs = { class: "inline-flex items-center gap-1" }, zs = {
|
|
5468
5487
|
key: 0,
|
|
5469
5488
|
class: "inline-flex"
|
|
5470
|
-
},
|
|
5489
|
+
}, Bs = {
|
|
5471
5490
|
key: 1,
|
|
5472
5491
|
class: "w-1 px-4 py-3"
|
|
5473
|
-
},
|
|
5492
|
+
}, Vs = {
|
|
5474
5493
|
key: 0,
|
|
5475
5494
|
class: "px-4 py-3.5"
|
|
5476
|
-
},
|
|
5495
|
+
}, Hs = {
|
|
5477
5496
|
key: 1,
|
|
5478
5497
|
class: "px-4 py-3.5"
|
|
5479
|
-
},
|
|
5498
|
+
}, Us = { key: 1 }, Ws = ["colspan"], Gs = { class: "text-body-medium text-on-surface-variant" }, Ks = ["onClick"], qs = ["onClick"], Js = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Ys = /* @__PURE__ */ m({
|
|
5480
5499
|
__name: "MTable",
|
|
5481
5500
|
props: {
|
|
5482
5501
|
columns: {},
|
|
@@ -5614,9 +5633,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5614
5633
|
return `${a[(e * 3 + t) % a.length]}%`;
|
|
5615
5634
|
}
|
|
5616
5635
|
let ee = N(), X = o(() => !!ee["row-actions"]);
|
|
5617
|
-
return (r, a) => (C(), l("div",
|
|
5618
|
-
t.searchable || r.$slots.toolbar ? (C(), l("div",
|
|
5619
|
-
t.searchable ? (C(), l("div",
|
|
5636
|
+
return (r, a) => (C(), l("div", ks, [
|
|
5637
|
+
t.searchable || r.$slots.toolbar ? (C(), l("div", As, [
|
|
5638
|
+
t.searchable ? (C(), l("div", js, [
|
|
5620
5639
|
p(e, {
|
|
5621
5640
|
name: "search",
|
|
5622
5641
|
size: 16,
|
|
@@ -5644,12 +5663,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5644
5663
|
"leave-active-class": "transition-[opacity,transform] duration-100",
|
|
5645
5664
|
"leave-to-class": "opacity-0 scale-90"
|
|
5646
5665
|
}, {
|
|
5647
|
-
default: L(() => [t.selectable && z.value.length > 0 ? (C(), l("span",
|
|
5666
|
+
default: L(() => [t.selectable && z.value.length > 0 ? (C(), l("span", Ms, A(z.value.length) + " seleccionado" + A(z.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
|
|
5648
5667
|
_: 1
|
|
5649
5668
|
})
|
|
5650
5669
|
])) : c("", !0),
|
|
5651
|
-
u("div",
|
|
5652
|
-
t.selectable ? (C(), l("th",
|
|
5670
|
+
u("div", Ns, [u("table", Ps, [u("thead", null, [u("tr", Fs, [
|
|
5671
|
+
t.selectable ? (C(), l("th", Is, [p(Q, {
|
|
5653
5672
|
"model-value": W.value,
|
|
5654
5673
|
indeterminate: G.value,
|
|
5655
5674
|
"onUpdate:modelValue": K
|
|
@@ -5663,7 +5682,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5663
5682
|
t.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
|
|
5664
5683
|
]),
|
|
5665
5684
|
onClick: (e) => t.sortable ? b(t.key) : void 0
|
|
5666
|
-
}, [u("span",
|
|
5685
|
+
}, [u("span", Rs, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", zs, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
|
|
5667
5686
|
key: 0,
|
|
5668
5687
|
name: "arrow_upward",
|
|
5669
5688
|
size: 14,
|
|
@@ -5678,13 +5697,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5678
5697
|
name: "unfold_more",
|
|
5679
5698
|
size: 14,
|
|
5680
5699
|
class: "opacity-30"
|
|
5681
|
-
}))])) : c("", !0)])], 14,
|
|
5682
|
-
X.value ? (C(), l("th",
|
|
5700
|
+
}))])) : c("", !0)])], 14, Ls))), 128)),
|
|
5701
|
+
X.value ? (C(), l("th", Bs)) : c("", !0)
|
|
5683
5702
|
])]), u("tbody", null, [t.loading ? (C(!0), l(n, { key: 0 }, E(t.perPage, (e) => (C(), l("tr", {
|
|
5684
5703
|
key: `sk-${e}`,
|
|
5685
5704
|
class: "border-t border-outline-variant"
|
|
5686
5705
|
}, [
|
|
5687
|
-
t.selectable ? (C(), l("td",
|
|
5706
|
+
t.selectable ? (C(), l("td", Vs, [...a[4] ||= [u("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : c("", !0),
|
|
5688
5707
|
(C(!0), l(n, null, E(t.columns, (t, n) => (C(), l("td", {
|
|
5689
5708
|
key: t.key,
|
|
5690
5709
|
class: "px-4 py-3.5"
|
|
@@ -5692,15 +5711,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5692
5711
|
class: "h-4 animate-pulse rounded-full bg-on-surface/10",
|
|
5693
5712
|
style: y({ width: Y(e, n) })
|
|
5694
5713
|
}, null, 4)]))), 128)),
|
|
5695
|
-
X.value ? (C(), l("td",
|
|
5696
|
-
]))), 128)) : j.value.length === 0 ? (C(), l("tr",
|
|
5714
|
+
X.value ? (C(), l("td", Hs, [...a[5] ||= [u("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : c("", !0)
|
|
5715
|
+
]))), 128)) : j.value.length === 0 ? (C(), l("tr", Us, [u("td", {
|
|
5697
5716
|
colspan: t.columns.length + q.value,
|
|
5698
5717
|
class: "border-t border-outline-variant px-4 py-14 text-center"
|
|
5699
5718
|
}, [D(r.$slots, "empty", {}, () => [p(e, {
|
|
5700
5719
|
name: "search_off",
|
|
5701
5720
|
size: 36,
|
|
5702
5721
|
class: "mb-2 text-on-surface-variant opacity-30"
|
|
5703
|
-
}), u("p",
|
|
5722
|
+
}), u("p", Gs, A(t.emptyText), 1)])], 8, Ws)])) : (C(!0), l(n, { key: 2 }, E(j.value, (e) => (C(), l("tr", {
|
|
5704
5723
|
key: V(e),
|
|
5705
5724
|
class: v([
|
|
5706
5725
|
"border-t border-outline-variant transition-colors duration-100",
|
|
@@ -5717,7 +5736,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5717
5736
|
}, [p(Q, {
|
|
5718
5737
|
"model-value": H(e),
|
|
5719
5738
|
"onUpdate:modelValue": (t) => U(e)
|
|
5720
|
-
}, null, 8, ["model-value", "onUpdate:modelValue"])], 8,
|
|
5739
|
+
}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, qs)) : c("", !0),
|
|
5721
5740
|
(C(!0), l(n, null, E(t.columns, (t) => (C(), l("td", {
|
|
5722
5741
|
key: t.key,
|
|
5723
5742
|
class: v(["px-4 py-3 text-body-medium text-on-surface", J(t.align)])
|
|
@@ -5731,8 +5750,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5731
5750
|
class: "px-4 py-3 text-right",
|
|
5732
5751
|
onClick: a[2] ||= B(() => {}, ["stop"])
|
|
5733
5752
|
}, [D(r.$slots, "row-actions", { row: e })])) : c("", !0)
|
|
5734
|
-
], 10,
|
|
5735
|
-
u("div",
|
|
5753
|
+
], 10, Ks))), 128))])])]),
|
|
5754
|
+
u("div", Js, [p(Zt, {
|
|
5736
5755
|
page: w.value,
|
|
5737
5756
|
"per-page": t.perPage,
|
|
5738
5757
|
total: k.value,
|
|
@@ -5744,16 +5763,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5744
5763
|
])])
|
|
5745
5764
|
]));
|
|
5746
5765
|
}
|
|
5747
|
-
}),
|
|
5766
|
+
}), Xs = {
|
|
5748
5767
|
key: 0,
|
|
5749
5768
|
class: "relative border-b border-outline-variant"
|
|
5750
|
-
},
|
|
5769
|
+
}, Zs = {
|
|
5751
5770
|
class: "flex overflow-x-auto",
|
|
5752
5771
|
style: { "scrollbar-width": "none" }
|
|
5753
|
-
},
|
|
5772
|
+
}, Qs = ["disabled", "onClick"], $s = {
|
|
5754
5773
|
key: 1,
|
|
5755
5774
|
class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
|
|
5756
|
-
},
|
|
5775
|
+
}, ec = ["disabled", "onClick"], tc = /* @__PURE__ */ m({
|
|
5757
5776
|
__name: "MTabs",
|
|
5758
5777
|
props: {
|
|
5759
5778
|
modelValue: {},
|
|
@@ -5773,7 +5792,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5773
5792
|
function h(e) {
|
|
5774
5793
|
e.disabled || a("update:modelValue", e.value);
|
|
5775
5794
|
}
|
|
5776
|
-
return (r, i) => t.variant === "primary" ? (C(), l("div",
|
|
5795
|
+
return (r, i) => t.variant === "primary" ? (C(), l("div", Xs, [u("div", Zs, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
|
|
5777
5796
|
key: n.value,
|
|
5778
5797
|
ref_for: !0,
|
|
5779
5798
|
ref: (e) => {
|
|
@@ -5787,13 +5806,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5787
5806
|
key: 0,
|
|
5788
5807
|
name: n.icon,
|
|
5789
5808
|
size: 20
|
|
5790
|
-
}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10,
|
|
5809
|
+
}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, Qs))), 128))]), u("div", {
|
|
5791
5810
|
class: "absolute bottom-0 h-[3px] rounded-t-sm bg-primary transition-[left,width] duration-200 ease-[cubic-bezier(0.2,0,0,1)]",
|
|
5792
5811
|
style: y({
|
|
5793
5812
|
left: `${d.value}px`,
|
|
5794
5813
|
width: `${p.value}px`
|
|
5795
5814
|
})
|
|
5796
|
-
}, null, 4)])) : (C(), l("div",
|
|
5815
|
+
}, null, 4)])) : (C(), l("div", $s, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
|
|
5797
5816
|
key: n.value,
|
|
5798
5817
|
type: "button",
|
|
5799
5818
|
class: v(["flex h-8 items-center gap-2 rounded-full px-4 text-label-large transition-all duration-150 focus-visible:outline-none", n.value === t.modelValue ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : n.disabled ? "cursor-not-allowed text-on-surface/38" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface"]),
|
|
@@ -5803,37 +5822,37 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5803
5822
|
key: 0,
|
|
5804
5823
|
name: n.icon,
|
|
5805
5824
|
size: 16
|
|
5806
|
-
}, null, 8, ["name"])) : c("", !0), f(" " + A(n.label), 1)], 10,
|
|
5825
|
+
}, null, 8, ["name"])) : c("", !0), f(" " + A(n.label), 1)], 10, ec))), 128))]));
|
|
5807
5826
|
}
|
|
5808
|
-
}),
|
|
5827
|
+
}), nc = { class: "flex flex-col gap-1" }, rc = {
|
|
5809
5828
|
key: 0,
|
|
5810
5829
|
class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
|
|
5811
|
-
},
|
|
5830
|
+
}, ic = [
|
|
5812
5831
|
"id",
|
|
5813
5832
|
"value",
|
|
5814
5833
|
"rows",
|
|
5815
5834
|
"disabled",
|
|
5816
5835
|
"required"
|
|
5817
|
-
],
|
|
5836
|
+
], ac = [
|
|
5818
5837
|
"id",
|
|
5819
5838
|
"type",
|
|
5820
5839
|
"value",
|
|
5821
5840
|
"disabled",
|
|
5822
5841
|
"required",
|
|
5823
5842
|
"autocomplete"
|
|
5824
|
-
],
|
|
5843
|
+
], oc = ["for"], sc = {
|
|
5825
5844
|
key: 0,
|
|
5826
5845
|
class: "text-error"
|
|
5827
|
-
},
|
|
5846
|
+
}, cc = {
|
|
5828
5847
|
key: 3,
|
|
5829
5848
|
class: "absolute top-1/2 right-2 -translate-y-1/2"
|
|
5830
|
-
},
|
|
5849
|
+
}, lc = {
|
|
5831
5850
|
key: 0,
|
|
5832
5851
|
class: "px-4 text-body-small text-error"
|
|
5833
|
-
},
|
|
5852
|
+
}, uc = {
|
|
5834
5853
|
key: 1,
|
|
5835
5854
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
5836
|
-
},
|
|
5855
|
+
}, dc = /* @__PURE__ */ m({
|
|
5837
5856
|
__name: "MTextField",
|
|
5838
5857
|
props: {
|
|
5839
5858
|
modelValue: {},
|
|
@@ -5894,13 +5913,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5894
5913
|
let t = e.target;
|
|
5895
5914
|
i("update:modelValue", t.value);
|
|
5896
5915
|
}
|
|
5897
|
-
return (n, r) => (C(), l("div",
|
|
5916
|
+
return (n, r) => (C(), l("div", nc, [u("div", {
|
|
5898
5917
|
ref_key: "fieldBgEl",
|
|
5899
5918
|
ref: d,
|
|
5900
5919
|
class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
|
|
5901
5920
|
style: y(t.variant === "outlined" ? { "--field-bg": j(m) } : void 0)
|
|
5902
5921
|
}, [
|
|
5903
|
-
t.leadingIcon ? (C(), l("div",
|
|
5922
|
+
t.leadingIcon ? (C(), l("div", rc, [p(e, {
|
|
5904
5923
|
name: t.leadingIcon,
|
|
5905
5924
|
size: 20
|
|
5906
5925
|
}, null, 8, ["name"])])) : c("", !0),
|
|
@@ -5914,7 +5933,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5914
5933
|
placeholder: " ",
|
|
5915
5934
|
class: v(h.value),
|
|
5916
5935
|
onInput: _
|
|
5917
|
-
}, null, 42,
|
|
5936
|
+
}, null, 42, ic)) : (C(), l("input", {
|
|
5918
5937
|
key: 2,
|
|
5919
5938
|
id: j(a),
|
|
5920
5939
|
type: t.type,
|
|
@@ -5925,33 +5944,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5925
5944
|
placeholder: " ",
|
|
5926
5945
|
class: v(h.value),
|
|
5927
5946
|
onInput: _
|
|
5928
|
-
}, null, 42,
|
|
5947
|
+
}, null, 42, ac)),
|
|
5929
5948
|
u("label", {
|
|
5930
5949
|
for: j(a),
|
|
5931
5950
|
class: v(g.value)
|
|
5932
|
-
}, [f(A(t.label), 1), t.required ? (C(), l("span",
|
|
5933
|
-
n.$slots.trailing ? (C(), l("div",
|
|
5934
|
-
], 6), t.error ? (C(), l("p",
|
|
5951
|
+
}, [f(A(t.label), 1), t.required ? (C(), l("span", sc, "\xA0*")) : c("", !0)], 10, oc),
|
|
5952
|
+
n.$slots.trailing ? (C(), l("div", cc, [D(n.$slots, "trailing")])) : c("", !0)
|
|
5953
|
+
], 6), t.error ? (C(), l("p", lc, A(t.error), 1)) : t.hint ? (C(), l("p", uc, A(t.hint), 1)) : c("", !0)]));
|
|
5935
5954
|
}
|
|
5936
|
-
}),
|
|
5955
|
+
}), fc = { class: "flex flex-col items-center" }, pc = { class: "flex items-baseline justify-between gap-2" }, mc = { class: "text-body-large font-medium text-on-surface" }, hc = {
|
|
5937
5956
|
key: 0,
|
|
5938
5957
|
class: "shrink-0 text-label-small text-on-surface-variant"
|
|
5939
|
-
},
|
|
5958
|
+
}, gc = {
|
|
5940
5959
|
key: 0,
|
|
5941
5960
|
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
5942
|
-
},
|
|
5961
|
+
}, _c = {
|
|
5943
5962
|
key: 1,
|
|
5944
5963
|
class: "mt-2"
|
|
5945
|
-
},
|
|
5964
|
+
}, vc = { class: "text-body-large font-medium text-on-surface" }, yc = {
|
|
5946
5965
|
key: 0,
|
|
5947
5966
|
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
5948
|
-
},
|
|
5967
|
+
}, bc = {
|
|
5949
5968
|
key: 1,
|
|
5950
5969
|
class: "mt-1 inline-block text-label-small text-on-surface-variant"
|
|
5951
|
-
},
|
|
5970
|
+
}, xc = { class: "flex w-14 shrink-0 flex-col items-center" }, Sc = {
|
|
5952
5971
|
key: 0,
|
|
5953
5972
|
class: "w-[2px] flex-1 bg-outline-variant"
|
|
5954
|
-
},
|
|
5973
|
+
}, Cc = /* @__PURE__ */ m({
|
|
5955
5974
|
__name: "MTimeline",
|
|
5956
5975
|
props: {
|
|
5957
5976
|
items: {},
|
|
@@ -5977,23 +5996,23 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
5977
5996
|
class: v(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
|
|
5978
5997
|
}, [
|
|
5979
5998
|
u("div", { class: v(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", t.dense ? "pb-4" : "pb-8"]]) }, [
|
|
5980
|
-
u("p",
|
|
5981
|
-
n.description ? (C(), l("p",
|
|
5982
|
-
n.date ? (C(), l("span",
|
|
5999
|
+
u("p", vc, A(n.title), 1),
|
|
6000
|
+
n.description ? (C(), l("p", yc, A(n.description), 1)) : c("", !0),
|
|
6001
|
+
n.date ? (C(), l("span", bc, A(n.date), 1)) : c("", !0)
|
|
5983
6002
|
], 2),
|
|
5984
|
-
u("div",
|
|
6003
|
+
u("div", xc, [u("div", {
|
|
5985
6004
|
class: v(["z-[1] flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", r[n.color ?? "primary"]]]),
|
|
5986
6005
|
style: y(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
|
|
5987
6006
|
}, [n.icon ? (C(), s(e, {
|
|
5988
6007
|
key: 0,
|
|
5989
6008
|
name: n.icon,
|
|
5990
6009
|
size: 18
|
|
5991
|
-
}, null, 8, ["name"])) : c("", !0)], 6), i < t.items.length - 1 ? (C(), l("div",
|
|
6010
|
+
}, null, 8, ["name"])) : c("", !0)], 6), i < t.items.length - 1 ? (C(), l("div", Sc)) : c("", !0)]),
|
|
5992
6011
|
a[0] ||= u("div", { class: "flex-1" }, null, -1)
|
|
5993
6012
|
], 2))), 128)) : (C(!0), l(n, { key: 0 }, E(t.items, (n, a) => (C(), l("div", {
|
|
5994
6013
|
key: a,
|
|
5995
6014
|
class: v(["relative flex gap-4", t.dense ? "pb-4" : "pb-8"])
|
|
5996
|
-
}, [u("div",
|
|
6015
|
+
}, [u("div", fc, [u("div", {
|
|
5997
6016
|
class: v(["z-[1] flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3 w-3", r[n.color ?? "primary"]]]),
|
|
5998
6017
|
style: y(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
|
|
5999
6018
|
}, [n.icon ? (C(), s(e, {
|
|
@@ -6005,30 +6024,30 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6005
6024
|
class: v(["w-[2px] flex-1", r[n.color ?? "primary"].split(" ")[0] + "/30"]),
|
|
6006
6025
|
style: { "min-height": "16px" }
|
|
6007
6026
|
}, null, 2)) : c("", !0)]), u("div", { class: v([n.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
|
|
6008
|
-
u("div",
|
|
6009
|
-
n.description ? (C(), l("p",
|
|
6010
|
-
i.$slots[`item-${a}`] ? (C(), l("div",
|
|
6027
|
+
u("div", pc, [u("p", mc, A(n.title), 1), n.date ? (C(), l("span", hc, A(n.date), 1)) : c("", !0)]),
|
|
6028
|
+
n.description ? (C(), l("p", gc, A(n.description), 1)) : c("", !0),
|
|
6029
|
+
i.$slots[`item-${a}`] ? (C(), l("div", _c, [D(i.$slots, `item-${a}`, { item: n })])) : c("", !0)
|
|
6011
6030
|
], 2)], 2))), 128))], 2));
|
|
6012
6031
|
}
|
|
6013
|
-
}),
|
|
6032
|
+
}), wc = { class: "flex flex-col gap-1" }, Tc = {
|
|
6014
6033
|
key: 0,
|
|
6015
6034
|
class: "flex-1 font-mono text-on-surface"
|
|
6016
|
-
},
|
|
6035
|
+
}, Ec = {
|
|
6017
6036
|
key: 1,
|
|
6018
6037
|
class: "flex-1 text-on-surface-variant"
|
|
6019
|
-
},
|
|
6038
|
+
}, Dc = {
|
|
6020
6039
|
key: 0,
|
|
6021
6040
|
class: "px-4 text-body-small text-error"
|
|
6022
|
-
},
|
|
6041
|
+
}, Oc = {
|
|
6023
6042
|
key: 1,
|
|
6024
6043
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
6025
|
-
},
|
|
6044
|
+
}, kc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Ac = { class: "p-3" }, jc = {
|
|
6026
6045
|
key: 0,
|
|
6027
6046
|
class: "grid grid-cols-6 gap-1"
|
|
6028
|
-
},
|
|
6047
|
+
}, Mc = ["onClick"], Nc = {
|
|
6029
6048
|
key: 1,
|
|
6030
6049
|
class: "grid grid-cols-6 gap-1"
|
|
6031
|
-
},
|
|
6050
|
+
}, Pc = ["onClick"], Fc = /* @__PURE__ */ m({
|
|
6032
6051
|
__name: "MTimePicker",
|
|
6033
6052
|
props: {
|
|
6034
6053
|
modelValue: {},
|
|
@@ -6105,7 +6124,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6105
6124
|
e ? (_.value = "hour", O.value = D.value.h, k.value = D.value.m, H(), setTimeout(() => document.addEventListener("mousedown", U), 0)) : document.removeEventListener("mousedown", U);
|
|
6106
6125
|
}), x(() => window.addEventListener("scroll", W, !0)), S(() => {
|
|
6107
6126
|
window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", U);
|
|
6108
|
-
}), (a, o) => (C(), l("div",
|
|
6127
|
+
}), (a, o) => (C(), l("div", wc, [
|
|
6109
6128
|
u("div", {
|
|
6110
6129
|
ref_key: "triggerEl",
|
|
6111
6130
|
ref: h,
|
|
@@ -6121,7 +6140,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6121
6140
|
size: 20,
|
|
6122
6141
|
class: "shrink-0 text-on-surface-variant"
|
|
6123
6142
|
}),
|
|
6124
|
-
V.value ? (C(), l("span",
|
|
6143
|
+
V.value ? (C(), l("span", Tc, A(V.value), 1)) : (C(), l("span", Ec, A(t.label || "Seleccionar hora"), 1)),
|
|
6125
6144
|
t.modelValue ? (C(), s(e, {
|
|
6126
6145
|
key: 2,
|
|
6127
6146
|
name: "close",
|
|
@@ -6133,7 +6152,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6133
6152
|
key: 0,
|
|
6134
6153
|
class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
|
|
6135
6154
|
}, A(t.label), 3)) : c("", !0)], 4),
|
|
6136
|
-
t.error ? (C(), l("p",
|
|
6155
|
+
t.error ? (C(), l("p", Dc, A(t.error), 1)) : t.hint ? (C(), l("p", Oc, A(t.hint), 1)) : c("", !0),
|
|
6137
6156
|
(C(), s(r, { to: "body" }, [p(i, {
|
|
6138
6157
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
6139
6158
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
@@ -6146,7 +6165,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6146
6165
|
ref: g,
|
|
6147
6166
|
class: "fixed z-[500] w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
|
|
6148
6167
|
style: y(b.value)
|
|
6149
|
-
}, [u("div",
|
|
6168
|
+
}, [u("div", kc, [
|
|
6150
6169
|
u("button", {
|
|
6151
6170
|
type: "button",
|
|
6152
6171
|
class: v(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", _.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
|
|
@@ -6158,22 +6177,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6158
6177
|
class: v(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", _.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
|
|
6159
6178
|
onClick: o[2] ||= (e) => _.value = "minute"
|
|
6160
6179
|
}, A(P(k.value)), 3)
|
|
6161
|
-
]), u("div",
|
|
6180
|
+
]), u("div", Ac, [_.value === "hour" ? (C(), l("div", jc, [(C(!0), l(n, null, E(j(M), (e) => (C(), l("button", {
|
|
6162
6181
|
key: e,
|
|
6163
6182
|
type: "button",
|
|
6164
6183
|
class: v(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === O.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
|
|
6165
6184
|
onClick: (t) => I(e)
|
|
6166
|
-
}, A(P(e)), 11,
|
|
6185
|
+
}, A(P(e)), 11, Mc))), 128))])) : (C(), l("div", Nc, [(C(!0), l(n, null, E(N.value, (e) => (C(), l("button", {
|
|
6167
6186
|
key: e,
|
|
6168
6187
|
type: "button",
|
|
6169
6188
|
class: v(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === k.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
|
|
6170
6189
|
onClick: (t) => R(e)
|
|
6171
|
-
}, A(P(e)), 11,
|
|
6190
|
+
}, A(P(e)), 11, Pc))), 128))]))])], 4)) : c("", !0)]),
|
|
6172
6191
|
_: 1
|
|
6173
6192
|
})]))
|
|
6174
6193
|
]));
|
|
6175
6194
|
}
|
|
6176
|
-
}),
|
|
6195
|
+
}), Ic = /* @__PURE__ */ m({
|
|
6177
6196
|
__name: "MTooltip",
|
|
6178
6197
|
props: {
|
|
6179
6198
|
text: {},
|
|
@@ -6242,13 +6261,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6242
6261
|
_: 1
|
|
6243
6262
|
})]))], 64));
|
|
6244
6263
|
}
|
|
6245
|
-
}),
|
|
6264
|
+
}), Lc = { class: "flex h-16 items-center gap-1 px-2" }, Rc = {
|
|
6246
6265
|
key: 2,
|
|
6247
6266
|
class: "flex-1"
|
|
6248
|
-
},
|
|
6267
|
+
}, zc = {
|
|
6249
6268
|
key: 3,
|
|
6250
6269
|
class: "flex items-center gap-1"
|
|
6251
|
-
},
|
|
6270
|
+
}, Bc = /* @__PURE__ */ m({
|
|
6252
6271
|
__name: "MTopAppBar",
|
|
6253
6272
|
props: {
|
|
6254
6273
|
title: {},
|
|
@@ -6258,7 +6277,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6258
6277
|
},
|
|
6259
6278
|
emits: ["navigation"],
|
|
6260
6279
|
setup(e) {
|
|
6261
|
-
return (t, n) => (C(), l("header", { class: v(["flex w-full flex-col bg-surface transition-shadow", e.elevated ? "shadow-elevation-2" : ""]) }, [u("div",
|
|
6280
|
+
return (t, n) => (C(), l("header", { class: v(["flex w-full flex-col bg-surface transition-shadow", e.elevated ? "shadow-elevation-2" : ""]) }, [u("div", Lc, [
|
|
6262
6281
|
e.navigationIcon ? (C(), s(Z, {
|
|
6263
6282
|
key: 0,
|
|
6264
6283
|
icon: e.navigationIcon,
|
|
@@ -6268,14 +6287,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6268
6287
|
e.variant === "center" || e.variant === "small" ? (C(), l("h1", {
|
|
6269
6288
|
key: 1,
|
|
6270
6289
|
class: v(["flex-1 truncate px-2 text-title-large text-on-surface", e.variant === "center" ? "text-center" : ""])
|
|
6271
|
-
}, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : (C(), l("div",
|
|
6272
|
-
t.$slots.actions ? (C(), l("div",
|
|
6290
|
+
}, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : (C(), l("div", Rc)),
|
|
6291
|
+
t.$slots.actions ? (C(), l("div", zc, [D(t.$slots, "actions")])) : c("", !0)
|
|
6273
6292
|
]), e.variant === "medium" || e.variant === "large" ? (C(), l("div", {
|
|
6274
6293
|
key: 0,
|
|
6275
6294
|
class: v(["px-4 pb-6", e.variant === "large" ? "pt-4" : "pt-1"])
|
|
6276
6295
|
}, [u("h1", { class: v(["text-on-surface", e.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)], 2)) : c("", !0)], 2));
|
|
6277
6296
|
}
|
|
6278
|
-
}),
|
|
6297
|
+
}), Vc = { class: "mb-2 flex items-center justify-between" }, Hc = { class: "text-label-small text-on-surface-variant" }, Uc = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Wc = { class: "mb-4 text-body-medium text-on-surface-variant" }, Gc = { class: "mb-4 flex justify-center gap-1.5" }, Kc = { class: "flex justify-between" }, qc = { key: 1 }, Jc = /* @__PURE__ */ m({
|
|
6279
6298
|
__name: "MTour",
|
|
6280
6299
|
props: {
|
|
6281
6300
|
modelValue: { type: Boolean },
|
|
@@ -6348,7 +6367,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6348
6367
|
class: "h-0 w-0",
|
|
6349
6368
|
style: y(x.value)
|
|
6350
6369
|
}, null, 4),
|
|
6351
|
-
u("div",
|
|
6370
|
+
u("div", Vc, [u("span", Hc, A(h.value + 1) + " / " + A(t.steps.length), 1), u("button", {
|
|
6352
6371
|
type: "button",
|
|
6353
6372
|
class: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
|
|
6354
6373
|
onClick: I
|
|
@@ -6356,13 +6375,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6356
6375
|
name: "close",
|
|
6357
6376
|
size: 16
|
|
6358
6377
|
})])]),
|
|
6359
|
-
u("h3",
|
|
6360
|
-
u("p",
|
|
6361
|
-
u("div",
|
|
6378
|
+
u("h3", Uc, A(w.value.title), 1),
|
|
6379
|
+
u("p", Wc, A(w.value.content), 1),
|
|
6380
|
+
u("div", Gc, [(C(!0), l(n, null, E(t.steps, (e, t) => (C(), l("div", {
|
|
6362
6381
|
key: t,
|
|
6363
6382
|
class: v(["h-1.5 rounded-full transition-all duration-200", t === h.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
|
|
6364
6383
|
}, null, 2))), 128))]),
|
|
6365
|
-
u("div",
|
|
6384
|
+
u("div", Kc, [D.value ? (C(), l("span", qc)) : (C(), s(He, {
|
|
6366
6385
|
key: 0,
|
|
6367
6386
|
variant: "text",
|
|
6368
6387
|
onClick: P
|
|
@@ -6377,25 +6396,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6377
6396
|
_: 1
|
|
6378
6397
|
})]));
|
|
6379
6398
|
}
|
|
6380
|
-
}),
|
|
6399
|
+
}), Yc = { class: "flex items-stretch gap-2" }, Xc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Zc = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Qc = { class: "text-label-large font-medium text-on-surface" }, $c = { class: "text-label-small text-on-surface-variant" }, el = {
|
|
6381
6400
|
key: 0,
|
|
6382
6401
|
class: "border-b border-outline-variant px-3 py-2"
|
|
6383
|
-
},
|
|
6402
|
+
}, tl = {
|
|
6384
6403
|
class: "flex-1 overflow-y-auto",
|
|
6385
6404
|
style: { "max-height": "240px" }
|
|
6386
|
-
},
|
|
6405
|
+
}, nl = ["onClick"], rl = { class: "flex-1 truncate text-body-medium text-on-surface" }, il = {
|
|
6387
6406
|
key: 0,
|
|
6388
6407
|
class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
|
|
6389
|
-
},
|
|
6408
|
+
}, al = { class: "flex flex-col items-center justify-center gap-1" }, ol = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, sl = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, cl = { class: "text-label-large font-medium text-on-surface" }, ll = { class: "text-label-small text-on-surface-variant" }, ul = {
|
|
6390
6409
|
key: 0,
|
|
6391
6410
|
class: "border-b border-outline-variant px-3 py-2"
|
|
6392
|
-
},
|
|
6411
|
+
}, dl = {
|
|
6393
6412
|
class: "flex-1 overflow-y-auto",
|
|
6394
6413
|
style: { "max-height": "240px" }
|
|
6395
|
-
},
|
|
6414
|
+
}, fl = ["onClick"], pl = { class: "flex-1 truncate text-body-medium text-on-surface" }, ml = {
|
|
6396
6415
|
key: 0,
|
|
6397
6416
|
class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
|
|
6398
|
-
},
|
|
6417
|
+
}, hl = /* @__PURE__ */ m({
|
|
6399
6418
|
__name: "MTransferList",
|
|
6400
6419
|
props: {
|
|
6401
6420
|
modelValue: {},
|
|
@@ -6447,16 +6466,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6447
6466
|
let e = _.value.map((e) => e.value);
|
|
6448
6467
|
a("update:modelValue", i.modelValue.filter((t) => !new Set(e).has(t))), f.value = /* @__PURE__ */ new Set();
|
|
6449
6468
|
}
|
|
6450
|
-
return (r, i) => (C(), l("div",
|
|
6451
|
-
u("div",
|
|
6452
|
-
u("div",
|
|
6453
|
-
t.filterable ? (C(), l("div",
|
|
6469
|
+
return (r, i) => (C(), l("div", Yc, [
|
|
6470
|
+
u("div", Xc, [
|
|
6471
|
+
u("div", Zc, [u("span", Qc, A(t.sourceTitle), 1), u("span", $c, A(g.value.length), 1)]),
|
|
6472
|
+
t.filterable ? (C(), l("div", el, [R(u("input", {
|
|
6454
6473
|
"onUpdate:modelValue": i[0] ||= (e) => m.value = e,
|
|
6455
6474
|
type: "text",
|
|
6456
6475
|
placeholder: "Buscar...",
|
|
6457
6476
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
|
|
6458
6477
|
}, null, 512), [[P, m.value]])])) : c("", !0),
|
|
6459
|
-
u("div",
|
|
6478
|
+
u("div", tl, [(C(!0), l(n, null, E(g.value, (t) => (C(), l("button", {
|
|
6460
6479
|
key: t.value,
|
|
6461
6480
|
type: "button",
|
|
6462
6481
|
class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
|
|
@@ -6472,10 +6491,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6472
6491
|
size: 18,
|
|
6473
6492
|
class: "shrink-0 text-on-surface-variant"
|
|
6474
6493
|
}, null, 8, ["name"])) : c("", !0),
|
|
6475
|
-
u("span",
|
|
6476
|
-
], 8,
|
|
6494
|
+
u("span", rl, A(t.label), 1)
|
|
6495
|
+
], 8, nl))), 128)), g.value.length ? c("", !0) : (C(), l("p", il, " Sin elementos "))])
|
|
6477
6496
|
]),
|
|
6478
|
-
u("div",
|
|
6497
|
+
u("div", al, [
|
|
6479
6498
|
p(Z, {
|
|
6480
6499
|
icon: "keyboard_double_arrow_right",
|
|
6481
6500
|
label: "Mover todos a la derecha",
|
|
@@ -6507,15 +6526,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6507
6526
|
onClick: w
|
|
6508
6527
|
}, null, 8, ["disabled"])
|
|
6509
6528
|
]),
|
|
6510
|
-
u("div",
|
|
6511
|
-
u("div",
|
|
6512
|
-
t.filterable ? (C(), l("div",
|
|
6529
|
+
u("div", ol, [
|
|
6530
|
+
u("div", sl, [u("span", cl, A(t.targetTitle), 1), u("span", ll, A(_.value.length), 1)]),
|
|
6531
|
+
t.filterable ? (C(), l("div", ul, [R(u("input", {
|
|
6513
6532
|
"onUpdate:modelValue": i[1] ||= (e) => h.value = e,
|
|
6514
6533
|
type: "text",
|
|
6515
6534
|
placeholder: "Buscar...",
|
|
6516
6535
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
|
|
6517
6536
|
}, null, 512), [[P, h.value]])])) : c("", !0),
|
|
6518
|
-
u("div",
|
|
6537
|
+
u("div", dl, [(C(!0), l(n, null, E(_.value, (t) => (C(), l("button", {
|
|
6519
6538
|
key: t.value,
|
|
6520
6539
|
type: "button",
|
|
6521
6540
|
class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
|
|
@@ -6531,18 +6550,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6531
6550
|
size: 18,
|
|
6532
6551
|
class: "shrink-0 text-on-surface-variant"
|
|
6533
6552
|
}, null, 8, ["name"])) : c("", !0),
|
|
6534
|
-
u("span",
|
|
6535
|
-
], 8,
|
|
6553
|
+
u("span", pl, A(t.label), 1)
|
|
6554
|
+
], 8, fl))), 128)), _.value.length ? c("", !0) : (C(), l("p", ml, " Sin elementos "))])
|
|
6536
6555
|
])
|
|
6537
6556
|
]));
|
|
6538
6557
|
}
|
|
6539
|
-
}),
|
|
6558
|
+
}), gl = ["aria-expanded", "aria-selected"], _l = { class: "flex w-6 shrink-0 items-center justify-center" }, vl = ["disabled"], yl = {
|
|
6540
6559
|
key: 2,
|
|
6541
6560
|
class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
|
|
6542
|
-
},
|
|
6561
|
+
}, bl = {
|
|
6543
6562
|
key: 0,
|
|
6544
6563
|
class: "ml-3 border-l border-outline-variant pl-2"
|
|
6545
|
-
},
|
|
6564
|
+
}, xl = /* @__PURE__ */ m({
|
|
6546
6565
|
__name: "_MTreeNode",
|
|
6547
6566
|
props: {
|
|
6548
6567
|
node: {},
|
|
@@ -6587,7 +6606,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6587
6606
|
]),
|
|
6588
6607
|
onClick: T
|
|
6589
6608
|
}, [
|
|
6590
|
-
u("div",
|
|
6609
|
+
u("div", _l, [m.value ? (C(), l("button", {
|
|
6591
6610
|
key: 0,
|
|
6592
6611
|
type: "button",
|
|
6593
6612
|
class: v(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", _.value ? "rotate-90" : ""]),
|
|
@@ -6596,7 +6615,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6596
6615
|
}, [p(e, {
|
|
6597
6616
|
name: "chevron_right",
|
|
6598
6617
|
size: 16
|
|
6599
|
-
})], 10,
|
|
6618
|
+
})], 10, vl)) : c("", !0)]),
|
|
6600
6619
|
j(a).checkable.value ? (C(), l("div", {
|
|
6601
6620
|
key: 0,
|
|
6602
6621
|
class: "shrink-0",
|
|
@@ -6618,7 +6637,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6618
6637
|
class: v(["shrink-0 transition-colors", y.value ? "text-primary" : "text-on-surface-variant"])
|
|
6619
6638
|
}, null, 8, ["name", "class"])) : c("", !0),
|
|
6620
6639
|
u("span", { class: v(["min-w-0 flex-1 truncate text-body-medium transition-colors", y.value ? "font-medium text-primary" : "text-on-surface"]) }, [D(r.$slots, "label", { node: t.node }, () => [f(A(t.node.label), 1)])], 2),
|
|
6621
|
-
m.value && j(a).checkable.value ? (C(), l("span",
|
|
6640
|
+
m.value && j(a).checkable.value ? (C(), l("span", yl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
|
|
6622
6641
|
D(r.$slots, "trailing", { node: t.node })
|
|
6623
6642
|
], 2), p(i, {
|
|
6624
6643
|
onEnter: M,
|
|
@@ -6626,7 +6645,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6626
6645
|
onLeave: P,
|
|
6627
6646
|
onAfterLeave: F
|
|
6628
6647
|
}, {
|
|
6629
|
-
default: L(() => [_.value && m.value ? (C(), l("div",
|
|
6648
|
+
default: L(() => [_.value && m.value ? (C(), l("div", bl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(xl, {
|
|
6630
6649
|
key: e.id,
|
|
6631
6650
|
node: e,
|
|
6632
6651
|
depth: t.depth + 1
|
|
@@ -6635,15 +6654,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6635
6654
|
fn: L((e) => [D(r.$slots, t, g({ ref_for: !0 }, e ?? {}))])
|
|
6636
6655
|
}))]), 1032, ["node", "depth"]))), 128))])) : c("", !0)]),
|
|
6637
6656
|
_: 3
|
|
6638
|
-
})], 8,
|
|
6657
|
+
})], 8, gl));
|
|
6639
6658
|
}
|
|
6640
|
-
}),
|
|
6659
|
+
}), Sl = {
|
|
6641
6660
|
role: "tree",
|
|
6642
6661
|
class: "flex flex-col"
|
|
6643
|
-
},
|
|
6662
|
+
}, Cl = {
|
|
6644
6663
|
key: 1,
|
|
6645
6664
|
class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
|
|
6646
|
-
},
|
|
6665
|
+
}, wl = { class: "text-body-medium" }, Tl = /* @__PURE__ */ m({
|
|
6647
6666
|
__name: "MTree",
|
|
6648
6667
|
props: {
|
|
6649
6668
|
nodes: {},
|
|
@@ -6709,26 +6728,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6709
6728
|
return r({
|
|
6710
6729
|
expandAll: k,
|
|
6711
6730
|
collapseAll: j
|
|
6712
|
-
}), (r, i) => (C(), l("div",
|
|
6731
|
+
}), (r, i) => (C(), l("div", Sl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(xl, {
|
|
6713
6732
|
key: e.id,
|
|
6714
6733
|
node: e,
|
|
6715
6734
|
depth: 0
|
|
6716
6735
|
}, d({ _: 2 }, [E(r.$slots, (e, t) => ({
|
|
6717
6736
|
name: t,
|
|
6718
6737
|
fn: L((e) => [D(r.$slots, t, g({ ref_for: !0 }, e ?? {}))])
|
|
6719
|
-
}))]), 1032, ["node"]))), 128)) : (C(), l("div",
|
|
6738
|
+
}))]), 1032, ["node"]))), 128)) : (C(), l("div", Cl, [p(e, {
|
|
6720
6739
|
name: "account_tree",
|
|
6721
6740
|
size: 32,
|
|
6722
6741
|
class: "opacity-30"
|
|
6723
|
-
}), u("p",
|
|
6742
|
+
}), u("p", wl, A(t.emptyText), 1)]))]));
|
|
6724
6743
|
}
|
|
6725
|
-
}),
|
|
6744
|
+
}), El = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Dl = {
|
|
6726
6745
|
key: 0,
|
|
6727
6746
|
class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
|
|
6728
|
-
},
|
|
6747
|
+
}, Ol = { class: "overflow-x-auto" }, kl = { class: "w-full border-collapse" }, Al = { class: "bg-surface-container-high" }, jl = ["onClick"], Ml = ["onClick"], Nl = {
|
|
6729
6748
|
key: 1,
|
|
6730
6749
|
class: "w-6 shrink-0"
|
|
6731
|
-
},
|
|
6750
|
+
}, Pl = { key: 0 }, Fl = ["colspan"], Il = /* @__PURE__ */ m({
|
|
6732
6751
|
__name: "MTreeTable",
|
|
6733
6752
|
props: {
|
|
6734
6753
|
columns: {},
|
|
@@ -6783,10 +6802,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6783
6802
|
function x(e) {
|
|
6784
6803
|
return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
|
|
6785
6804
|
}
|
|
6786
|
-
return (r, i) => (C(), l("div",
|
|
6805
|
+
return (r, i) => (C(), l("div", El, [r.$slots.toolbar ? (C(), l("div", Dl, [D(r.$slots, "toolbar", {
|
|
6787
6806
|
expandAll: _,
|
|
6788
6807
|
collapseAll: b
|
|
6789
|
-
})])) : c("", !0), u("div",
|
|
6808
|
+
})])) : c("", !0), u("div", Ol, [u("table", kl, [u("thead", null, [u("tr", Al, [(C(!0), l(n, null, E(t.columns, (e, n) => (C(), l("th", {
|
|
6790
6809
|
key: e.key,
|
|
6791
6810
|
style: y(e.width ? { width: e.width } : void 0),
|
|
6792
6811
|
class: v([
|
|
@@ -6817,7 +6836,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6817
6836
|
}, [p(e, {
|
|
6818
6837
|
name: "chevron_right",
|
|
6819
6838
|
size: 18
|
|
6820
|
-
})], 10,
|
|
6839
|
+
})], 10, Ml)) : (C(), l("span", Nl)), D(r.$slots, `cell-${n.key}`, {
|
|
6821
6840
|
row: i.row,
|
|
6822
6841
|
value: i.row[n.key],
|
|
6823
6842
|
depth: i.depth
|
|
@@ -6826,19 +6845,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6826
6845
|
row: i.row,
|
|
6827
6846
|
value: i.row[n.key],
|
|
6828
6847
|
depth: i.depth
|
|
6829
|
-
}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10,
|
|
6848
|
+
}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10, jl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Pl, [u("td", {
|
|
6830
6849
|
colspan: t.columns.length,
|
|
6831
6850
|
class: "border-t border-outline-variant px-4 py-10 text-center"
|
|
6832
6851
|
}, [p(e, {
|
|
6833
6852
|
name: "account_tree",
|
|
6834
6853
|
size: 36,
|
|
6835
6854
|
class: "mb-2 text-on-surface-variant opacity-30"
|
|
6836
|
-
}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8,
|
|
6855
|
+
}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, Fl)]))])])])]));
|
|
6837
6856
|
}
|
|
6838
|
-
}),
|
|
6857
|
+
}), Ll = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Rl = { class: "flex bg-surface-container-high" }, zl = ["onClick"], Bl = { class: "inline-flex items-center gap-1" }, Vl = {
|
|
6839
6858
|
key: 0,
|
|
6840
6859
|
class: "inline-flex"
|
|
6841
|
-
},
|
|
6860
|
+
}, Hl = ["onClick"], Ul = { class: "truncate" }, Wl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Gl = { class: "text-label-small text-on-surface-variant" }, Kl = /* @__PURE__ */ m({
|
|
6842
6861
|
__name: "MVirtualTable",
|
|
6843
6862
|
props: {
|
|
6844
6863
|
columns: {},
|
|
@@ -6884,8 +6903,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6884
6903
|
function N(e) {
|
|
6885
6904
|
return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
|
|
6886
6905
|
}
|
|
6887
|
-
return (r, i) => (C(), l("div",
|
|
6888
|
-
u("div",
|
|
6906
|
+
return (r, i) => (C(), l("div", Ll, [
|
|
6907
|
+
u("div", Rl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
|
|
6889
6908
|
key: t.key,
|
|
6890
6909
|
style: y({
|
|
6891
6910
|
width: t.width || "auto",
|
|
@@ -6897,7 +6916,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6897
6916
|
t.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
|
|
6898
6917
|
]),
|
|
6899
6918
|
onClick: (e) => t.sortable ? _(t.key) : void 0
|
|
6900
|
-
}, [u("span",
|
|
6919
|
+
}, [u("span", Bl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Vl, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
|
|
6901
6920
|
key: 0,
|
|
6902
6921
|
name: "arrow_upward",
|
|
6903
6922
|
size: 14,
|
|
@@ -6912,7 +6931,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6912
6931
|
name: "unfold_more",
|
|
6913
6932
|
size: 14,
|
|
6914
6933
|
class: "opacity-30"
|
|
6915
|
-
}))])) : c("", !0)])], 14,
|
|
6934
|
+
}))])) : c("", !0)])], 14, zl))), 128))]),
|
|
6916
6935
|
u("div", {
|
|
6917
6936
|
ref_key: "scrollEl",
|
|
6918
6937
|
ref: d,
|
|
@@ -6940,12 +6959,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
|
|
|
6940
6959
|
}, [D(r.$slots, `cell-${t.key}`, {
|
|
6941
6960
|
row: e,
|
|
6942
6961
|
value: e[t.key]
|
|
6943
|
-
}, () => [u("span",
|
|
6944
|
-
u("div",
|
|
6962
|
+
}, () => [u("span", Ul, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Hl))), 128))], 4)], 36),
|
|
6963
|
+
u("div", Wl, [u("span", Gl, [f(A(S.value.length.toLocaleString()) + " filas ", 1), O.value.end - O.value.start < S.value.length ? (C(), l(n, { key: 0 }, [f(" · mostrando " + A(O.value.start + 1) + "–" + A(O.value.end), 1)], 64)) : c("", !0)])])
|
|
6945
6964
|
]));
|
|
6946
6965
|
}
|
|
6947
6966
|
});
|
|
6948
6967
|
//#endregion
|
|
6949
|
-
export { _e as MAlert, xe as MAppBar, Se as MAvatar, Te as MBadge, je as MBottomSheet, Pe as MBreadcrumbs, He as MButton, tt as MCalendar,
|
|
6968
|
+
export { _e as MAlert, xe as MAppBar, Se as MAvatar, Te as MBadge, je as MBottomSheet, Pe as MBreadcrumbs, He as MButton, tt as MCalendar, ct as MCard, Q as MCheckbox, ft as MChip, Ct as MColorPicker, Nt as MCommandPalette, Bt as MConfirmDialog, Vt as MContainer, Jt as MContextMenu, Sn as MDataTable, Nn as MDatePicker, Gn as MDateRangePicker, Rt as MDialog, Yn as MDivider, tr as MDragDropList, nr as MEmptyState, lr as MExpansionPanel, mr as MFab, Or as MFileUpload, kr as MGrid, Fr as MHotkeys, e as MIcon, Z as MIconButton, zr as MInfiniteScroll, Jr as MJsonViewer, ii as MKanban, ci as MLoadingOverlay, li as MMasonry, ui as MMenu, di as MMenuItem, Di as MMultiSelect, Ai as MNavigationBar, ia as MNavigationDrawer, ca as MNavigationRail, Zt as MPagination, wa as MProgressBar, ka as MRadio, Ma as MRadioGroup, Pa as MRating, Va as MResult, ro as MScheduler, oo as MSegmentedButton, bo as MSelect, Eo as MSideSheet, Oo as MSkeleton, Po as MSlider, zo as MSnackbar, Be as MSpinner, Bo as MSplitter, $o as MSpotlightSearch, es as MStack, ls as MStatCard, Ts as MStepper, Os as MSwitch, Ys as MTable, tc as MTabs, dc as MTextField, Fc as MTimePicker, Cc as MTimeline, Ic as MTooltip, Bc as MTopAppBar, Jc as MTour, hl as MTransferList, Tl as MTree, Il as MTreeTable, Kl as MVirtualTable, V as createM3UI, K as palettes, J as useColorPalette, fe as useFieldBg, G as useTheme, ce as useToast };
|
|
6950
6969
|
|
|
6951
6970
|
//# sourceMappingURL=m3ui.js.map
|