@m3ui-vue/m3ui-vue 0.2.5 → 0.2.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/MNavigationDrawer.vue.d.ts +8 -2
- package/dist/m3ui-vue.css +1 -1
- package/dist/m3ui.js +384 -377
- package/dist/m3ui.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/MNavigationDrawer.vue +21 -0
package/dist/m3ui.js
CHANGED
|
@@ -4882,29 +4882,32 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
4882
4882
|
class: "text-label-medium text-on-surface-variant"
|
|
4883
4883
|
}, co = { key: 0 }, lo = {
|
|
4884
4884
|
key: 0,
|
|
4885
|
-
class: "shrink-0"
|
|
4886
|
-
}, uo = {
|
|
4885
|
+
class: "nd-toggle shrink-0 border-b border-outline-variant"
|
|
4886
|
+
}, uo = { class: "nd-toggle-inner" }, fo = {
|
|
4887
4887
|
key: 1,
|
|
4888
|
+
class: "shrink-0"
|
|
4889
|
+
}, po = {
|
|
4890
|
+
key: 2,
|
|
4888
4891
|
class: "nd-collapse-h shrink-0 overflow-hidden"
|
|
4889
|
-
},
|
|
4892
|
+
}, mo = { class: "px-5 pt-6 pb-2" }, ho = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, go = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, _o = {
|
|
4890
4893
|
key: 0,
|
|
4891
4894
|
class: "my-1 border-t border-outline-variant"
|
|
4892
|
-
},
|
|
4895
|
+
}, vo = ["title", "onClick"], yo = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, bo = {
|
|
4893
4896
|
key: 2,
|
|
4894
4897
|
class: "nd-collapse-h overflow-hidden"
|
|
4895
|
-
},
|
|
4898
|
+
}, xo = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, So = {
|
|
4896
4899
|
key: 0,
|
|
4897
4900
|
class: "nd-section-grid"
|
|
4898
|
-
},
|
|
4901
|
+
}, Co = { class: "nd-section-body" }, wo = {
|
|
4899
4902
|
key: 2,
|
|
4900
4903
|
class: "nd-label text-label-medium text-on-surface-variant"
|
|
4901
|
-
},
|
|
4904
|
+
}, To = {
|
|
4902
4905
|
key: 0,
|
|
4903
4906
|
class: "nd-children-divider"
|
|
4904
|
-
},
|
|
4907
|
+
}, Eo = { key: 0 }, Do = {
|
|
4905
4908
|
key: 1,
|
|
4906
4909
|
class: "nd-children-divider"
|
|
4907
|
-
},
|
|
4910
|
+
}, Oo = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
4908
4911
|
__name: "MNavigationDrawer",
|
|
4909
4912
|
props: {
|
|
4910
4913
|
modelValue: { type: Boolean },
|
|
@@ -5067,7 +5070,7 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5067
5070
|
}, 1024)], 64))), 128))])])) : y("", !0)]),
|
|
5068
5071
|
_: 2
|
|
5069
5072
|
}, 1024)
|
|
5070
|
-
], 64))), 128))])], 6)], 2)) : y("", !0)]),
|
|
5073
|
+
], 64))), 128)), z(t.$slots, "default", {}, void 0, !0)])], 6)], 2)) : y("", !0)]),
|
|
5071
5074
|
_: 3
|
|
5072
5075
|
})])) : (P(), b("nav", {
|
|
5073
5076
|
key: 1,
|
|
@@ -5076,84 +5079,88 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5076
5079
|
width: e.modelValue && !e.collapsed && e.width ? e.width : void 0,
|
|
5077
5080
|
"--nd-width": e.width ?? "18rem"
|
|
5078
5081
|
})
|
|
5079
|
-
}, [
|
|
5080
|
-
|
|
5081
|
-
t.
|
|
5082
|
-
|
|
5083
|
-
|
|
5084
|
-
|
|
5085
|
-
|
|
5086
|
-
|
|
5087
|
-
|
|
5088
|
-
|
|
5089
|
-
|
|
5090
|
-
|
|
5091
|
-
|
|
5092
|
-
|
|
5093
|
-
|
|
5094
|
-
|
|
5095
|
-
|
|
5096
|
-
|
|
5097
|
-
|
|
5098
|
-
|
|
5099
|
-
|
|
5100
|
-
|
|
5101
|
-
|
|
5102
|
-
|
|
5103
|
-
|
|
5104
|
-
|
|
5105
|
-
|
|
5106
|
-
|
|
5107
|
-
|
|
5108
|
-
|
|
5109
|
-
|
|
5110
|
-
|
|
5111
|
-
|
|
5112
|
-
|
|
5113
|
-
|
|
5114
|
-
|
|
5115
|
-
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
|
|
5119
|
-
|
|
5120
|
-
|
|
5121
|
-
|
|
5122
|
-
|
|
5123
|
-
|
|
5124
|
-
|
|
5125
|
-
|
|
5126
|
-
|
|
5127
|
-
|
|
5128
|
-
|
|
5129
|
-
|
|
5130
|
-
|
|
5131
|
-
|
|
5132
|
-
|
|
5133
|
-
|
|
5134
|
-
|
|
5135
|
-
|
|
5136
|
-
|
|
5137
|
-
|
|
5138
|
-
|
|
5139
|
-
|
|
5140
|
-
|
|
5141
|
-
|
|
5142
|
-
|
|
5143
|
-
|
|
5144
|
-
|
|
5145
|
-
|
|
5146
|
-
|
|
5147
|
-
|
|
5148
|
-
|
|
5149
|
-
|
|
5150
|
-
|
|
5151
|
-
|
|
5082
|
+
}, [
|
|
5083
|
+
t.$slots.toggle ? (P(), b("div", lo, [x("div", uo, [z(t.$slots, "toggle", {}, void 0, !0)])])) : y("", !0),
|
|
5084
|
+
t.$slots.header ? (P(), b("div", fo, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", po, [x("div", mo, [x("h2", ho, H(e.title), 1)])])) : y("", !0),
|
|
5085
|
+
x("div", go, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
|
|
5086
|
+
n > 0 ? (P(), b("div", _o)) : y("", !0),
|
|
5087
|
+
t.title && t.collapsible ? (P(), b("button", {
|
|
5088
|
+
key: 1,
|
|
5089
|
+
type: "button",
|
|
5090
|
+
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",
|
|
5091
|
+
title: e.collapsed ? t.title : void 0,
|
|
5092
|
+
onClick: (e) => c(t, n)
|
|
5093
|
+
}, [
|
|
5094
|
+
t.icon ? (P(), v(d, {
|
|
5095
|
+
key: 0,
|
|
5096
|
+
name: t.icon,
|
|
5097
|
+
size: 24,
|
|
5098
|
+
class: "shrink-0"
|
|
5099
|
+
}, null, 8, ["name"])) : y("", !0),
|
|
5100
|
+
x("span", yo, H(t.title), 1),
|
|
5101
|
+
w(d, {
|
|
5102
|
+
name: s(t, n) ? "expand_less" : "expand_more",
|
|
5103
|
+
size: 18,
|
|
5104
|
+
class: "nd-label shrink-0"
|
|
5105
|
+
}, null, 8, ["name"])
|
|
5106
|
+
], 8, vo)) : t.title ? (P(), b("div", bo, [x("p", xo, H(t.title), 1)])) : y("", !0),
|
|
5107
|
+
w(h, { name: "nd-section" }, {
|
|
5108
|
+
default: Y(() => [!t.collapsible || s(t, n) ? (P(), b("div", So, [x("div", Co, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [
|
|
5109
|
+
(P(), v(V(j(n)), {
|
|
5110
|
+
to: n.to && !n.disabled ? n.to : void 0,
|
|
5111
|
+
type: n.to ? void 0 : "button",
|
|
5112
|
+
title: e.collapsed ? n.label : void 0,
|
|
5113
|
+
class: k(["flex w-full shrink-0 items-center gap-3 overflow-hidden whitespace-nowrap rounded-full py-2.5 text-left focus-visible:outline-none", [t.collapsible && !e.collapsed ? "pl-8 pr-3" : "px-3", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === e.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
|
|
5114
|
+
disabled: n.disabled && !n.to,
|
|
5115
|
+
onClick: (e) => g(n)
|
|
5116
|
+
}, {
|
|
5117
|
+
default: Y(() => [
|
|
5118
|
+
n.icon ? (P(), v(d, {
|
|
5119
|
+
key: 0,
|
|
5120
|
+
name: n.icon,
|
|
5121
|
+
size: n.iconSize ?? 24,
|
|
5122
|
+
class: "shrink-0"
|
|
5123
|
+
}, null, 8, ["name", "size"])) : y("", !0),
|
|
5124
|
+
x("span", { class: k(["nd-label min-w-0 flex-1 font-medium", n.labelClass ?? "text-label-large"]) }, H(n.label), 3),
|
|
5125
|
+
n.children?.length ? (P(), v(d, {
|
|
5126
|
+
key: 1,
|
|
5127
|
+
name: l(n) ? "expand_less" : "expand_more",
|
|
5128
|
+
size: 18,
|
|
5129
|
+
class: "nd-label shrink-0 text-on-surface-variant"
|
|
5130
|
+
}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", wo, H(n.badge), 1))
|
|
5131
|
+
]),
|
|
5132
|
+
_: 2
|
|
5133
|
+
}, 1032, [
|
|
5134
|
+
"to",
|
|
5135
|
+
"type",
|
|
5136
|
+
"title",
|
|
5137
|
+
"class",
|
|
5138
|
+
"disabled",
|
|
5139
|
+
"onClick"
|
|
5140
|
+
])),
|
|
5141
|
+
n.children?.length && l(n) ? (P(), b("div", To)) : y("", !0),
|
|
5142
|
+
w(h, {
|
|
5143
|
+
css: !1,
|
|
5144
|
+
onEnter: T,
|
|
5145
|
+
onLeave: E
|
|
5146
|
+
}, {
|
|
5147
|
+
default: Y(() => [n.children?.length && l(n) ? (P(), b("div", Eo, [w(Xa, {
|
|
5148
|
+
items: n.children,
|
|
5149
|
+
selected: e.selected
|
|
5150
|
+
}, null, 8, ["items", "selected"])])) : y("", !0)]),
|
|
5151
|
+
_: 2
|
|
5152
|
+
}, 1024),
|
|
5153
|
+
n.children?.length && l(n) ? (P(), b("div", Do)) : y("", !0)
|
|
5154
|
+
], 64))), 128))])])) : y("", !0)]),
|
|
5155
|
+
_: 2
|
|
5156
|
+
}, 1024)
|
|
5157
|
+
], 64))), 128)), z(t.$slots, "default", {}, void 0, !0)])
|
|
5158
|
+
], 6));
|
|
5152
5159
|
}
|
|
5153
|
-
}), [["__scopeId", "data-v-
|
|
5160
|
+
}), [["__scopeId", "data-v-ec337590"]]), ko = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, Ao = {
|
|
5154
5161
|
key: 0,
|
|
5155
5162
|
class: "flex shrink-0 items-center justify-center pt-3 pb-2"
|
|
5156
|
-
},
|
|
5163
|
+
}, jo = ["disabled", "onClick"], Mo = /* @__PURE__ */ T({
|
|
5157
5164
|
__name: "MNavigationRail",
|
|
5158
5165
|
props: {
|
|
5159
5166
|
modelValue: {},
|
|
@@ -5162,7 +5169,7 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5162
5169
|
},
|
|
5163
5170
|
emits: ["update:modelValue"],
|
|
5164
5171
|
setup(e) {
|
|
5165
|
-
return (t, n) => (P(), b("nav",
|
|
5172
|
+
return (t, n) => (P(), b("nav", ko, [t.$slots.fab ? (P(), b("div", Ao, [z(t.$slots, "fab")])) : y("", !0), x("div", { class: k(["flex flex-1 flex-col items-center gap-1 py-3", {
|
|
5166
5173
|
"justify-start": e.alignment === "top",
|
|
5167
5174
|
"justify-center": e.alignment === "center",
|
|
5168
5175
|
"justify-end": e.alignment === "bottom"
|
|
@@ -5194,9 +5201,9 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5194
5201
|
size: 24
|
|
5195
5202
|
}, null, 8, ["name"])]),
|
|
5196
5203
|
_: 2
|
|
5197
|
-
}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10,
|
|
5204
|
+
}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10, jo))), 128))], 2)]));
|
|
5198
5205
|
}
|
|
5199
|
-
}),
|
|
5206
|
+
}), No = { class: "relative h-full w-full" }, Po = /* @__PURE__ */ T({
|
|
5200
5207
|
__name: "MOverlay",
|
|
5201
5208
|
props: {
|
|
5202
5209
|
modelValue: {
|
|
@@ -5229,17 +5236,17 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5229
5236
|
key: 0,
|
|
5230
5237
|
class: "absolute inset-0 bg-black/50",
|
|
5231
5238
|
onClick: a
|
|
5232
|
-
})) : y("", !0), x("div",
|
|
5239
|
+
})) : y("", !0), x("div", No, [z(t.$slots, "default")])], 4)) : y("", !0)]),
|
|
5233
5240
|
_: 3
|
|
5234
5241
|
})]));
|
|
5235
5242
|
}
|
|
5236
|
-
}),
|
|
5243
|
+
}), Fo = { class: "flex flex-col gap-1" }, Io = {
|
|
5237
5244
|
key: 0,
|
|
5238
5245
|
class: "text-label-small text-on-surface-variant"
|
|
5239
|
-
},
|
|
5246
|
+
}, Lo = ["aria-valuenow"], Ro = ["aria-valuenow"], zo = ["viewBox"], Bo = ["d"], Vo = {
|
|
5240
5247
|
key: 1,
|
|
5241
5248
|
class: "absolute inset-0 overflow-hidden rounded-full"
|
|
5242
|
-
},
|
|
5249
|
+
}, Ho = ["viewBox"], Uo = ["d"], Wo = 20, Go = 2.5, Ko = 4, qo = 8, Jo = 80, Yo = 1, Xo = /* @__PURE__ */ T({
|
|
5243
5250
|
__name: "MProgressBar",
|
|
5244
5251
|
props: {
|
|
5245
5252
|
value: {},
|
|
@@ -5270,15 +5277,15 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5270
5277
|
track: "bg-error-container",
|
|
5271
5278
|
text: "text-error"
|
|
5272
5279
|
}
|
|
5273
|
-
}, a =
|
|
5280
|
+
}, a = Wo * Jo, o = (() => {
|
|
5274
5281
|
let e = "";
|
|
5275
|
-
for (let t = 0; t <= a; t +=
|
|
5276
|
-
let n =
|
|
5282
|
+
for (let t = 0; t <= a; t += Yo) {
|
|
5283
|
+
let n = Ko - Go * Math.sin(t / Wo * Math.PI * 2);
|
|
5277
5284
|
e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
|
|
5278
5285
|
}
|
|
5279
5286
|
return e.trim();
|
|
5280
5287
|
})();
|
|
5281
|
-
return (t, s) => (P(), b("div",
|
|
5288
|
+
return (t, s) => (P(), b("div", Fo, [e.label ? (P(), b("span", Io, H(e.label), 1)) : y("", !0), e.variant === "linear" ? (P(), b("div", {
|
|
5282
5289
|
key: 1,
|
|
5283
5290
|
class: k(["relative h-1 w-full overflow-hidden rounded-full", i[e.color].track]),
|
|
5284
5291
|
role: "progressbar",
|
|
@@ -5292,20 +5299,20 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5292
5299
|
key: 0,
|
|
5293
5300
|
class: k(["h-full rounded-full transition-[width] duration-300 ease-in-out", i[e.color].bar]),
|
|
5294
5301
|
style: A({ width: `${r.value}%` })
|
|
5295
|
-
}, null, 6))], 10,
|
|
5302
|
+
}, null, 6))], 10, Lo)) : (P(), b("div", {
|
|
5296
5303
|
key: 2,
|
|
5297
5304
|
class: "relative h-2 w-full overflow-visible",
|
|
5298
5305
|
role: "progressbar",
|
|
5299
5306
|
"aria-valuenow": n.value ? void 0 : r.value,
|
|
5300
5307
|
"aria-valuemin": "0",
|
|
5301
5308
|
"aria-valuemax": "100"
|
|
5302
|
-
}, [n.value ? (P(), b("div",
|
|
5309
|
+
}, [n.value ? (P(), b("div", Vo, [x("div", {
|
|
5303
5310
|
class: k(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", i[e.color].text]),
|
|
5304
5311
|
style: A({ width: `${a}px` })
|
|
5305
5312
|
}, [(P(), b("svg", {
|
|
5306
5313
|
width: a,
|
|
5307
|
-
height:
|
|
5308
|
-
viewBox: `0 0 ${a} ${
|
|
5314
|
+
height: qo,
|
|
5315
|
+
viewBox: `0 0 ${a} ${qo}`,
|
|
5309
5316
|
class: "h-full",
|
|
5310
5317
|
xmlns: "http://www.w3.org/2000/svg"
|
|
5311
5318
|
}, [x("path", {
|
|
@@ -5314,7 +5321,7 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5314
5321
|
stroke: "currentColor",
|
|
5315
5322
|
"stroke-width": "3",
|
|
5316
5323
|
"stroke-linecap": "round"
|
|
5317
|
-
}, null, 8,
|
|
5324
|
+
}, null, 8, Uo)], 8, Ho))], 6)])) : (P(), b(p, { key: 0 }, [
|
|
5318
5325
|
x("div", {
|
|
5319
5326
|
class: "absolute inset-0 overflow-hidden",
|
|
5320
5327
|
style: A({
|
|
@@ -5326,8 +5333,8 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5326
5333
|
style: A({ width: `${a}px` })
|
|
5327
5334
|
}, [(P(), b("svg", {
|
|
5328
5335
|
width: a,
|
|
5329
|
-
height:
|
|
5330
|
-
viewBox: `0 0 ${a} ${
|
|
5336
|
+
height: qo,
|
|
5337
|
+
viewBox: `0 0 ${a} ${qo}`,
|
|
5331
5338
|
class: "h-full",
|
|
5332
5339
|
xmlns: "http://www.w3.org/2000/svg"
|
|
5333
5340
|
}, [x("path", {
|
|
@@ -5336,7 +5343,7 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5336
5343
|
stroke: "currentColor",
|
|
5337
5344
|
"stroke-width": "3",
|
|
5338
5345
|
"stroke-linecap": "round"
|
|
5339
|
-
}, null, 8,
|
|
5346
|
+
}, null, 8, Bo)], 8, zo))], 6)], 4),
|
|
5340
5347
|
x("div", {
|
|
5341
5348
|
class: k(["absolute inset-y-0 right-0 flex items-center", i[e.color].track]),
|
|
5342
5349
|
style: A([{
|
|
@@ -5359,16 +5366,16 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5359
5366
|
height: "4px"
|
|
5360
5367
|
}
|
|
5361
5368
|
}, null, 2)
|
|
5362
|
-
], 64))], 8,
|
|
5369
|
+
], 64))], 8, Ro))]));
|
|
5363
5370
|
}
|
|
5364
|
-
}),
|
|
5371
|
+
}), Zo = ["for"], Qo = { class: "relative flex h-5 w-5 shrink-0" }, $o = [
|
|
5365
5372
|
"id",
|
|
5366
5373
|
"checked",
|
|
5367
5374
|
"disabled"
|
|
5368
|
-
],
|
|
5375
|
+
], es = {
|
|
5369
5376
|
key: 0,
|
|
5370
5377
|
class: "text-body-large text-on-surface"
|
|
5371
|
-
},
|
|
5378
|
+
}, ts = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
5372
5379
|
__name: "MRadio",
|
|
5373
5380
|
props: {
|
|
5374
5381
|
modelValue: {},
|
|
@@ -5391,14 +5398,14 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5391
5398
|
return (t, n) => (P(), b("label", {
|
|
5392
5399
|
for: U(i),
|
|
5393
5400
|
class: k(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
|
|
5394
|
-
}, [x("span",
|
|
5401
|
+
}, [x("span", Qo, [x("input", {
|
|
5395
5402
|
id: U(i),
|
|
5396
5403
|
type: "radio",
|
|
5397
5404
|
class: "sr-only",
|
|
5398
5405
|
checked: a.value,
|
|
5399
5406
|
disabled: e.disabled,
|
|
5400
5407
|
onChange: n[0] ||= (t) => r("update:modelValue", e.value)
|
|
5401
|
-
}, null, 40,
|
|
5408
|
+
}, null, 40, $o), (P(), b("svg", {
|
|
5402
5409
|
viewBox: "0 0 20 20",
|
|
5403
5410
|
class: k(["h-full w-full transition-colors duration-150", a.value ? o[e.color] : "text-on-surface-variant"]),
|
|
5404
5411
|
"aria-hidden": "true"
|
|
@@ -5415,12 +5422,12 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5415
5422
|
cy: "10",
|
|
5416
5423
|
r: "4.5",
|
|
5417
5424
|
fill: "currentColor"
|
|
5418
|
-
}, null, 2)], 2))]), e.label ? (P(), b("span",
|
|
5425
|
+
}, null, 2)], 2))]), e.label ? (P(), b("span", es, H(e.label), 1)) : y("", !0)], 10, Zo));
|
|
5419
5426
|
}
|
|
5420
|
-
}), [["__scopeId", "data-v-cdb650b5"]]),
|
|
5427
|
+
}), [["__scopeId", "data-v-cdb650b5"]]), ns = { class: "flex flex-col gap-2" }, rs = {
|
|
5421
5428
|
key: 0,
|
|
5422
5429
|
class: "text-label-large text-on-surface-variant"
|
|
5423
|
-
},
|
|
5430
|
+
}, is = /* @__PURE__ */ T({
|
|
5424
5431
|
__name: "MRadioGroup",
|
|
5425
5432
|
props: {
|
|
5426
5433
|
modelValue: {},
|
|
@@ -5436,7 +5443,7 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5436
5443
|
emits: ["update:modelValue"],
|
|
5437
5444
|
setup(e, { emit: t }) {
|
|
5438
5445
|
let n = t;
|
|
5439
|
-
return (t, r) => (P(), b("div",
|
|
5446
|
+
return (t, r) => (P(), b("div", ns, [e.label ? (P(), b("span", rs, H(e.label), 1)) : y("", !0), x("div", { class: k(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(P(!0), b(p, null, R(e.options, (t) => (P(), v(ts, {
|
|
5440
5447
|
key: String(t.value),
|
|
5441
5448
|
"model-value": e.modelValue,
|
|
5442
5449
|
value: t.value,
|
|
@@ -5452,11 +5459,11 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5452
5459
|
"disabled"
|
|
5453
5460
|
]))), 128))], 2)]));
|
|
5454
5461
|
}
|
|
5455
|
-
}),
|
|
5462
|
+
}), as = [
|
|
5456
5463
|
"disabled",
|
|
5457
5464
|
"onClick",
|
|
5458
5465
|
"onMousemove"
|
|
5459
|
-
],
|
|
5466
|
+
], os = /* @__PURE__ */ T({
|
|
5460
5467
|
__name: "MRating",
|
|
5461
5468
|
props: {
|
|
5462
5469
|
modelValue: {},
|
|
@@ -5533,13 +5540,13 @@ var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
|
|
|
5533
5540
|
name: e.icon,
|
|
5534
5541
|
size: e.size,
|
|
5535
5542
|
class: "text-on-surface-variant/40"
|
|
5536
|
-
}, null, 8, ["name", "size"]))], 46,
|
|
5543
|
+
}, null, 8, ["name", "size"]))], 46, as))), 128))], 34));
|
|
5537
5544
|
}
|
|
5538
|
-
}),
|
|
5539
|
-
function
|
|
5540
|
-
return P(), b("div",
|
|
5545
|
+
}), ss = {}, cs = { class: "relative" };
|
|
5546
|
+
function ls(e, t) {
|
|
5547
|
+
return P(), b("div", cs, [z(e.$slots, "default")]);
|
|
5541
5548
|
}
|
|
5542
|
-
var
|
|
5549
|
+
var us = /*#__PURE__*/ f(ss, [["render", ls]]), ds = /* @__PURE__ */ T({
|
|
5543
5550
|
__name: "MResponsive",
|
|
5544
5551
|
props: {
|
|
5545
5552
|
show: {},
|
|
@@ -5571,19 +5578,19 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5571
5578
|
_: 3
|
|
5572
5579
|
}, 8, ["class"]));
|
|
5573
5580
|
}
|
|
5574
|
-
}),
|
|
5581
|
+
}), fs = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ps = {
|
|
5575
5582
|
key: 0,
|
|
5576
5583
|
class: "text-display-small font-medium text-on-surface-variant/30"
|
|
5577
|
-
},
|
|
5584
|
+
}, ms = { class: "text-headline-small font-medium text-on-surface" }, hs = {
|
|
5578
5585
|
key: 1,
|
|
5579
5586
|
class: "max-w-md text-body-large text-on-surface-variant"
|
|
5580
|
-
},
|
|
5587
|
+
}, gs = {
|
|
5581
5588
|
key: 2,
|
|
5582
5589
|
class: "mt-2 flex flex-wrap items-center justify-center gap-3"
|
|
5583
|
-
},
|
|
5590
|
+
}, _s = {
|
|
5584
5591
|
key: 3,
|
|
5585
5592
|
class: "mt-2"
|
|
5586
|
-
},
|
|
5593
|
+
}, vs = /* @__PURE__ */ T({
|
|
5587
5594
|
__name: "MResult",
|
|
5588
5595
|
props: {
|
|
5589
5596
|
status: {},
|
|
@@ -5651,19 +5658,19 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5651
5658
|
};
|
|
5652
5659
|
}
|
|
5653
5660
|
}), r = _(() => t.status === "404" || t.status === "403" || t.status === "500" ? t.status : null);
|
|
5654
|
-
return (t, i) => (P(), b("div",
|
|
5655
|
-
r.value ? (P(), b("span",
|
|
5661
|
+
return (t, i) => (P(), b("div", fs, [
|
|
5662
|
+
r.value ? (P(), b("span", ps, H(r.value), 1)) : y("", !0),
|
|
5656
5663
|
x("div", { class: k(["flex h-20 w-20 items-center justify-center rounded-full", [n.value.bg, n.value.text]]) }, [w(d, {
|
|
5657
5664
|
name: n.value.icon,
|
|
5658
5665
|
size: 40
|
|
5659
5666
|
}, null, 8, ["name"])], 2),
|
|
5660
|
-
x("h2",
|
|
5661
|
-
e.description ?? n.value.defaultDesc ? (P(), b("p",
|
|
5662
|
-
t.$slots.actions ? (P(), b("div",
|
|
5663
|
-
t.$slots.default ? (P(), b("div",
|
|
5667
|
+
x("h2", ms, H(e.title ?? n.value.defaultTitle), 1),
|
|
5668
|
+
e.description ?? n.value.defaultDesc ? (P(), b("p", hs, H(e.description ?? n.value.defaultDesc), 1)) : y("", !0),
|
|
5669
|
+
t.$slots.actions ? (P(), b("div", gs, [z(t.$slots, "actions")])) : y("", !0),
|
|
5670
|
+
t.$slots.default ? (P(), b("div", _s, [z(t.$slots, "default")])) : y("", !0)
|
|
5664
5671
|
]));
|
|
5665
5672
|
}
|
|
5666
|
-
}),
|
|
5673
|
+
}), ys = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, bs = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, xs = { class: "flex items-center gap-1" }, Ss = { class: "text-title-medium font-medium capitalize text-on-surface" }, Cs = { class: "flex rounded-full bg-surface-container-high p-0.5" }, ws = ["onClick"], Ts = { class: "overflow-auto" }, Es = { class: "w-full border-collapse" }, Ds = { class: "text-label-small uppercase text-on-surface-variant" }, Os = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, ks = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, As = ["onClick"], js = ["onClick"], Ms = { class: "truncate text-label-small font-medium" }, Ns = { class: "truncate text-label-small opacity-70" }, Ps = /* @__PURE__ */ T({
|
|
5667
5674
|
__name: "MScheduler",
|
|
5668
5675
|
props: {
|
|
5669
5676
|
events: { default: () => [] },
|
|
@@ -5744,8 +5751,8 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5744
5751
|
error: "bg-error-container text-on-error-container border-error/30",
|
|
5745
5752
|
success: "bg-success-container text-on-success-container border-success/30"
|
|
5746
5753
|
};
|
|
5747
|
-
return (n, r) => (P(), b("div",
|
|
5748
|
-
x("div",
|
|
5754
|
+
return (n, r) => (P(), b("div", ys, [x("div", bs, [
|
|
5755
|
+
x("div", xs, [
|
|
5749
5756
|
w(e, {
|
|
5750
5757
|
icon: "chevron_left",
|
|
5751
5758
|
label: t.prevLabel ?? U(i).previous,
|
|
@@ -5764,17 +5771,17 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5764
5771
|
onClick: T
|
|
5765
5772
|
}, H(t.todayLabel ?? U(i).today), 1)
|
|
5766
5773
|
]),
|
|
5767
|
-
x("h3",
|
|
5768
|
-
x("div",
|
|
5774
|
+
x("h3", Ss, H(S.value), 1),
|
|
5775
|
+
x("div", Cs, [(P(), b(p, null, R(["day", "week"], (e) => x("button", {
|
|
5769
5776
|
key: e,
|
|
5770
5777
|
type: "button",
|
|
5771
5778
|
class: k(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", c.value === e ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
|
|
5772
5779
|
onClick: (t) => c.value = e
|
|
5773
|
-
}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11,
|
|
5774
|
-
]), x("div",
|
|
5780
|
+
}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11, ws)), 64))])
|
|
5781
|
+
]), x("div", Ts, [x("table", Es, [x("thead", null, [x("tr", null, [r[2] ||= x("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (P(!0), b(p, null, R(f.value, (e) => (P(), b("th", {
|
|
5775
5782
|
key: h(e),
|
|
5776
5783
|
class: k(["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", h(e) === U(m) ? "bg-primary-container/30" : ""])
|
|
5777
|
-
}, [x("div",
|
|
5784
|
+
}, [x("div", Ds, H(U(g).format(e)), 1), x("div", { class: k(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === U(m) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, H(U(v).format(e)), 3)], 2))), 128))])]), x("tbody", null, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("tr", { key: e }, [x("td", Os, [x("span", ks, H(String(e).padStart(2, "0")) + ":00 ", 1)]), (P(!0), b(p, null, R(f.value, (t) => (P(), b("td", {
|
|
5778
5785
|
key: h(t),
|
|
5779
5786
|
class: k(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", h(t) === U(m) ? "bg-primary-container/5" : ""]),
|
|
5780
5787
|
onClick: (n) => o("slotClick", {
|
|
@@ -5787,9 +5794,9 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5787
5794
|
class: k(["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", M[t.color ?? "primary"]]),
|
|
5788
5795
|
style: A({ height: `calc(${O(t) * 100}% - 4px)` }),
|
|
5789
5796
|
onClick: Z((e) => o("eventClick", t), ["stop"])
|
|
5790
|
-
}, [x("p",
|
|
5797
|
+
}, [x("p", Ms, H(t.title), 1), x("p", Ns, H(j(t)), 1)], 14, js)) : y("", !0)], 64))), 128))], 10, As))), 128))]))), 128))])])])]));
|
|
5791
5798
|
}
|
|
5792
|
-
}),
|
|
5799
|
+
}), Fs = /* @__PURE__ */ T({
|
|
5793
5800
|
__name: "MScrollable",
|
|
5794
5801
|
props: {
|
|
5795
5802
|
direction: { default: "vertical" },
|
|
@@ -5810,13 +5817,13 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5810
5817
|
style: A(i.value)
|
|
5811
5818
|
}, [z(e.$slots, "default")], 6));
|
|
5812
5819
|
}
|
|
5813
|
-
}),
|
|
5820
|
+
}), Is = { key: 0 }, Ls = { class: "flex items-start justify-between" }, Rs = {
|
|
5814
5821
|
key: 0,
|
|
5815
5822
|
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
5816
|
-
},
|
|
5823
|
+
}, zs = {
|
|
5817
5824
|
key: 0,
|
|
5818
5825
|
class: "mt-4 h-px bg-outline-variant"
|
|
5819
|
-
},
|
|
5826
|
+
}, Bs = /* @__PURE__ */ T({
|
|
5820
5827
|
__name: "MSection",
|
|
5821
5828
|
props: {
|
|
5822
5829
|
title: {},
|
|
@@ -5853,19 +5860,19 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5853
5860
|
"label-medium": "text-label-medium",
|
|
5854
5861
|
"label-small": "text-label-small"
|
|
5855
5862
|
}, i = _(() => n[t.gap]), a = _(() => [r[t.titleVariant], "font-medium"]);
|
|
5856
|
-
return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div",
|
|
5863
|
+
return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div", Is, [x("div", Ls, [x("div", null, [z(t.$slots, "title", {}, () => [e.title ? (P(), b("p", {
|
|
5857
5864
|
key: 0,
|
|
5858
5865
|
class: k(a.value)
|
|
5859
|
-
}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p",
|
|
5866
|
+
}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p", Rs, H(e.subtitle), 1)) : y("", !0)])]), z(t.$slots, "actions")]), e.divider ? (P(), b("div", zs)) : y("", !0)])) : y("", !0), z(t.$slots, "default")], 2));
|
|
5860
5867
|
}
|
|
5861
|
-
}),
|
|
5868
|
+
}), Vs = {
|
|
5862
5869
|
class: "inline-flex overflow-hidden rounded-full border border-outline",
|
|
5863
5870
|
role: "group"
|
|
5864
|
-
},
|
|
5871
|
+
}, Hs = [
|
|
5865
5872
|
"disabled",
|
|
5866
5873
|
"aria-pressed",
|
|
5867
5874
|
"onClick"
|
|
5868
|
-
],
|
|
5875
|
+
], Us = /* @__PURE__ */ T({
|
|
5869
5876
|
__name: "MSegmentedButton",
|
|
5870
5877
|
props: {
|
|
5871
5878
|
modelValue: {},
|
|
@@ -5889,7 +5896,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5889
5896
|
i >= 0 ? r.splice(i, 1) : r.push(e.value), n("update:modelValue", r);
|
|
5890
5897
|
} else n("update:modelValue", e.value);
|
|
5891
5898
|
}
|
|
5892
|
-
return (t, n) => (P(), b("div",
|
|
5899
|
+
return (t, n) => (P(), b("div", Vs, [(P(!0), b(p, null, R(e.options, (t, n) => (P(), b("button", {
|
|
5893
5900
|
key: t.value,
|
|
5894
5901
|
type: "button",
|
|
5895
5902
|
class: k(["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]", [
|
|
@@ -5910,35 +5917,35 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
5910
5917
|
key: 1,
|
|
5911
5918
|
name: t.icon,
|
|
5912
5919
|
size: 18
|
|
5913
|
-
}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10,
|
|
5920
|
+
}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Hs))), 128))]));
|
|
5914
5921
|
}
|
|
5915
|
-
}),
|
|
5922
|
+
}), Ws = { class: "flex flex-col gap-1" }, Gs = {
|
|
5916
5923
|
key: 0,
|
|
5917
5924
|
class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
|
|
5918
|
-
},
|
|
5925
|
+
}, Ks = [
|
|
5919
5926
|
"id",
|
|
5920
5927
|
"tabindex",
|
|
5921
5928
|
"aria-expanded",
|
|
5922
5929
|
"aria-disabled"
|
|
5923
|
-
],
|
|
5930
|
+
], qs = {
|
|
5924
5931
|
key: 0,
|
|
5925
5932
|
class: "text-on-surface"
|
|
5926
|
-
},
|
|
5933
|
+
}, Js = ["for"], Ys = {
|
|
5927
5934
|
key: 0,
|
|
5928
5935
|
class: "text-error"
|
|
5929
|
-
},
|
|
5936
|
+
}, Xs = {
|
|
5930
5937
|
key: 0,
|
|
5931
5938
|
class: "px-4 text-body-small text-error"
|
|
5932
|
-
},
|
|
5939
|
+
}, Zs = {
|
|
5933
5940
|
key: 1,
|
|
5934
5941
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
5935
|
-
},
|
|
5942
|
+
}, Qs = ["onClick"], $s = {
|
|
5936
5943
|
key: 1,
|
|
5937
5944
|
class: "w-[18px] shrink-0"
|
|
5938
|
-
},
|
|
5945
|
+
}, ec = {
|
|
5939
5946
|
key: 0,
|
|
5940
5947
|
class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
|
|
5941
|
-
},
|
|
5948
|
+
}, tc = /* @__PURE__ */ T({
|
|
5942
5949
|
__name: "MSelect",
|
|
5943
5950
|
props: {
|
|
5944
5951
|
modelValue: { default: void 0 },
|
|
@@ -6049,13 +6056,13 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6049
6056
|
o.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"
|
|
6050
6057
|
].join(" ");
|
|
6051
6058
|
});
|
|
6052
|
-
return (t, n) => (P(), b(p, null, [x("div",
|
|
6059
|
+
return (t, n) => (P(), b(p, null, [x("div", Ws, [x("div", {
|
|
6053
6060
|
ref_key: "fieldEl",
|
|
6054
6061
|
ref: s,
|
|
6055
6062
|
class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
|
|
6056
6063
|
style: A(e.variant === "outlined" ? { "--field-bg": U(c) } : void 0)
|
|
6057
6064
|
}, [
|
|
6058
|
-
e.leadingIcon ? (P(), b("div",
|
|
6065
|
+
e.leadingIcon ? (P(), b("div", Gs, [w(d, {
|
|
6059
6066
|
name: e.leadingIcon,
|
|
6060
6067
|
size: 20
|
|
6061
6068
|
}, null, 8, ["name"])])) : y("", !0),
|
|
@@ -6068,11 +6075,11 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6068
6075
|
class: k([I.value, e.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
|
|
6069
6076
|
onClick: E,
|
|
6070
6077
|
onKeydown: F
|
|
6071
|
-
}, [g.value ? (P(), b("span",
|
|
6078
|
+
}, [g.value ? (P(), b("span", qs, H(S.value), 1)) : y("", !0)], 42, Ks),
|
|
6072
6079
|
x("label", {
|
|
6073
6080
|
for: U(a),
|
|
6074
6081
|
class: k(B.value)
|
|
6075
|
-
}, [C(H(e.label), 1), e.required ? (P(), b("span",
|
|
6082
|
+
}, [C(H(e.label), 1), e.required ? (P(), b("span", Ys, "\xA0*")) : y("", !0)], 10, Js),
|
|
6076
6083
|
e.clearable && g.value && !e.disabled ? (P(), b("button", {
|
|
6077
6084
|
key: 1,
|
|
6078
6085
|
type: "button",
|
|
@@ -6089,7 +6096,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6089
6096
|
size: 24,
|
|
6090
6097
|
class: "text-on-surface-variant transition-transform duration-200"
|
|
6091
6098
|
}, null, 8, ["name"])], 2)
|
|
6092
|
-
], 6), e.error ? (P(), b("p",
|
|
6099
|
+
], 6), e.error ? (P(), b("p", Xs, H(e.error), 1)) : e.hint ? (P(), b("p", Zs, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
|
|
6093
6100
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
6094
6101
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
6095
6102
|
"enter-to-class": "opacity-100 translate-y-0 scale-100",
|
|
@@ -6112,20 +6119,20 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6112
6119
|
name: "check",
|
|
6113
6120
|
size: 18,
|
|
6114
6121
|
class: "shrink-0 text-primary"
|
|
6115
|
-
})) : (P(), b("span",
|
|
6122
|
+
})) : (P(), b("span", $s)), C(" " + H(t.label), 1)], 10, Qs))), 128)), e.options.length ? y("", !0) : (P(), b("p", ec, " Sin opciones "))], 4)) : y("", !0)]),
|
|
6116
6123
|
_: 1
|
|
6117
6124
|
})]))], 64));
|
|
6118
6125
|
}
|
|
6119
|
-
}),
|
|
6126
|
+
}), nc = {
|
|
6120
6127
|
key: 0,
|
|
6121
6128
|
class: "fixed inset-0 z-200 flex justify-end"
|
|
6122
|
-
},
|
|
6129
|
+
}, rc = {
|
|
6123
6130
|
key: 0,
|
|
6124
6131
|
class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
|
|
6125
|
-
},
|
|
6132
|
+
}, ic = { class: "text-title-large text-on-surface" }, ac = { class: "flex-1 overflow-y-auto px-6 py-4" }, oc = {
|
|
6126
6133
|
key: 1,
|
|
6127
6134
|
class: "shrink-0 border-t border-outline-variant px-6 py-4"
|
|
6128
|
-
},
|
|
6135
|
+
}, sc = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
6129
6136
|
__name: "MSideSheet",
|
|
6130
6137
|
props: {
|
|
6131
6138
|
modelValue: { type: Boolean },
|
|
@@ -6155,7 +6162,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6155
6162
|
leave: 280
|
|
6156
6163
|
}
|
|
6157
6164
|
}, {
|
|
6158
|
-
default: Y(() => [e.modelValue ? (P(), b("div",
|
|
6165
|
+
default: Y(() => [e.modelValue ? (P(), b("div", nc, [x("div", {
|
|
6159
6166
|
class: "ss-scrim absolute inset-0 bg-black/40",
|
|
6160
6167
|
onClick: r
|
|
6161
6168
|
}), x("aside", {
|
|
@@ -6168,7 +6175,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6168
6175
|
onPointermove: c,
|
|
6169
6176
|
onPointerup: l
|
|
6170
6177
|
}, null, 32),
|
|
6171
|
-
e.title || t.$slots.header ? (P(), b("div",
|
|
6178
|
+
e.title || t.$slots.header ? (P(), b("div", rc, [z(t.$slots, "header", {}, () => [x("h2", ic, H(e.title), 1)], !0), x("button", {
|
|
6172
6179
|
type: "button",
|
|
6173
6180
|
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",
|
|
6174
6181
|
onClick: r
|
|
@@ -6176,16 +6183,16 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6176
6183
|
name: "close",
|
|
6177
6184
|
size: 20
|
|
6178
6185
|
})])])) : y("", !0),
|
|
6179
|
-
x("div",
|
|
6180
|
-
t.$slots.actions ? (P(), b("div",
|
|
6186
|
+
x("div", ac, [z(t.$slots, "default", {}, void 0, !0)]),
|
|
6187
|
+
t.$slots.actions ? (P(), b("div", oc, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
|
|
6181
6188
|
], 6)])) : y("", !0)]),
|
|
6182
6189
|
_: 3
|
|
6183
6190
|
})]));
|
|
6184
6191
|
}
|
|
6185
|
-
}), [["__scopeId", "data-v-ba5b6f4b"]]),
|
|
6192
|
+
}), [["__scopeId", "data-v-ba5b6f4b"]]), cc = {
|
|
6186
6193
|
key: 0,
|
|
6187
6194
|
class: "flex flex-col gap-2.5"
|
|
6188
|
-
},
|
|
6195
|
+
}, lc = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
6189
6196
|
__name: "MSkeleton",
|
|
6190
6197
|
props: {
|
|
6191
6198
|
variant: { default: "text" },
|
|
@@ -6195,7 +6202,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6195
6202
|
animation: { default: "pulse" }
|
|
6196
6203
|
},
|
|
6197
6204
|
setup(e) {
|
|
6198
|
-
return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div",
|
|
6205
|
+
return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div", cc, [(P(!0), b(p, null, R(e.lines, (t) => (P(), b("div", {
|
|
6199
6206
|
key: t,
|
|
6200
6207
|
class: k(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
|
|
6201
6208
|
style: A({ width: t === e.lines ? "60%" : e.width ?? "100%" })
|
|
@@ -6208,21 +6215,21 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6208
6215
|
})
|
|
6209
6216
|
}, null, 6));
|
|
6210
6217
|
}
|
|
6211
|
-
}), [["__scopeId", "data-v-32ecf05b"]]),
|
|
6218
|
+
}), [["__scopeId", "data-v-32ecf05b"]]), uc = { class: "flex flex-col gap-1 select-none" }, dc = {
|
|
6212
6219
|
key: 0,
|
|
6213
6220
|
class: "flex items-center justify-between"
|
|
6214
|
-
},
|
|
6221
|
+
}, fc = {
|
|
6215
6222
|
key: 0,
|
|
6216
6223
|
class: "text-label-large text-on-surface"
|
|
6217
|
-
},
|
|
6224
|
+
}, pc = {
|
|
6218
6225
|
key: 1,
|
|
6219
6226
|
class: "tabular-nums text-label-large text-on-surface-variant"
|
|
6220
|
-
},
|
|
6227
|
+
}, mc = [
|
|
6221
6228
|
"aria-valuenow",
|
|
6222
6229
|
"aria-valuemin",
|
|
6223
6230
|
"aria-valuemax",
|
|
6224
6231
|
"aria-disabled"
|
|
6225
|
-
],
|
|
6232
|
+
], hc = /* @__PURE__ */ T({
|
|
6226
6233
|
__name: "MSlider",
|
|
6227
6234
|
props: {
|
|
6228
6235
|
modelValue: {},
|
|
@@ -6304,7 +6311,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6304
6311
|
transform: `translateX(-50%) translateY(-50%) scale(${a.value ? 1.15 : 1})`,
|
|
6305
6312
|
transition: a.value ? "transform 80ms ease" : "left 75ms ease, transform 80ms ease"
|
|
6306
6313
|
}));
|
|
6307
|
-
return (t, n) => (P(), b("div",
|
|
6314
|
+
return (t, n) => (P(), b("div", uc, [e.label || e.showValue ? (P(), b("div", dc, [e.label ? (P(), b("span", fc, H(e.label), 1)) : y("", !0), e.showValue ? (P(), b("span", pc, H(e.modelValue), 1)) : y("", !0)])) : y("", !0), x("div", {
|
|
6308
6315
|
ref_key: "trackEl",
|
|
6309
6316
|
ref: i,
|
|
6310
6317
|
role: "slider",
|
|
@@ -6325,9 +6332,9 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6325
6332
|
}, null, 6)], 2), x("div", {
|
|
6326
6333
|
class: k(["pointer-events-none absolute h-5 w-5 rounded-full shadow-elevation-1", s[e.color].thumb]),
|
|
6327
6334
|
style: A(m.value)
|
|
6328
|
-
}, null, 6)], 42,
|
|
6335
|
+
}, null, 6)], 42, mc)]));
|
|
6329
6336
|
}
|
|
6330
|
-
}),
|
|
6337
|
+
}), gc = { class: "flex-1 text-body-medium leading-snug" }, _c = { class: "flex shrink-0 items-center gap-0.5" }, vc = ["onClick"], yc = ["aria-label", "onClick"], bc = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
6331
6338
|
__name: "MSnackbar",
|
|
6332
6339
|
props: { closeAriaLabel: {} },
|
|
6333
6340
|
setup(e) {
|
|
@@ -6388,15 +6395,15 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6388
6395
|
size: 20,
|
|
6389
6396
|
class: k(["shrink-0", n.color ? "" : l(n.variant).icon])
|
|
6390
6397
|
}, null, 8, ["name", "class"]),
|
|
6391
|
-
x("p",
|
|
6392
|
-
x("div",
|
|
6398
|
+
x("p", gc, H(n.message), 1),
|
|
6399
|
+
x("div", _c, [n.action ? (P(), b("button", {
|
|
6393
6400
|
key: 0,
|
|
6394
6401
|
type: "button",
|
|
6395
6402
|
class: k(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", n.color ? "text-white/90 hover:bg-white/15" : l(n.variant).action]),
|
|
6396
6403
|
onClick: () => {
|
|
6397
6404
|
n.action.onClick(), U(a)(n.id);
|
|
6398
6405
|
}
|
|
6399
|
-
}, H(n.action.label), 11,
|
|
6406
|
+
}, H(n.action.label), 11, vc)) : y("", !0), x("button", {
|
|
6400
6407
|
type: "button",
|
|
6401
6408
|
class: k(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", n.color ? "text-white/60 hover:bg-white/15" : l(n.variant).close]),
|
|
6402
6409
|
"aria-label": e.closeAriaLabel ?? U(t).close,
|
|
@@ -6404,7 +6411,7 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6404
6411
|
}, [w(d, {
|
|
6405
6412
|
name: "close",
|
|
6406
6413
|
size: 18
|
|
6407
|
-
})], 10,
|
|
6414
|
+
})], 10, yc)]),
|
|
6408
6415
|
n.duration > 0 ? (P(), b("div", {
|
|
6409
6416
|
key: 0,
|
|
6410
6417
|
class: k(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", n.color ? "bg-white/30" : l(n.variant).progress]),
|
|
@@ -6414,11 +6421,11 @@ var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
|
|
|
6414
6421
|
_: 1
|
|
6415
6422
|
}, 8, ["name"])], 2));
|
|
6416
6423
|
}
|
|
6417
|
-
}), [["__scopeId", "data-v-64ce9e7c"]]),
|
|
6418
|
-
function
|
|
6419
|
-
return P(), b("div",
|
|
6424
|
+
}), [["__scopeId", "data-v-64ce9e7c"]]), xc = {}, Sc = { class: "flex-1" };
|
|
6425
|
+
function Cc(e, t) {
|
|
6426
|
+
return P(), b("div", Sc);
|
|
6420
6427
|
}
|
|
6421
|
-
var
|
|
6428
|
+
var wc = /*#__PURE__*/ f(xc, [["render", Cc]]), Tc = /* @__PURE__ */ T({
|
|
6422
6429
|
__name: "MSplitter",
|
|
6423
6430
|
props: {
|
|
6424
6431
|
direction: { default: "horizontal" },
|
|
@@ -6465,26 +6472,26 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6465
6472
|
}, [z(e.$slots, "second")], 4)
|
|
6466
6473
|
], 2));
|
|
6467
6474
|
}
|
|
6468
|
-
}),
|
|
6475
|
+
}), Ec = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Dc = { class: "flex items-center gap-3 px-5 py-1" }, Oc = ["placeholder"], kc = {
|
|
6469
6476
|
key: 0,
|
|
6470
6477
|
class: "max-h-96 overflow-y-auto border-t border-outline-variant"
|
|
6471
|
-
},
|
|
6478
|
+
}, Ac = {
|
|
6472
6479
|
key: 0,
|
|
6473
6480
|
class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
|
|
6474
|
-
},
|
|
6481
|
+
}, jc = [
|
|
6475
6482
|
"data-spot-active",
|
|
6476
6483
|
"onClick",
|
|
6477
6484
|
"onPointerenter"
|
|
6478
|
-
],
|
|
6485
|
+
], Mc = {
|
|
6479
6486
|
key: 0,
|
|
6480
6487
|
class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
|
|
6481
|
-
},
|
|
6488
|
+
}, Nc = { class: "min-w-0 flex-1" }, Pc = { class: "truncate text-body-medium text-on-surface" }, Fc = {
|
|
6482
6489
|
key: 0,
|
|
6483
6490
|
class: "truncate text-body-small text-on-surface-variant"
|
|
6484
|
-
},
|
|
6491
|
+
}, Ic = {
|
|
6485
6492
|
key: 1,
|
|
6486
6493
|
class: "flex flex-col items-center gap-2 py-10"
|
|
6487
|
-
},
|
|
6494
|
+
}, Lc = { class: "text-body-medium text-on-surface-variant" }, Rc = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, zc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Bc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Vc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Hc = /*#__PURE__*/ f(/* @__PURE__ */ T({
|
|
6488
6495
|
__name: "MSpotlightSearch",
|
|
6489
6496
|
props: {
|
|
6490
6497
|
modelValue: { type: Boolean },
|
|
@@ -6548,8 +6555,8 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6548
6555
|
key: 0,
|
|
6549
6556
|
class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
|
|
6550
6557
|
onClick: Z(S, ["self"])
|
|
6551
|
-
}, [x("div",
|
|
6552
|
-
x("div",
|
|
6558
|
+
}, [x("div", Ec, [
|
|
6559
|
+
x("div", Dc, [
|
|
6553
6560
|
w(d, {
|
|
6554
6561
|
name: "search",
|
|
6555
6562
|
size: 24,
|
|
@@ -6563,7 +6570,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6563
6570
|
placeholder: e.placeholder ?? U(r).search,
|
|
6564
6571
|
class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
|
|
6565
6572
|
onKeydown: D
|
|
6566
|
-
}, null, 40,
|
|
6573
|
+
}, null, 40, Oc), [[te, o.value]]),
|
|
6567
6574
|
e.loading ? (P(), v(c, {
|
|
6568
6575
|
key: 0,
|
|
6569
6576
|
size: 20,
|
|
@@ -6578,7 +6585,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6578
6585
|
size: 18
|
|
6579
6586
|
})])) : y("", !0)
|
|
6580
6587
|
]),
|
|
6581
|
-
f.value ? (P(), b("div",
|
|
6588
|
+
f.value ? (P(), b("div", kc, [e.results.length ? (P(!0), b(p, { key: 0 }, R(g.value, ([t, n]) => (P(), b(p, { key: t }, [t ? (P(), b("p", Ac, H(t), 1)) : y("", !0), (P(!0), b(p, null, R(n, (t) => (P(), b("button", {
|
|
6582
6589
|
key: t.id,
|
|
6583
6590
|
type: "button",
|
|
6584
6591
|
"data-spot-active": e.results.indexOf(t) === s.value || void 0,
|
|
@@ -6586,32 +6593,32 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6586
6593
|
onClick: (e) => T(t),
|
|
6587
6594
|
onPointerenter: (n) => s.value = e.results.indexOf(t)
|
|
6588
6595
|
}, [
|
|
6589
|
-
t.icon ? (P(), b("div",
|
|
6596
|
+
t.icon ? (P(), b("div", Mc, [w(d, {
|
|
6590
6597
|
name: t.icon,
|
|
6591
6598
|
size: 20,
|
|
6592
6599
|
class: "text-on-primary-container"
|
|
6593
6600
|
}, null, 8, ["name"])])) : y("", !0),
|
|
6594
|
-
x("div",
|
|
6601
|
+
x("div", Nc, [x("p", Pc, H(t.title), 1), t.description ? (P(), b("p", Fc, H(t.description), 1)) : y("", !0)]),
|
|
6595
6602
|
w(d, {
|
|
6596
6603
|
name: "arrow_forward",
|
|
6597
6604
|
size: 16,
|
|
6598
6605
|
class: "shrink-0 text-on-surface-variant/40"
|
|
6599
6606
|
})
|
|
6600
|
-
], 42,
|
|
6607
|
+
], 42, jc))), 128))], 64))), 128)) : e.loading ? y("", !0) : (P(), b("div", Ic, [w(d, {
|
|
6601
6608
|
name: "search_off",
|
|
6602
6609
|
size: 40,
|
|
6603
6610
|
class: "text-on-surface-variant/40"
|
|
6604
|
-
}), x("p",
|
|
6605
|
-
x("div",
|
|
6606
|
-
x("span",
|
|
6607
|
-
x("span",
|
|
6608
|
-
x("span",
|
|
6611
|
+
}), x("p", Lc, H(e.noResultsText ?? U(r).noResults), 1)]))])) : y("", !0),
|
|
6612
|
+
x("div", Rc, [
|
|
6613
|
+
x("span", zc, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
|
|
6614
|
+
x("span", Bc, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.openHint ?? U(r).openHint), 1)]),
|
|
6615
|
+
x("span", Vc, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
|
|
6609
6616
|
])
|
|
6610
6617
|
])])) : y("", !0)]),
|
|
6611
6618
|
_: 1
|
|
6612
6619
|
})]));
|
|
6613
6620
|
}
|
|
6614
|
-
}), [["__scopeId", "data-v-1fa0da82"]]),
|
|
6621
|
+
}), [["__scopeId", "data-v-1fa0da82"]]), Uc = /* @__PURE__ */ T({
|
|
6615
6622
|
__name: "MStack",
|
|
6616
6623
|
props: {
|
|
6617
6624
|
direction: { default: "column" },
|
|
@@ -6666,19 +6673,19 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6666
6673
|
role: "separator"
|
|
6667
6674
|
}, null, 2)) : y("", !0), (P(), v(V(e)))], 64))), 128)) : z(t.$slots, "default", { key: 1 })], 2));
|
|
6668
6675
|
}
|
|
6669
|
-
}),
|
|
6676
|
+
}), Wc = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, Gc = { class: "flex items-start justify-between gap-2" }, Kc = { class: "flex min-w-0 flex-col gap-1" }, qc = { class: "truncate text-label-large text-on-surface-variant" }, Jc = {
|
|
6670
6677
|
key: 0,
|
|
6671
6678
|
class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
|
|
6672
|
-
},
|
|
6679
|
+
}, Yc = {
|
|
6673
6680
|
key: 1,
|
|
6674
6681
|
class: "truncate text-headline-medium font-medium text-on-surface"
|
|
6675
|
-
},
|
|
6682
|
+
}, Xc = {
|
|
6676
6683
|
key: 0,
|
|
6677
6684
|
class: "flex flex-wrap items-center gap-x-2 gap-y-1"
|
|
6678
|
-
},
|
|
6685
|
+
}, Zc = {
|
|
6679
6686
|
key: 1,
|
|
6680
6687
|
class: "text-label-medium text-on-surface-variant"
|
|
6681
|
-
},
|
|
6688
|
+
}, Qc = /* @__PURE__ */ T({
|
|
6682
6689
|
__name: "MStatCard",
|
|
6683
6690
|
props: {
|
|
6684
6691
|
title: {},
|
|
@@ -6697,13 +6704,13 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6697
6704
|
error: "bg-error-container text-on-error-container",
|
|
6698
6705
|
success: "bg-success-container text-on-success-container"
|
|
6699
6706
|
}, r = _(() => t.trend == null ? "" : t.trend > 0 ? "text-success" : t.trend < 0 ? "text-error" : "text-on-surface-variant"), i = _(() => t.trend == null ? "" : t.trend > 0 ? "trending_up" : t.trend < 0 ? "trending_down" : "trending_flat");
|
|
6700
|
-
return (t, a) => (P(), b("div",
|
|
6707
|
+
return (t, a) => (P(), b("div", Wc, [x("div", Gc, [x("div", Kc, [x("span", qc, H(e.title), 1), e.loading ? (P(), b("div", Jc)) : (P(), b("span", Yc, H(e.value), 1))]), e.icon ? (P(), b("div", {
|
|
6701
6708
|
key: 0,
|
|
6702
6709
|
class: k(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", n[e.color]])
|
|
6703
6710
|
}, [w(d, {
|
|
6704
6711
|
name: e.icon,
|
|
6705
6712
|
size: 24
|
|
6706
|
-
}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div",
|
|
6713
|
+
}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div", Xc, [
|
|
6707
6714
|
e.trend == null ? y("", !0) : (P(), b("span", {
|
|
6708
6715
|
key: 0,
|
|
6709
6716
|
class: k(["inline-flex items-center gap-0.5 text-label-medium font-medium", r.value])
|
|
@@ -6711,35 +6718,35 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6711
6718
|
name: i.value,
|
|
6712
6719
|
size: 16
|
|
6713
6720
|
}, null, 8, ["name"]), C(" " + H(e.trend > 0 ? "+" : "") + H(e.trend) + "% ", 1)], 2)),
|
|
6714
|
-
e.trendLabel ? (P(), b("span",
|
|
6721
|
+
e.trendLabel ? (P(), b("span", Zc, H(e.trendLabel), 1)) : y("", !0),
|
|
6715
6722
|
z(t.$slots, "footer")
|
|
6716
6723
|
])) : y("", !0)]));
|
|
6717
6724
|
}
|
|
6718
|
-
}),
|
|
6725
|
+
}), $c = {
|
|
6719
6726
|
key: 0,
|
|
6720
6727
|
class: "flex w-full items-start"
|
|
6721
|
-
},
|
|
6728
|
+
}, el = ["onClick"], tl = { key: 3 }, nl = { class: "flex flex-col items-center text-center" }, rl = {
|
|
6722
6729
|
key: 0,
|
|
6723
6730
|
class: "text-body-small text-on-surface-variant"
|
|
6724
|
-
},
|
|
6731
|
+
}, il = {
|
|
6725
6732
|
key: 1,
|
|
6726
6733
|
class: "text-body-small text-on-surface-variant"
|
|
6727
|
-
},
|
|
6734
|
+
}, al = {
|
|
6728
6735
|
key: 0,
|
|
6729
6736
|
class: "mt-[18px] flex flex-1 items-center px-2"
|
|
6730
|
-
},
|
|
6737
|
+
}, ol = {
|
|
6731
6738
|
key: 1,
|
|
6732
6739
|
class: "flex flex-col"
|
|
6733
|
-
},
|
|
6740
|
+
}, sl = { class: "flex flex-col items-center" }, cl = ["onClick"], ll = { key: 3 }, ul = ["onClick"], dl = {
|
|
6734
6741
|
key: 0,
|
|
6735
6742
|
class: "mt-0.5 text-body-small text-on-surface-variant"
|
|
6736
|
-
},
|
|
6743
|
+
}, fl = {
|
|
6737
6744
|
key: 1,
|
|
6738
6745
|
class: "text-body-small text-on-surface-variant"
|
|
6739
|
-
},
|
|
6746
|
+
}, pl = {
|
|
6740
6747
|
key: 2,
|
|
6741
6748
|
class: "mt-3"
|
|
6742
|
-
},
|
|
6749
|
+
}, ml = /* @__PURE__ */ T({
|
|
6743
6750
|
__name: "MStepper",
|
|
6744
6751
|
props: {
|
|
6745
6752
|
steps: {},
|
|
@@ -6760,7 +6767,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6760
6767
|
function o(e) {
|
|
6761
6768
|
a.value && r("update:modelValue", e);
|
|
6762
6769
|
}
|
|
6763
|
-
return (t, n) => e.direction === "horizontal" ? (P(), b("div",
|
|
6770
|
+
return (t, n) => e.direction === "horizontal" ? (P(), b("div", $c, [(P(!0), b(p, null, R(e.steps, (t, n) => (P(), b(p, { key: n }, [x("div", {
|
|
6764
6771
|
class: k(["flex flex-col items-center gap-2", a.value && i(n) !== "active" ? "cursor-pointer" : ""]),
|
|
6765
6772
|
onClick: (e) => o(n)
|
|
6766
6773
|
}, [x("div", { class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
|
|
@@ -6779,18 +6786,18 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6779
6786
|
key: 2,
|
|
6780
6787
|
name: t.icon,
|
|
6781
6788
|
size: 20
|
|
6782
|
-
}, null, 8, ["name"])) : (P(), b("span",
|
|
6789
|
+
}, null, 8, ["name"])) : (P(), b("span", tl, H(n + 1), 1))], 2), x("div", nl, [
|
|
6783
6790
|
x("span", { class: k(["text-label-large", {
|
|
6784
6791
|
"font-medium text-on-surface": i(n) === "active" || i(n) === "completed",
|
|
6785
6792
|
"text-error": i(n) === "error",
|
|
6786
6793
|
"text-on-surface-variant": i(n) === "inactive"
|
|
6787
6794
|
}]) }, H(t.label), 3),
|
|
6788
|
-
t.description ? (P(), b("span",
|
|
6789
|
-
t.optional ? (P(), b("span",
|
|
6790
|
-
])], 10,
|
|
6795
|
+
t.description ? (P(), b("span", rl, H(t.description), 1)) : y("", !0),
|
|
6796
|
+
t.optional ? (P(), b("span", il, " Opcional ")) : y("", !0)
|
|
6797
|
+
])], 10, el), n < e.steps.length - 1 ? (P(), b("div", al, [x("div", { class: k(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : y("", !0)], 64))), 128))])) : (P(), b("div", ol, [(P(!0), b(p, null, R(e.steps, (n, r) => (P(), b("div", {
|
|
6791
6798
|
key: r,
|
|
6792
6799
|
class: "flex gap-4"
|
|
6793
|
-
}, [x("div",
|
|
6800
|
+
}, [x("div", sl, [x("div", {
|
|
6794
6801
|
class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", [{
|
|
6795
6802
|
"bg-primary text-on-primary": i(r) === "active" || i(r) === "completed",
|
|
6796
6803
|
"bg-error text-on-error": i(r) === "error",
|
|
@@ -6809,7 +6816,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6809
6816
|
key: 2,
|
|
6810
6817
|
name: n.icon,
|
|
6811
6818
|
size: 20
|
|
6812
|
-
}, null, 8, ["name"])) : (P(), b("span",
|
|
6819
|
+
}, null, 8, ["name"])) : (P(), b("span", ll, H(r + 1), 1))], 10, cl), r < e.steps.length - 1 ? (P(), b("div", {
|
|
6813
6820
|
key: 0,
|
|
6814
6821
|
class: k(["my-1 w-px flex-1 transition-colors duration-300", r < e.modelValue ? "bg-primary" : "bg-outline-variant"]),
|
|
6815
6822
|
style: { "min-height": "24px" }
|
|
@@ -6822,12 +6829,12 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6822
6829
|
"text-error": i(r) === "error",
|
|
6823
6830
|
"text-on-surface-variant": i(r) === "inactive"
|
|
6824
6831
|
}]) }, H(n.label), 3),
|
|
6825
|
-
n.description ? (P(), b("p",
|
|
6826
|
-
n.optional ? (P(), b("p",
|
|
6827
|
-
i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div",
|
|
6828
|
-
], 10,
|
|
6832
|
+
n.description ? (P(), b("p", dl, H(n.description), 1)) : y("", !0),
|
|
6833
|
+
n.optional ? (P(), b("p", fl, " Opcional ")) : y("", !0),
|
|
6834
|
+
i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div", pl, [z(t.$slots, `step-${r}`)])) : y("", !0)
|
|
6835
|
+
], 10, ul)]))), 128))]));
|
|
6829
6836
|
}
|
|
6830
|
-
}),
|
|
6837
|
+
}), hl = /* @__PURE__ */ T({
|
|
6831
6838
|
__name: "MSticky",
|
|
6832
6839
|
props: {
|
|
6833
6840
|
top: { default: 0 },
|
|
@@ -6845,7 +6852,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6845
6852
|
}));
|
|
6846
6853
|
return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
|
|
6847
6854
|
}
|
|
6848
|
-
}),
|
|
6855
|
+
}), gl = /* @__PURE__ */ T({
|
|
6849
6856
|
__name: "MText",
|
|
6850
6857
|
props: {
|
|
6851
6858
|
variant: { default: "body-medium" },
|
|
@@ -6925,7 +6932,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6925
6932
|
_: 3
|
|
6926
6933
|
}, 8, ["class"]));
|
|
6927
6934
|
}
|
|
6928
|
-
}),
|
|
6935
|
+
}), _l = /* @__PURE__ */ T({
|
|
6929
6936
|
__name: "MSubtitle",
|
|
6930
6937
|
props: {
|
|
6931
6938
|
size: { default: "large" },
|
|
@@ -6939,7 +6946,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6939
6946
|
medium: "body-medium",
|
|
6940
6947
|
small: "body-small"
|
|
6941
6948
|
}, r = _(() => n[t.size]);
|
|
6942
|
-
return (t, n) => (P(), v(
|
|
6949
|
+
return (t, n) => (P(), v(gl, {
|
|
6943
6950
|
variant: r.value,
|
|
6944
6951
|
color: e.color,
|
|
6945
6952
|
align: e.align,
|
|
@@ -6954,31 +6961,31 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
6954
6961
|
"truncate"
|
|
6955
6962
|
]));
|
|
6956
6963
|
}
|
|
6957
|
-
}),
|
|
6964
|
+
}), vl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, yl = {
|
|
6958
6965
|
key: 0,
|
|
6959
6966
|
class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
|
|
6960
|
-
},
|
|
6967
|
+
}, bl = {
|
|
6961
6968
|
key: 0,
|
|
6962
6969
|
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"
|
|
6963
|
-
},
|
|
6970
|
+
}, xl = ["placeholder"], Sl = {
|
|
6964
6971
|
key: 0,
|
|
6965
6972
|
class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
|
|
6966
|
-
},
|
|
6973
|
+
}, Cl = { class: "overflow-x-auto" }, wl = { class: "w-full border-collapse" }, Tl = { class: "bg-surface-container-high" }, El = {
|
|
6967
6974
|
key: 0,
|
|
6968
6975
|
class: "w-12 px-4 py-3"
|
|
6969
|
-
},
|
|
6976
|
+
}, Dl = ["onClick"], Ol = { class: "inline-flex items-center gap-1" }, kl = {
|
|
6970
6977
|
key: 0,
|
|
6971
6978
|
class: "inline-flex"
|
|
6972
|
-
},
|
|
6979
|
+
}, Al = {
|
|
6973
6980
|
key: 1,
|
|
6974
6981
|
class: "w-1 px-4 py-3"
|
|
6975
|
-
},
|
|
6982
|
+
}, jl = {
|
|
6976
6983
|
key: 0,
|
|
6977
6984
|
class: "px-4 py-3.5"
|
|
6978
|
-
},
|
|
6985
|
+
}, Ml = {
|
|
6979
6986
|
key: 1,
|
|
6980
6987
|
class: "px-4 py-3.5"
|
|
6981
|
-
},
|
|
6988
|
+
}, Nl = { key: 1 }, Pl = ["colspan"], Fl = { class: "text-body-medium text-on-surface-variant" }, Il = ["onClick"], Ll = ["onClick"], Rl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, zl = /* @__PURE__ */ T({
|
|
6982
6989
|
__name: "MTable",
|
|
6983
6990
|
props: {
|
|
6984
6991
|
columns: {},
|
|
@@ -7118,9 +7125,9 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7118
7125
|
return `${i[(e * 3 + t) % i.length]}%`;
|
|
7119
7126
|
}
|
|
7120
7127
|
let J = ee(), X = _(() => !!J["row-actions"]);
|
|
7121
|
-
return (t, n) => (P(), b("div",
|
|
7122
|
-
e.searchable || t.$slots.toolbar ? (P(), b("div",
|
|
7123
|
-
e.searchable ? (P(), b("div",
|
|
7128
|
+
return (t, n) => (P(), b("div", vl, [
|
|
7129
|
+
e.searchable || t.$slots.toolbar ? (P(), b("div", yl, [
|
|
7130
|
+
e.searchable ? (P(), b("div", bl, [
|
|
7124
7131
|
w(d, {
|
|
7125
7132
|
name: "search",
|
|
7126
7133
|
size: 16,
|
|
@@ -7131,7 +7138,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7131
7138
|
type: "text",
|
|
7132
7139
|
placeholder: e.searchPlaceholder ?? U(r).search,
|
|
7133
7140
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
|
|
7134
|
-
}, null, 8,
|
|
7141
|
+
}, null, 8, xl), [[te, s.value]]),
|
|
7135
7142
|
s.value ? (P(), b("button", {
|
|
7136
7143
|
key: 0,
|
|
7137
7144
|
class: "text-on-surface-variant transition-colors hover:text-on-surface",
|
|
@@ -7148,12 +7155,12 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7148
7155
|
"leave-active-class": "transition-[opacity,transform] duration-100",
|
|
7149
7156
|
"leave-to-class": "opacity-0 scale-90"
|
|
7150
7157
|
}, {
|
|
7151
|
-
default: Y(() => [e.selectable && O.value.length > 0 ? (P(), b("span",
|
|
7158
|
+
default: Y(() => [e.selectable && O.value.length > 0 ? (P(), b("span", Sl, H(O.value.length) + " " + H(e.selectedText ?? U(r).selectedCount) + H(O.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
|
|
7152
7159
|
_: 1
|
|
7153
7160
|
})
|
|
7154
7161
|
])) : y("", !0),
|
|
7155
|
-
x("div",
|
|
7156
|
-
e.selectable ? (P(), b("th",
|
|
7162
|
+
x("div", Cl, [x("table", wl, [x("thead", null, [x("tr", Tl, [
|
|
7163
|
+
e.selectable ? (P(), b("th", El, [w(Q, {
|
|
7157
7164
|
"model-value": I.value,
|
|
7158
7165
|
indeterminate: B.value,
|
|
7159
7166
|
"onUpdate:modelValue": V
|
|
@@ -7167,7 +7174,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7167
7174
|
e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
|
|
7168
7175
|
]),
|
|
7169
7176
|
onClick: (t) => e.sortable ? u(e.key) : void 0
|
|
7170
|
-
}, [x("span",
|
|
7177
|
+
}, [x("span", Ol, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", kl, [c.value === e.key && l.value === "asc" ? (P(), v(d, {
|
|
7171
7178
|
key: 0,
|
|
7172
7179
|
name: "arrow_upward",
|
|
7173
7180
|
size: 14,
|
|
@@ -7182,13 +7189,13 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7182
7189
|
name: "unfold_more",
|
|
7183
7190
|
size: 14,
|
|
7184
7191
|
class: "opacity-30"
|
|
7185
|
-
}))])) : y("", !0)])], 14,
|
|
7186
|
-
X.value ? (P(), b("th",
|
|
7192
|
+
}))])) : y("", !0)])], 14, Dl))), 128)),
|
|
7193
|
+
X.value ? (P(), b("th", Al)) : y("", !0)
|
|
7187
7194
|
])]), x("tbody", null, [e.loading ? (P(!0), b(p, { key: 0 }, R(e.perPage, (t) => (P(), b("tr", {
|
|
7188
7195
|
key: `sk-${t}`,
|
|
7189
7196
|
class: "border-t border-outline-variant"
|
|
7190
7197
|
}, [
|
|
7191
|
-
e.selectable ? (P(), b("td",
|
|
7198
|
+
e.selectable ? (P(), b("td", jl, [...n[4] ||= [x("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : y("", !0),
|
|
7192
7199
|
(P(!0), b(p, null, R(e.columns, (e, n) => (P(), b("td", {
|
|
7193
7200
|
key: e.key,
|
|
7194
7201
|
class: "px-4 py-3.5"
|
|
@@ -7196,15 +7203,15 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7196
7203
|
class: "h-4 animate-pulse rounded-full bg-on-surface/10",
|
|
7197
7204
|
style: A({ width: K(t, n) })
|
|
7198
7205
|
}, null, 4)]))), 128)),
|
|
7199
|
-
X.value ? (P(), b("td",
|
|
7200
|
-
]))), 128)) : T.value.length === 0 ? (P(), b("tr",
|
|
7206
|
+
X.value ? (P(), b("td", Ml, [...n[5] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : y("", !0)
|
|
7207
|
+
]))), 128)) : T.value.length === 0 ? (P(), b("tr", Nl, [x("td", {
|
|
7201
7208
|
colspan: e.columns.length + W.value,
|
|
7202
7209
|
class: "border-t border-outline-variant px-4 py-14 text-center"
|
|
7203
7210
|
}, [z(t.$slots, "empty", {}, () => [w(d, {
|
|
7204
7211
|
name: "search_off",
|
|
7205
7212
|
size: 36,
|
|
7206
7213
|
class: "mb-2 text-on-surface-variant opacity-30"
|
|
7207
|
-
}), x("p",
|
|
7214
|
+
}), x("p", Fl, H(e.emptyText ?? U(r).noResults), 1)])], 8, Pl)])) : (P(!0), b(p, { key: 2 }, R(T.value, (r) => (P(), b("tr", {
|
|
7208
7215
|
key: j(r),
|
|
7209
7216
|
class: k([
|
|
7210
7217
|
"border-t border-outline-variant transition-colors duration-100",
|
|
@@ -7221,7 +7228,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7221
7228
|
}, [w(Q, {
|
|
7222
7229
|
"model-value": N(r),
|
|
7223
7230
|
"onUpdate:modelValue": (e) => F(r)
|
|
7224
|
-
}, null, 8, ["model-value", "onUpdate:modelValue"])], 8,
|
|
7231
|
+
}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Ll)) : y("", !0),
|
|
7225
7232
|
(P(!0), b(p, null, R(e.columns, (e) => (P(), b("td", {
|
|
7226
7233
|
key: e.key,
|
|
7227
7234
|
class: k(["px-4 py-3 text-body-medium text-on-surface", G(e.align)])
|
|
@@ -7235,8 +7242,8 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7235
7242
|
class: "px-4 py-3 text-right",
|
|
7236
7243
|
onClick: n[2] ||= Z(() => {}, ["stop"])
|
|
7237
7244
|
}, [z(t.$slots, "row-actions", { row: r })])) : y("", !0)
|
|
7238
|
-
], 10,
|
|
7239
|
-
x("div",
|
|
7245
|
+
], 10, Il))), 128))])])]),
|
|
7246
|
+
x("div", Rl, [w(fn, {
|
|
7240
7247
|
page: m.value,
|
|
7241
7248
|
"per-page": e.perPage,
|
|
7242
7249
|
total: S.value,
|
|
@@ -7248,16 +7255,16 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7248
7255
|
])])
|
|
7249
7256
|
]));
|
|
7250
7257
|
}
|
|
7251
|
-
}),
|
|
7258
|
+
}), Bl = {
|
|
7252
7259
|
key: 0,
|
|
7253
7260
|
class: "relative border-b border-outline-variant"
|
|
7254
|
-
},
|
|
7261
|
+
}, Vl = {
|
|
7255
7262
|
class: "flex overflow-x-auto",
|
|
7256
7263
|
style: { "scrollbar-width": "none" }
|
|
7257
|
-
},
|
|
7264
|
+
}, Hl = ["disabled", "onClick"], Ul = {
|
|
7258
7265
|
key: 1,
|
|
7259
7266
|
class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
|
|
7260
|
-
},
|
|
7267
|
+
}, Wl = ["disabled", "onClick"], Gl = /* @__PURE__ */ T({
|
|
7261
7268
|
__name: "MTabs",
|
|
7262
7269
|
props: {
|
|
7263
7270
|
modelValue: {},
|
|
@@ -7277,7 +7284,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7277
7284
|
function c(e) {
|
|
7278
7285
|
e.disabled || r("update:modelValue", e.value);
|
|
7279
7286
|
}
|
|
7280
|
-
return (t, n) => e.variant === "primary" ? (P(), b("div",
|
|
7287
|
+
return (t, n) => e.variant === "primary" ? (P(), b("div", Bl, [x("div", Vl, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
|
|
7281
7288
|
key: t.value,
|
|
7282
7289
|
ref_for: !0,
|
|
7283
7290
|
ref: (n) => {
|
|
@@ -7291,13 +7298,13 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7291
7298
|
key: 0,
|
|
7292
7299
|
name: t.icon,
|
|
7293
7300
|
size: 20
|
|
7294
|
-
}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10,
|
|
7301
|
+
}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Hl))), 128))]), x("div", {
|
|
7295
7302
|
class: "absolute bottom-0 h-[3px] rounded-t-sm bg-primary transition-[left,width] duration-200 ease-[cubic-bezier(0.2,0,0,1)]",
|
|
7296
7303
|
style: A({
|
|
7297
7304
|
left: `${a.value}px`,
|
|
7298
7305
|
width: `${o.value}px`
|
|
7299
7306
|
})
|
|
7300
|
-
}, null, 4)])) : (P(), b("div",
|
|
7307
|
+
}, null, 4)])) : (P(), b("div", Ul, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
|
|
7301
7308
|
key: t.value,
|
|
7302
7309
|
type: "button",
|
|
7303
7310
|
class: k(["flex h-8 items-center gap-2 rounded-full px-4 text-label-large transition-all duration-150 focus-visible:outline-none", t.value === e.modelValue ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : t.disabled ? "cursor-not-allowed text-on-surface/38" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface"]),
|
|
@@ -7307,27 +7314,27 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7307
7314
|
key: 0,
|
|
7308
7315
|
name: t.icon,
|
|
7309
7316
|
size: 16
|
|
7310
|
-
}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10,
|
|
7317
|
+
}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10, Wl))), 128))]));
|
|
7311
7318
|
}
|
|
7312
|
-
}),
|
|
7319
|
+
}), Kl = { class: "flex flex-col items-center" }, ql = { class: "flex items-baseline justify-between gap-2" }, Jl = { class: "text-body-large font-medium text-on-surface" }, Yl = {
|
|
7313
7320
|
key: 0,
|
|
7314
7321
|
class: "shrink-0 text-label-small text-on-surface-variant"
|
|
7315
|
-
},
|
|
7322
|
+
}, Xl = {
|
|
7316
7323
|
key: 0,
|
|
7317
7324
|
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
7318
|
-
},
|
|
7325
|
+
}, Zl = {
|
|
7319
7326
|
key: 1,
|
|
7320
7327
|
class: "mt-2"
|
|
7321
|
-
},
|
|
7328
|
+
}, Ql = { class: "text-body-large font-medium text-on-surface" }, $l = {
|
|
7322
7329
|
key: 0,
|
|
7323
7330
|
class: "mt-1 text-body-medium text-on-surface-variant"
|
|
7324
|
-
},
|
|
7331
|
+
}, eu = {
|
|
7325
7332
|
key: 1,
|
|
7326
7333
|
class: "mt-1 inline-block text-label-small text-on-surface-variant"
|
|
7327
|
-
},
|
|
7334
|
+
}, tu = { class: "flex w-14 shrink-0 flex-col items-center" }, nu = {
|
|
7328
7335
|
key: 0,
|
|
7329
7336
|
class: "w-[2px] flex-1 bg-outline-variant"
|
|
7330
|
-
},
|
|
7337
|
+
}, ru = /* @__PURE__ */ T({
|
|
7331
7338
|
__name: "MTimeline",
|
|
7332
7339
|
props: {
|
|
7333
7340
|
items: {},
|
|
@@ -7353,23 +7360,23 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7353
7360
|
class: k(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
|
|
7354
7361
|
}, [
|
|
7355
7362
|
x("div", { class: k(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", e.dense ? "pb-4" : "pb-8"]]) }, [
|
|
7356
|
-
x("p",
|
|
7357
|
-
n.description ? (P(), b("p",
|
|
7358
|
-
n.date ? (P(), b("span",
|
|
7363
|
+
x("p", Ql, H(n.title), 1),
|
|
7364
|
+
n.description ? (P(), b("p", $l, H(n.description), 1)) : y("", !0),
|
|
7365
|
+
n.date ? (P(), b("span", eu, H(n.date), 1)) : y("", !0)
|
|
7359
7366
|
], 2),
|
|
7360
|
-
x("div",
|
|
7367
|
+
x("div", tu, [x("div", {
|
|
7361
7368
|
class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", t[n.color ?? "primary"]]]),
|
|
7362
7369
|
style: A(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
|
|
7363
7370
|
}, [n.icon ? (P(), v(d, {
|
|
7364
7371
|
key: 0,
|
|
7365
7372
|
name: n.icon,
|
|
7366
7373
|
size: 18
|
|
7367
|
-
}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div",
|
|
7374
|
+
}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div", nu)) : y("", !0)]),
|
|
7368
7375
|
r[0] ||= x("div", { class: "flex-1" }, null, -1)
|
|
7369
7376
|
], 2))), 128)) : (P(!0), b(p, { key: 0 }, R(e.items, (r, i) => (P(), b("div", {
|
|
7370
7377
|
key: i,
|
|
7371
7378
|
class: k(["relative flex gap-4", e.dense ? "pb-4" : "pb-8"])
|
|
7372
|
-
}, [x("div",
|
|
7379
|
+
}, [x("div", Kl, [x("div", {
|
|
7373
7380
|
class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [r.icon ? "h-9 w-9" : "h-3 w-3", t[r.color ?? "primary"]]]),
|
|
7374
7381
|
style: A(r.dotColor ? { backgroundColor: r.dotColor } : void 0)
|
|
7375
7382
|
}, [r.icon ? (P(), v(d, {
|
|
@@ -7381,30 +7388,30 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7381
7388
|
class: k(["w-[2px] flex-1", t[r.color ?? "primary"].split(" ")[0] + "/30"]),
|
|
7382
7389
|
style: { "min-height": "16px" }
|
|
7383
7390
|
}, null, 2)) : y("", !0)]), x("div", { class: k([r.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
|
|
7384
|
-
x("div",
|
|
7385
|
-
r.description ? (P(), b("p",
|
|
7386
|
-
n.$slots[`item-${i}`] ? (P(), b("div",
|
|
7391
|
+
x("div", ql, [x("p", Jl, H(r.title), 1), r.date ? (P(), b("span", Yl, H(r.date), 1)) : y("", !0)]),
|
|
7392
|
+
r.description ? (P(), b("p", Xl, H(r.description), 1)) : y("", !0),
|
|
7393
|
+
n.$slots[`item-${i}`] ? (P(), b("div", Zl, [z(n.$slots, `item-${i}`, { item: r })])) : y("", !0)
|
|
7387
7394
|
], 2)], 2))), 128))], 2));
|
|
7388
7395
|
}
|
|
7389
|
-
}),
|
|
7396
|
+
}), iu = { class: "flex flex-col gap-1" }, au = {
|
|
7390
7397
|
key: 0,
|
|
7391
7398
|
class: "flex-1 font-mono text-on-surface"
|
|
7392
|
-
},
|
|
7399
|
+
}, ou = {
|
|
7393
7400
|
key: 1,
|
|
7394
7401
|
class: "flex-1 text-on-surface-variant"
|
|
7395
|
-
},
|
|
7402
|
+
}, su = {
|
|
7396
7403
|
key: 0,
|
|
7397
7404
|
class: "px-4 text-body-small text-error"
|
|
7398
|
-
},
|
|
7405
|
+
}, cu = {
|
|
7399
7406
|
key: 1,
|
|
7400
7407
|
class: "px-4 text-body-small text-on-surface-variant"
|
|
7401
|
-
},
|
|
7408
|
+
}, lu = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, uu = { class: "p-3" }, du = {
|
|
7402
7409
|
key: 0,
|
|
7403
7410
|
class: "grid grid-cols-6 gap-1"
|
|
7404
|
-
},
|
|
7411
|
+
}, fu = ["onClick"], pu = {
|
|
7405
7412
|
key: 1,
|
|
7406
7413
|
class: "grid grid-cols-6 gap-1"
|
|
7407
|
-
},
|
|
7414
|
+
}, mu = ["onClick"], hu = /* @__PURE__ */ T({
|
|
7408
7415
|
__name: "MTimePicker",
|
|
7409
7416
|
props: {
|
|
7410
7417
|
modelValue: {},
|
|
@@ -7482,7 +7489,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7482
7489
|
e ? (u.value = "hour", C.value = S.value.h, T.value = S.value.m, B(), setTimeout(() => document.addEventListener("mousedown", V), 0)) : document.removeEventListener("mousedown", V);
|
|
7483
7490
|
}), M(() => window.addEventListener("scroll", W, !0)), N(() => {
|
|
7484
7491
|
window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", V);
|
|
7485
|
-
}), (t, n) => (P(), b("div",
|
|
7492
|
+
}), (t, n) => (P(), b("div", iu, [
|
|
7486
7493
|
x("div", {
|
|
7487
7494
|
ref_key: "triggerEl",
|
|
7488
7495
|
ref: c,
|
|
@@ -7498,7 +7505,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7498
7505
|
size: 20,
|
|
7499
7506
|
class: "shrink-0 text-on-surface-variant"
|
|
7500
7507
|
}),
|
|
7501
|
-
z.value ? (P(), b("span",
|
|
7508
|
+
z.value ? (P(), b("span", au, H(z.value), 1)) : (P(), b("span", ou, H(e.label || e.placeholder || U(a).selectTime), 1)),
|
|
7502
7509
|
e.modelValue ? (P(), v(d, {
|
|
7503
7510
|
key: 2,
|
|
7504
7511
|
name: "close",
|
|
@@ -7510,7 +7517,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7510
7517
|
key: 0,
|
|
7511
7518
|
class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", s.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
|
|
7512
7519
|
}, H(e.label), 3)) : y("", !0)], 4),
|
|
7513
|
-
e.error ? (P(), b("p",
|
|
7520
|
+
e.error ? (P(), b("p", su, H(e.error), 1)) : e.hint ? (P(), b("p", cu, H(e.hint), 1)) : y("", !0),
|
|
7514
7521
|
(P(), v(m, { to: "body" }, [w(h, {
|
|
7515
7522
|
"enter-active-class": "transition-[opacity,transform] duration-150",
|
|
7516
7523
|
"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
|
|
@@ -7523,7 +7530,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7523
7530
|
ref: l,
|
|
7524
7531
|
class: "fixed z-500 w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
|
|
7525
7532
|
style: A(f.value)
|
|
7526
|
-
}, [x("div",
|
|
7533
|
+
}, [x("div", lu, [
|
|
7527
7534
|
x("button", {
|
|
7528
7535
|
type: "button",
|
|
7529
7536
|
class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
|
|
@@ -7535,22 +7542,22 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7535
7542
|
class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
|
|
7536
7543
|
onClick: n[2] ||= (e) => u.value = "minute"
|
|
7537
7544
|
}, H(O(T.value)), 3)
|
|
7538
|
-
]), x("div",
|
|
7545
|
+
]), x("div", uu, [u.value === "hour" ? (P(), b("div", du, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("button", {
|
|
7539
7546
|
key: e,
|
|
7540
7547
|
type: "button",
|
|
7541
7548
|
class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === C.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
|
|
7542
7549
|
onClick: (t) => j(e)
|
|
7543
|
-
}, H(O(e)), 11,
|
|
7550
|
+
}, H(O(e)), 11, fu))), 128))])) : (P(), b("div", pu, [(P(!0), b(p, null, R(D.value, (e) => (P(), b("button", {
|
|
7544
7551
|
key: e,
|
|
7545
7552
|
type: "button",
|
|
7546
7553
|
class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === T.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
|
|
7547
7554
|
onClick: (t) => F(e)
|
|
7548
|
-
}, H(O(e)), 11,
|
|
7555
|
+
}, H(O(e)), 11, mu))), 128))]))])], 4)) : y("", !0)]),
|
|
7549
7556
|
_: 1
|
|
7550
7557
|
})]))
|
|
7551
7558
|
]));
|
|
7552
7559
|
}
|
|
7553
|
-
}),
|
|
7560
|
+
}), gu = /* @__PURE__ */ T({
|
|
7554
7561
|
__name: "MTitle",
|
|
7555
7562
|
props: {
|
|
7556
7563
|
size: { default: "large" },
|
|
@@ -7564,7 +7571,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7564
7571
|
medium: "headline-medium",
|
|
7565
7572
|
small: "headline-small"
|
|
7566
7573
|
}, r = _(() => n[t.size]);
|
|
7567
|
-
return (t, n) => (P(), v(
|
|
7574
|
+
return (t, n) => (P(), v(gl, {
|
|
7568
7575
|
variant: r.value,
|
|
7569
7576
|
weight: "medium",
|
|
7570
7577
|
color: e.color,
|
|
@@ -7580,7 +7587,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7580
7587
|
"truncate"
|
|
7581
7588
|
]));
|
|
7582
7589
|
}
|
|
7583
|
-
}),
|
|
7590
|
+
}), _u = /* @__PURE__ */ T({
|
|
7584
7591
|
__name: "MTooltip",
|
|
7585
7592
|
props: {
|
|
7586
7593
|
text: {},
|
|
@@ -7649,13 +7656,13 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7649
7656
|
_: 1
|
|
7650
7657
|
})]))], 64));
|
|
7651
7658
|
}
|
|
7652
|
-
}),
|
|
7659
|
+
}), vu = { class: "flex h-16 items-center gap-1 px-4" }, yu = {
|
|
7653
7660
|
key: 1,
|
|
7654
7661
|
class: "flex-1"
|
|
7655
|
-
},
|
|
7662
|
+
}, bu = {
|
|
7656
7663
|
key: 2,
|
|
7657
7664
|
class: "flex items-center gap-1"
|
|
7658
|
-
},
|
|
7665
|
+
}, xu = /* @__PURE__ */ T({
|
|
7659
7666
|
__name: "MTopAppBar",
|
|
7660
7667
|
props: {
|
|
7661
7668
|
title: {},
|
|
@@ -7666,7 +7673,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7666
7673
|
},
|
|
7667
7674
|
emits: ["navigation"],
|
|
7668
7675
|
setup(t) {
|
|
7669
|
-
return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div",
|
|
7676
|
+
return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div", vu, [
|
|
7670
7677
|
z(n.$slots, "navigation", {}, () => [t.navigationIcon ? (P(), v(e, {
|
|
7671
7678
|
key: 0,
|
|
7672
7679
|
icon: t.navigationIcon,
|
|
@@ -7676,14 +7683,14 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7676
7683
|
t.variant === "center" || t.variant === "small" ? (P(), b("h1", {
|
|
7677
7684
|
key: 0,
|
|
7678
7685
|
class: k(["flex flex-1 items-center truncate px-4 text-title-large text-on-surface", t.variant === "center" ? "justify-center" : ""])
|
|
7679
|
-
}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div",
|
|
7680
|
-
n.$slots.actions ? (P(), b("div",
|
|
7686
|
+
}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div", yu)),
|
|
7687
|
+
n.$slots.actions ? (P(), b("div", bu, [z(n.$slots, "actions")])) : y("", !0)
|
|
7681
7688
|
]), t.variant === "medium" || t.variant === "large" ? (P(), b("div", {
|
|
7682
7689
|
key: 0,
|
|
7683
7690
|
class: k(["px-4 pb-6", t.variant === "large" ? "pt-4" : "pt-1"])
|
|
7684
7691
|
}, [x("h1", { class: k(["text-on-surface", t.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)], 2)) : y("", !0)], 2));
|
|
7685
7692
|
}
|
|
7686
|
-
}),
|
|
7693
|
+
}), Su = { class: "mb-2 flex items-center justify-between" }, Cu = { class: "text-label-small text-on-surface-variant" }, wu = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Tu = { class: "mb-4 text-body-medium text-on-surface-variant" }, Eu = { class: "mb-4 flex justify-center gap-1.5" }, Du = { class: "flex justify-between" }, Ou = { key: 1 }, ku = /* @__PURE__ */ T({
|
|
7687
7694
|
__name: "MTour",
|
|
7688
7695
|
props: {
|
|
7689
7696
|
modelValue: { type: Boolean },
|
|
@@ -7766,7 +7773,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7766
7773
|
class: "h-0 w-0",
|
|
7767
7774
|
style: A(l.value)
|
|
7768
7775
|
}, null, 4),
|
|
7769
|
-
x("div",
|
|
7776
|
+
x("div", Su, [x("span", Cu, H(s.value + 1) + " / " + H(e.steps.length), 1), x("button", {
|
|
7770
7777
|
type: "button",
|
|
7771
7778
|
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",
|
|
7772
7779
|
onClick: W
|
|
@@ -7774,13 +7781,13 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7774
7781
|
name: "close",
|
|
7775
7782
|
size: 16
|
|
7776
7783
|
})])]),
|
|
7777
|
-
x("h3",
|
|
7778
|
-
x("p",
|
|
7779
|
-
x("div",
|
|
7784
|
+
x("h3", wu, H(f.value.title), 1),
|
|
7785
|
+
x("p", Tu, H(f.value.content), 1),
|
|
7786
|
+
x("div", Eu, [(P(!0), b(p, null, R(e.steps, (e, t) => (P(), b("div", {
|
|
7780
7787
|
key: t,
|
|
7781
7788
|
class: k(["h-1.5 rounded-full transition-all duration-200", t === s.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
|
|
7782
7789
|
}, null, 2))), 128))]),
|
|
7783
|
-
x("div",
|
|
7790
|
+
x("div", Du, [g.value ? (P(), b("span", Ou)) : (P(), v(o, {
|
|
7784
7791
|
key: 0,
|
|
7785
7792
|
variant: "text",
|
|
7786
7793
|
onClick: V
|
|
@@ -7795,19 +7802,19 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7795
7802
|
_: 1
|
|
7796
7803
|
})]));
|
|
7797
7804
|
}
|
|
7798
|
-
}),
|
|
7805
|
+
}), Au = { class: "flex items-stretch gap-2" }, ju = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Mu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Nu = { class: "text-label-large font-medium text-on-surface" }, Pu = { class: "text-label-small text-on-surface-variant" }, Fu = {
|
|
7799
7806
|
key: 0,
|
|
7800
7807
|
class: "border-b border-outline-variant px-3 py-2"
|
|
7801
|
-
},
|
|
7808
|
+
}, Iu = ["placeholder"], Lu = {
|
|
7802
7809
|
class: "flex-1 overflow-y-auto",
|
|
7803
7810
|
style: { "max-height": "240px" }
|
|
7804
|
-
},
|
|
7811
|
+
}, Ru = ["onClick"], zu = { class: "flex-1 truncate text-body-medium text-on-surface" }, Bu = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Vu = { class: "flex flex-col items-center justify-center gap-1" }, Hu = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Uu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Wu = { class: "text-label-large font-medium text-on-surface" }, Gu = { class: "text-label-small text-on-surface-variant" }, Ku = {
|
|
7805
7812
|
key: 0,
|
|
7806
7813
|
class: "border-b border-outline-variant px-3 py-2"
|
|
7807
|
-
},
|
|
7814
|
+
}, qu = ["placeholder"], Ju = {
|
|
7808
7815
|
class: "flex-1 overflow-y-auto",
|
|
7809
7816
|
style: { "max-height": "240px" }
|
|
7810
|
-
},
|
|
7817
|
+
}, Yu = ["onClick"], Xu = { class: "flex-1 truncate text-body-medium text-on-surface" }, Zu = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Qu = /* @__PURE__ */ T({
|
|
7811
7818
|
__name: "MTransferList",
|
|
7812
7819
|
props: {
|
|
7813
7820
|
modelValue: {},
|
|
@@ -7865,16 +7872,16 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7865
7872
|
let e = m.value.map((e) => e.value);
|
|
7866
7873
|
o("update:modelValue", a.modelValue.filter((t) => !new Set(e).has(t))), c.value = /* @__PURE__ */ new Set();
|
|
7867
7874
|
}
|
|
7868
|
-
return (n, r) => (P(), b("div",
|
|
7869
|
-
x("div",
|
|
7870
|
-
x("div",
|
|
7871
|
-
t.filterable ? (P(), b("div",
|
|
7875
|
+
return (n, r) => (P(), b("div", Au, [
|
|
7876
|
+
x("div", ju, [
|
|
7877
|
+
x("div", Mu, [x("span", Nu, H(t.sourceTitle ?? U(i).available), 1), x("span", Pu, H(f.value.length), 1)]),
|
|
7878
|
+
t.filterable ? (P(), b("div", Fu, [ne(x("input", {
|
|
7872
7879
|
"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
|
|
7873
7880
|
type: "text",
|
|
7874
7881
|
placeholder: t.searchPlaceholder ?? U(i).search,
|
|
7875
7882
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
|
|
7876
|
-
}, null, 8,
|
|
7877
|
-
x("div",
|
|
7883
|
+
}, null, 8, Iu), [[te, l.value]])])) : y("", !0),
|
|
7884
|
+
x("div", Lu, [(P(!0), b(p, null, R(f.value, (e) => (P(), b("button", {
|
|
7878
7885
|
key: e.value,
|
|
7879
7886
|
type: "button",
|
|
7880
7887
|
class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
|
|
@@ -7890,10 +7897,10 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7890
7897
|
size: 18,
|
|
7891
7898
|
class: "shrink-0 text-on-surface-variant"
|
|
7892
7899
|
}, null, 8, ["name"])) : y("", !0),
|
|
7893
|
-
x("span",
|
|
7894
|
-
], 8,
|
|
7900
|
+
x("span", zu, H(e.label), 1)
|
|
7901
|
+
], 8, Ru))), 128)), f.value.length ? y("", !0) : z(n.$slots, "source-empty", { key: 0 }, () => [x("p", Bu, H(t.emptyText ?? U(i).noItems), 1)])])
|
|
7895
7902
|
]),
|
|
7896
|
-
x("div",
|
|
7903
|
+
x("div", Vu, [
|
|
7897
7904
|
w(e, {
|
|
7898
7905
|
icon: "keyboard_double_arrow_right",
|
|
7899
7906
|
label: t.moveAllRightLabel ?? U(i).moveAllRight,
|
|
@@ -7925,15 +7932,15 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7925
7932
|
onClick: E
|
|
7926
7933
|
}, null, 8, ["label", "disabled"])
|
|
7927
7934
|
]),
|
|
7928
|
-
x("div",
|
|
7929
|
-
x("div",
|
|
7930
|
-
t.filterable ? (P(), b("div",
|
|
7935
|
+
x("div", Hu, [
|
|
7936
|
+
x("div", Uu, [x("span", Wu, H(t.targetTitle ?? U(i).selected), 1), x("span", Gu, H(m.value.length), 1)]),
|
|
7937
|
+
t.filterable ? (P(), b("div", Ku, [ne(x("input", {
|
|
7931
7938
|
"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
|
|
7932
7939
|
type: "text",
|
|
7933
7940
|
placeholder: t.searchPlaceholder ?? U(i).search,
|
|
7934
7941
|
class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
|
|
7935
|
-
}, null, 8,
|
|
7936
|
-
x("div",
|
|
7942
|
+
}, null, 8, qu), [[te, u.value]])])) : y("", !0),
|
|
7943
|
+
x("div", Ju, [(P(!0), b(p, null, R(m.value, (e) => (P(), b("button", {
|
|
7937
7944
|
key: e.value,
|
|
7938
7945
|
type: "button",
|
|
7939
7946
|
class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
|
|
@@ -7949,18 +7956,18 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
7949
7956
|
size: 18,
|
|
7950
7957
|
class: "shrink-0 text-on-surface-variant"
|
|
7951
7958
|
}, null, 8, ["name"])) : y("", !0),
|
|
7952
|
-
x("span",
|
|
7953
|
-
], 8,
|
|
7959
|
+
x("span", Xu, H(e.label), 1)
|
|
7960
|
+
], 8, Yu))), 128)), m.value.length ? y("", !0) : z(n.$slots, "target-empty", { key: 0 }, () => [x("p", Zu, H(t.emptyText ?? U(i).noItems), 1)])])
|
|
7954
7961
|
])
|
|
7955
7962
|
]));
|
|
7956
7963
|
}
|
|
7957
|
-
}),
|
|
7964
|
+
}), $u = ["aria-expanded", "aria-selected"], ed = { class: "flex w-6 shrink-0 items-center justify-center" }, td = ["disabled"], nd = {
|
|
7958
7965
|
key: 2,
|
|
7959
7966
|
class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
|
|
7960
|
-
},
|
|
7967
|
+
}, rd = {
|
|
7961
7968
|
key: 0,
|
|
7962
7969
|
class: "ml-3 border-l border-outline-variant pl-2"
|
|
7963
|
-
},
|
|
7970
|
+
}, id = /* @__PURE__ */ T({
|
|
7964
7971
|
__name: "_MTreeNode",
|
|
7965
7972
|
props: {
|
|
7966
7973
|
node: {},
|
|
@@ -8005,7 +8012,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8005
8012
|
]),
|
|
8006
8013
|
onClick: u
|
|
8007
8014
|
}, [
|
|
8008
|
-
x("div",
|
|
8015
|
+
x("div", ed, [r.value ? (P(), b("button", {
|
|
8009
8016
|
key: 0,
|
|
8010
8017
|
type: "button",
|
|
8011
8018
|
class: k(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", i.value ? "rotate-90" : ""]),
|
|
@@ -8014,7 +8021,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8014
8021
|
}, [w(d, {
|
|
8015
8022
|
name: "chevron_right",
|
|
8016
8023
|
size: 16
|
|
8017
|
-
})], 10,
|
|
8024
|
+
})], 10, td)) : y("", !0)]),
|
|
8018
8025
|
U(n).checkable.value ? (P(), b("div", {
|
|
8019
8026
|
key: 0,
|
|
8020
8027
|
class: "shrink-0",
|
|
@@ -8036,7 +8043,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8036
8043
|
class: k(["shrink-0 transition-colors", a.value ? "text-primary" : "text-on-surface-variant"])
|
|
8037
8044
|
}, null, 8, ["name", "class"])) : y("", !0),
|
|
8038
8045
|
x("span", { class: k(["min-w-0 flex-1 truncate text-body-medium transition-colors", a.value ? "font-medium text-primary" : "text-on-surface"]) }, [z(t.$slots, "label", { node: e.node }, () => [C(H(e.node.label), 1)])], 2),
|
|
8039
|
-
r.value && U(n).checkable.value ? (P(), b("span",
|
|
8046
|
+
r.value && U(n).checkable.value ? (P(), b("span", nd, H(s.value) + "/" + H(o.value.length), 1)) : y("", !0),
|
|
8040
8047
|
z(t.$slots, "trailing", { node: e.node })
|
|
8041
8048
|
], 2), w(h, {
|
|
8042
8049
|
onEnter: g,
|
|
@@ -8044,7 +8051,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8044
8051
|
onLeave: O,
|
|
8045
8052
|
onAfterLeave: A
|
|
8046
8053
|
}, {
|
|
8047
|
-
default: Y(() => [i.value && r.value ? (P(), b("div",
|
|
8054
|
+
default: Y(() => [i.value && r.value ? (P(), b("div", rd, [(P(!0), b(p, null, R(e.node.children, (n) => (P(), v(id, {
|
|
8048
8055
|
key: n.id,
|
|
8049
8056
|
node: n,
|
|
8050
8057
|
depth: e.depth + 1
|
|
@@ -8053,15 +8060,15 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8053
8060
|
fn: Y((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
|
|
8054
8061
|
}))]), 1032, ["node", "depth"]))), 128))])) : y("", !0)]),
|
|
8055
8062
|
_: 3
|
|
8056
|
-
})], 8,
|
|
8063
|
+
})], 8, $u));
|
|
8057
8064
|
}
|
|
8058
|
-
}),
|
|
8065
|
+
}), ad = {
|
|
8059
8066
|
role: "tree",
|
|
8060
8067
|
class: "flex flex-col"
|
|
8061
|
-
},
|
|
8068
|
+
}, od = {
|
|
8062
8069
|
key: 1,
|
|
8063
8070
|
class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
|
|
8064
|
-
},
|
|
8071
|
+
}, sd = { class: "text-body-medium" }, cd = /* @__PURE__ */ T({
|
|
8065
8072
|
__name: "MTree",
|
|
8066
8073
|
props: {
|
|
8067
8074
|
nodes: {},
|
|
@@ -8127,26 +8134,26 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8127
8134
|
return t({
|
|
8128
8135
|
expandAll: y,
|
|
8129
8136
|
collapseAll: C
|
|
8130
|
-
}), (t, n) => (P(), b("div",
|
|
8137
|
+
}), (t, n) => (P(), b("div", ad, [e.nodes.length ? (P(!0), b(p, { key: 0 }, R(e.nodes, (e) => (P(), v(id, {
|
|
8131
8138
|
key: e.id,
|
|
8132
8139
|
node: e,
|
|
8133
8140
|
depth: 0
|
|
8134
8141
|
}, S({ _: 2 }, [R(t.$slots, (e, n) => ({
|
|
8135
8142
|
name: n,
|
|
8136
8143
|
fn: Y((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
|
|
8137
|
-
}))]), 1032, ["node"]))), 128)) : (P(), b("div",
|
|
8144
|
+
}))]), 1032, ["node"]))), 128)) : (P(), b("div", od, [w(d, {
|
|
8138
8145
|
name: "account_tree",
|
|
8139
8146
|
size: 32,
|
|
8140
8147
|
class: "opacity-30"
|
|
8141
|
-
}), x("p",
|
|
8148
|
+
}), x("p", sd, H(e.emptyText), 1)]))]));
|
|
8142
8149
|
}
|
|
8143
|
-
}),
|
|
8150
|
+
}), ld = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, ud = {
|
|
8144
8151
|
key: 0,
|
|
8145
8152
|
class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
|
|
8146
|
-
},
|
|
8153
|
+
}, dd = { class: "overflow-x-auto" }, fd = { class: "w-full border-collapse" }, pd = { class: "bg-surface-container-high" }, md = ["onClick"], hd = ["onClick"], gd = {
|
|
8147
8154
|
key: 1,
|
|
8148
8155
|
class: "w-6 shrink-0"
|
|
8149
|
-
},
|
|
8156
|
+
}, _d = { key: 0 }, vd = ["colspan"], yd = /* @__PURE__ */ T({
|
|
8150
8157
|
__name: "MTreeTable",
|
|
8151
8158
|
props: {
|
|
8152
8159
|
columns: {},
|
|
@@ -8201,10 +8208,10 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8201
8208
|
function f(e) {
|
|
8202
8209
|
return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
|
|
8203
8210
|
}
|
|
8204
|
-
return (t, n) => (P(), b("div",
|
|
8211
|
+
return (t, n) => (P(), b("div", ld, [t.$slots.toolbar ? (P(), b("div", ud, [z(t.$slots, "toolbar", {
|
|
8205
8212
|
expandAll: l,
|
|
8206
8213
|
collapseAll: u
|
|
8207
|
-
})])) : y("", !0), x("div",
|
|
8214
|
+
})])) : y("", !0), x("div", dd, [x("table", fd, [x("thead", null, [x("tr", pd, [(P(!0), b(p, null, R(e.columns, (t, n) => (P(), b("th", {
|
|
8208
8215
|
key: t.key,
|
|
8209
8216
|
style: A(t.width ? { width: t.width } : void 0),
|
|
8210
8217
|
class: k([
|
|
@@ -8235,7 +8242,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8235
8242
|
}, [w(d, {
|
|
8236
8243
|
name: "chevron_right",
|
|
8237
8244
|
size: 18
|
|
8238
|
-
})], 10,
|
|
8245
|
+
})], 10, hd)) : (P(), b("span", gd)), z(t.$slots, `cell-${r.key}`, {
|
|
8239
8246
|
row: n.row,
|
|
8240
8247
|
value: n.row[r.key],
|
|
8241
8248
|
depth: n.depth
|
|
@@ -8244,19 +8251,19 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8244
8251
|
row: n.row,
|
|
8245
8252
|
value: n.row[r.key],
|
|
8246
8253
|
depth: n.depth
|
|
8247
|
-
}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10,
|
|
8254
|
+
}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, md))), 128)), c.value.length ? y("", !0) : (P(), b("tr", _d, [x("td", {
|
|
8248
8255
|
colspan: e.columns.length,
|
|
8249
8256
|
class: "border-t border-outline-variant px-4 py-10 text-center"
|
|
8250
8257
|
}, [w(d, {
|
|
8251
8258
|
name: "account_tree",
|
|
8252
8259
|
size: 36,
|
|
8253
8260
|
class: "mb-2 text-on-surface-variant opacity-30"
|
|
8254
|
-
}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8,
|
|
8261
|
+
}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, vd)]))])])])]));
|
|
8255
8262
|
}
|
|
8256
|
-
}),
|
|
8263
|
+
}), bd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, xd = { class: "flex bg-surface-container-high" }, Sd = ["onClick"], Cd = { class: "inline-flex items-center gap-1" }, wd = {
|
|
8257
8264
|
key: 0,
|
|
8258
8265
|
class: "inline-flex"
|
|
8259
|
-
},
|
|
8266
|
+
}, Td = ["onClick"], Ed = { class: "truncate" }, Dd = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Od = { class: "text-label-small text-on-surface-variant" }, kd = /* @__PURE__ */ T({
|
|
8260
8267
|
__name: "MVirtualTable",
|
|
8261
8268
|
props: {
|
|
8262
8269
|
columns: {},
|
|
@@ -8302,8 +8309,8 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8302
8309
|
function w(e) {
|
|
8303
8310
|
return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
|
|
8304
8311
|
}
|
|
8305
|
-
return (t, n) => (P(), b("div",
|
|
8306
|
-
x("div",
|
|
8312
|
+
return (t, n) => (P(), b("div", bd, [
|
|
8313
|
+
x("div", xd, [(P(!0), b(p, null, R(e.columns, (e) => (P(), b("div", {
|
|
8307
8314
|
key: e.key,
|
|
8308
8315
|
style: A({
|
|
8309
8316
|
width: e.width || "auto",
|
|
@@ -8315,7 +8322,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8315
8322
|
e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
|
|
8316
8323
|
]),
|
|
8317
8324
|
onClick: (t) => e.sortable ? l(e.key) : void 0
|
|
8318
|
-
}, [x("span",
|
|
8325
|
+
}, [x("span", Cd, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", wd, [s.value === e.key && c.value === "asc" ? (P(), v(d, {
|
|
8319
8326
|
key: 0,
|
|
8320
8327
|
name: "arrow_upward",
|
|
8321
8328
|
size: 14,
|
|
@@ -8330,7 +8337,7 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8330
8337
|
name: "unfold_more",
|
|
8331
8338
|
size: 14,
|
|
8332
8339
|
class: "opacity-30"
|
|
8333
|
-
}))])) : y("", !0)])], 14,
|
|
8340
|
+
}))])) : y("", !0)])], 14, Sd))), 128))]),
|
|
8334
8341
|
x("div", {
|
|
8335
8342
|
ref_key: "scrollEl",
|
|
8336
8343
|
ref: i,
|
|
@@ -8358,12 +8365,12 @@ var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
|
|
|
8358
8365
|
}, [z(t.$slots, `cell-${e.key}`, {
|
|
8359
8366
|
row: n,
|
|
8360
8367
|
value: n[e.key]
|
|
8361
|
-
}, () => [x("span",
|
|
8362
|
-
x("div",
|
|
8368
|
+
}, () => [x("span", Ed, H(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, Td))), 128))], 4)], 36),
|
|
8369
|
+
x("div", Dd, [x("span", Od, [C(H(u.value.length.toLocaleString()) + " filas ", 1), m.value.end - m.value.start < u.value.length ? (P(), b(p, { key: 0 }, [C(" · mostrando " + H(m.value.start + 1) + "–" + H(m.value.end), 1)], 64)) : y("", !0)])])
|
|
8363
8370
|
]));
|
|
8364
8371
|
}
|
|
8365
8372
|
});
|
|
8366
8373
|
//#endregion
|
|
8367
|
-
export { Se as MAbsolute, Oe as MAlert, Me as MAppBar, Ie as MAppLayout, Le as MAspectRatio, Re as MAvatar, Ve as MBadge, qe as MBottomSheet, Je as MBox, Ze as MBreadcrumbs, o as MButton, lt as MCalendar, gt as MCard, St as MCarousel, Ct as MCenter, Q as MCheckbox, Dt as MChip, Rt as MColorPicker, Qt as MCommandPalette, en as MConfirmDialog, tn as MContainer, ln as MContextMenu, zn as MDataTable, Xn as MDatePicker, cr as MDateRangePicker, r as MDialog, fr as MDivider, vr as MDragDropList, br as MEmoji, Er as MEmojiButton, Pr as MEmojiSelector, Fr as MEmptyState, Hr as MExpansionPanel, qr as MFab, li as MFileUpload, ui as MFixed, gi as MFlex, hi as MFooter, _i as MFullscreen, vi as MGrid, wi as MHotkeys, d as MIcon, e as MIconButton, Oi as MInfiniteScroll, Li as MJsonViewer, qi as MKanban, Ji as MList, ca as MListItem, la as MListSubheader, pa as MLoadingOverlay, xa as MMaskField, ma as MMasonry, a as MMenu, l as MMenuItem, Ia as MMultiSelect, za as MNavigationBar,
|
|
8374
|
+
export { Se as MAbsolute, Oe as MAlert, Me as MAppBar, Ie as MAppLayout, Le as MAspectRatio, Re as MAvatar, Ve as MBadge, qe as MBottomSheet, Je as MBox, Ze as MBreadcrumbs, o as MButton, lt as MCalendar, gt as MCard, St as MCarousel, Ct as MCenter, Q as MCheckbox, Dt as MChip, Rt as MColorPicker, Qt as MCommandPalette, en as MConfirmDialog, tn as MContainer, ln as MContextMenu, zn as MDataTable, Xn as MDatePicker, cr as MDateRangePicker, r as MDialog, fr as MDivider, vr as MDragDropList, br as MEmoji, Er as MEmojiButton, Pr as MEmojiSelector, Fr as MEmptyState, Hr as MExpansionPanel, qr as MFab, li as MFileUpload, ui as MFixed, gi as MFlex, hi as MFooter, _i as MFullscreen, vi as MGrid, wi as MHotkeys, d as MIcon, e as MIconButton, Oi as MInfiniteScroll, Li as MJsonViewer, qi as MKanban, Ji as MList, ca as MListItem, la as MListSubheader, pa as MLoadingOverlay, xa as MMaskField, ma as MMasonry, a as MMenu, l as MMenuItem, Ia as MMultiSelect, za as MNavigationBar, Oo as MNavigationDrawer, Mo as MNavigationRail, Ka as MNumberField, Po as MOverlay, fn as MPagination, Xo as MProgressBar, ts as MRadio, is as MRadioGroup, os as MRating, us as MRelative, ds as MResponsive, vs as MResult, Ps as MScheduler, Fs as MScrollable, Bs as MSection, Us as MSegmentedButton, tc as MSelect, sc as MSideSheet, lc as MSkeleton, hc as MSlider, bc as MSnackbar, wc as MSpacer, c as MSpinner, Tc as MSplitter, Hc as MSpotlightSearch, Uc as MStack, Qc as MStatCard, ml as MStepper, hl as MSticky, _l as MSubtitle, Zi as MSwitch, zl as MTable, Gl as MTabs, gl as MText, s as MTextField, hu as MTimePicker, ru as MTimeline, gu as MTitle, _u as MTooltip, xu as MTopAppBar, ku as MTour, Qu as MTransferList, cd as MTree, yd as MTreeTable, kd as MVirtualTable, Sr as allEmojis, re as createM3UI, u as defaultLocale, xr as emojiCategories, ce as palettes, Cr as randomEmoji, ue as useColorPalette, t as useFieldBg, n as useLocale, se as useTheme, xe as useToast };
|
|
8368
8375
|
|
|
8369
8376
|
//# sourceMappingURL=m3ui.js.map
|