@opens/ui 1.0.2 → 1.0.3
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/yunique_ui.cjs.js +1 -1
- package/dist/yunique_ui.css +1 -1
- package/dist/yunique_ui.es.js +73 -73
- package/dist/yunique_ui.umd.js +2 -2
- package/package.json +1 -1
package/dist/yunique_ui.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as v, ref as i, watch as $, openBlock as p, createElementBlock as f, createElementVNode as t, toDisplayString as c, normalizeClass as y, withDirectives as
|
|
2
|
-
const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
1
|
+
import { defineComponent as v, ref as i, watch as $, openBlock as p, createElementBlock as f, createElementVNode as t, toDisplayString as c, normalizeClass as y, withDirectives as x, withKeys as _, vModelDynamic as C, vModelText as V, renderSlot as g, vShow as h, createVNode as w, withCtx as D, vModelCheckbox as I, createTextVNode as T } from "vue";
|
|
2
|
+
const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" }, z = { class: "material-icons yu-text-gray-700 yu-my-auto" }, E = ["placeholder", "type", "maxlength"], K = /* @__PURE__ */ v({
|
|
3
3
|
__name: "icon-text-input",
|
|
4
4
|
props: {
|
|
5
5
|
value: null,
|
|
@@ -13,11 +13,11 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
13
13
|
},
|
|
14
14
|
emits: ["blur", "focus", "input"],
|
|
15
15
|
setup(e, { emit: u }) {
|
|
16
|
-
const
|
|
16
|
+
const o = e;
|
|
17
17
|
i(!1);
|
|
18
|
-
const l = i(
|
|
18
|
+
const l = i(o.value);
|
|
19
19
|
i(!1);
|
|
20
|
-
const
|
|
20
|
+
const n = i(o.type), s = i(!1);
|
|
21
21
|
$(s, (d) => {
|
|
22
22
|
if (!d) {
|
|
23
23
|
u("blur");
|
|
@@ -28,32 +28,32 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
28
28
|
function r() {
|
|
29
29
|
return !(s.value || l.value);
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function b(d) {
|
|
32
32
|
u("input", d.target.value);
|
|
33
33
|
}
|
|
34
|
-
return (d,
|
|
34
|
+
return (d, a) => (p(), f("div", N, [
|
|
35
35
|
t("div", P, [
|
|
36
|
-
t("i",
|
|
36
|
+
t("i", z, c(e.icon), 1),
|
|
37
37
|
t("p", {
|
|
38
38
|
class: y(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-2 yu-text-sm": r(), "yu-translate-y-0 yu-text-xs": !r() }])
|
|
39
39
|
}, c(e.label), 3)
|
|
40
40
|
]),
|
|
41
|
-
|
|
41
|
+
x(t("input", {
|
|
42
42
|
class: "yu-pl-8 yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800",
|
|
43
43
|
placeholder: e.placeholder,
|
|
44
|
-
onInput:
|
|
45
|
-
onFocus:
|
|
46
|
-
onBlur:
|
|
47
|
-
"onUpdate:modelValue":
|
|
48
|
-
type:
|
|
49
|
-
onKeyup:
|
|
44
|
+
onInput: b,
|
|
45
|
+
onFocus: a[0] || (a[0] = (m) => s.value = !0),
|
|
46
|
+
onBlur: a[1] || (a[1] = (m) => s.value = !1),
|
|
47
|
+
"onUpdate:modelValue": a[2] || (a[2] = (m) => l.value = m),
|
|
48
|
+
type: n.value || e.type,
|
|
49
|
+
onKeyup: a[3] || (a[3] = _((m) => d.$emit("keyup-enter"), ["enter"])),
|
|
50
50
|
maxlength: e.caract
|
|
51
|
-
}, null, 40,
|
|
51
|
+
}, null, 40, E), [
|
|
52
52
|
[C, l.value]
|
|
53
53
|
])
|
|
54
54
|
]));
|
|
55
55
|
}
|
|
56
|
-
}),
|
|
56
|
+
}), M = ["disabled"], k = /* @__PURE__ */ v({
|
|
57
57
|
__name: "text-input",
|
|
58
58
|
props: {
|
|
59
59
|
modelValue: null,
|
|
@@ -63,38 +63,38 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
63
63
|
},
|
|
64
64
|
emits: ["update:model-value", "blur", "press-enter"],
|
|
65
65
|
setup(e, { emit: u }) {
|
|
66
|
-
const l = i(e.modelValue),
|
|
66
|
+
const l = i(e.modelValue), n = i(!1);
|
|
67
67
|
function s() {
|
|
68
|
-
return !(
|
|
68
|
+
return !(n.value || l.value);
|
|
69
69
|
}
|
|
70
70
|
function r(d) {
|
|
71
71
|
u(d);
|
|
72
72
|
}
|
|
73
|
-
function
|
|
74
|
-
const
|
|
75
|
-
u("update:model-value",
|
|
73
|
+
function b(d) {
|
|
74
|
+
const a = d.target;
|
|
75
|
+
u("update:model-value", a.value);
|
|
76
76
|
}
|
|
77
|
-
return (d,
|
|
77
|
+
return (d, a) => (p(), f("div", {
|
|
78
78
|
class: y(["simple-input", { "yu-border-red-500": e.invalid }])
|
|
79
79
|
}, [
|
|
80
80
|
t("p", {
|
|
81
81
|
class: y(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-1/4 yu-text-sm": s(), "yu-translate-x-0 yu-text-xs": !s() }])
|
|
82
82
|
}, c(e.label), 3),
|
|
83
|
-
|
|
83
|
+
x(t("input", {
|
|
84
84
|
class: "yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200",
|
|
85
|
-
"onUpdate:modelValue":
|
|
85
|
+
"onUpdate:modelValue": a[0] || (a[0] = (m) => l.value = m),
|
|
86
86
|
type: "text",
|
|
87
87
|
disabled: e.disabled,
|
|
88
|
-
onInput:
|
|
89
|
-
onKeyup:
|
|
90
|
-
onFocus:
|
|
91
|
-
onBlur:
|
|
92
|
-
}, null, 40,
|
|
88
|
+
onInput: b,
|
|
89
|
+
onKeyup: a[1] || (a[1] = _((m) => r("press-enter"), ["enter"])),
|
|
90
|
+
onFocus: a[2] || (a[2] = (m) => n.value = !0),
|
|
91
|
+
onBlur: a[3] || (a[3] = (m) => n.value = !1)
|
|
92
|
+
}, null, 40, M), [
|
|
93
93
|
[V, l.value]
|
|
94
94
|
])
|
|
95
95
|
], 2));
|
|
96
96
|
}
|
|
97
|
-
}),
|
|
97
|
+
}), U = ["checked"], F = /* @__PURE__ */ v({
|
|
98
98
|
__name: "switch-checkbox",
|
|
99
99
|
props: {
|
|
100
100
|
modelValue: { type: Boolean },
|
|
@@ -104,9 +104,9 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
104
104
|
emits: ["update:modelValue", "change", "input"],
|
|
105
105
|
setup(e, { emit: u }) {
|
|
106
106
|
const l = i(e.modelValue);
|
|
107
|
-
return i(!1), $(l, (
|
|
108
|
-
u("update:modelValue",
|
|
109
|
-
}), (
|
|
107
|
+
return i(!1), $(l, (n) => {
|
|
108
|
+
u("update:modelValue", n);
|
|
109
|
+
}), (n, s) => (p(), f("div", {
|
|
110
110
|
class: "yu-relative yu-inline-block yu-w-10 yu-align-middle yu-select-none yu-transition yu-duration-200 yu-ease-in",
|
|
111
111
|
onClick: s[0] || (s[0] = (r) => l.value = !l.value)
|
|
112
112
|
}, [
|
|
@@ -114,14 +114,14 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
114
114
|
class: "yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",
|
|
115
115
|
type: "checkbox",
|
|
116
116
|
checked: l.value
|
|
117
|
-
}, null, 8,
|
|
117
|
+
}, null, 8, U),
|
|
118
118
|
t("label", {
|
|
119
119
|
class: y(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label", { "yu-bg-primary-500": l.value }]),
|
|
120
120
|
for: "toggle"
|
|
121
121
|
}, null, 2)
|
|
122
122
|
]));
|
|
123
123
|
}
|
|
124
|
-
}),
|
|
124
|
+
}), L = /* @__PURE__ */ v({
|
|
125
125
|
__name: "button-primary",
|
|
126
126
|
props: {
|
|
127
127
|
large: {
|
|
@@ -146,13 +146,13 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
setup(e) {
|
|
149
|
-
return (u,
|
|
149
|
+
return (u, o) => (p(), f("button", {
|
|
150
150
|
class: y(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95", { "!yu-px-7 !yu-p-4": e.large, "!yu-px-3 !yu-p-1": e.small, "!yu-bg-red-500": e.warning, "!yu-bg-yellow-400": e.alert, "!yu-bg-green-400": e.success }])
|
|
151
151
|
}, [
|
|
152
152
|
g(u.$slots, "default")
|
|
153
153
|
], 2));
|
|
154
154
|
}
|
|
155
|
-
}),
|
|
155
|
+
}), j = /* @__PURE__ */ v({
|
|
156
156
|
__name: "button-secondary",
|
|
157
157
|
props: {
|
|
158
158
|
large: {
|
|
@@ -177,26 +177,26 @@ const N = { class: "simple-input" }, P = { class: "yu-flex yu-h-full yu-pl-2" },
|
|
|
177
177
|
}
|
|
178
178
|
},
|
|
179
179
|
setup(e) {
|
|
180
|
-
return (u,
|
|
180
|
+
return (u, o) => (p(), f("button", {
|
|
181
181
|
class: y(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20", { "!yu-text-lg": e.large, "!yu-text-sm": e.small, "!yu-text-red-500 !yu-bg-red-500": e.warning, "!yu-text-yellow-400 !yu-bg-yellow-400": e.alert, "!yu-text-green-400 !yu-bg-green-400": e.success }])
|
|
182
182
|
}, [
|
|
183
183
|
g(u.$slots, "default")
|
|
184
184
|
], 2));
|
|
185
185
|
}
|
|
186
|
-
}),
|
|
186
|
+
}), q = { class: "yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400" };
|
|
187
187
|
function A(e, u) {
|
|
188
|
-
return p(), f("div",
|
|
188
|
+
return p(), f("div", q, [
|
|
189
189
|
g(e.$slots, "default")
|
|
190
190
|
]);
|
|
191
191
|
}
|
|
192
192
|
const B = (e, u) => {
|
|
193
|
-
const
|
|
194
|
-
for (const [l,
|
|
195
|
-
|
|
196
|
-
return
|
|
193
|
+
const o = e.__vccOpts || e;
|
|
194
|
+
for (const [l, n] of u)
|
|
195
|
+
o[l] = n;
|
|
196
|
+
return o;
|
|
197
197
|
};
|
|
198
198
|
var O = {};
|
|
199
|
-
const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-full" }, H = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, J = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute" }, Q = /* @__PURE__ */ v({
|
|
199
|
+
const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-full" }, H = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, J = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10" }, Q = /* @__PURE__ */ v({
|
|
200
200
|
__name: "simple-dropdown",
|
|
201
201
|
props: {
|
|
202
202
|
label: {
|
|
@@ -210,13 +210,13 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
210
210
|
},
|
|
211
211
|
setup(e) {
|
|
212
212
|
const u = i(!1);
|
|
213
|
-
return (
|
|
213
|
+
return (o, l) => (p(), f("div", null, [
|
|
214
214
|
t("div", G, [
|
|
215
215
|
t("button", {
|
|
216
216
|
class: y(["yu-ml-auto yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": u.value }]),
|
|
217
|
-
onClick: l[0] || (l[0] = (
|
|
217
|
+
onClick: l[0] || (l[0] = (n) => u.value = !u.value)
|
|
218
218
|
}, [
|
|
219
|
-
|
|
219
|
+
x(t("i", {
|
|
220
220
|
class: y(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": u.value }])
|
|
221
221
|
}, c(e.icon), 3), [
|
|
222
222
|
[h, e.icon]
|
|
@@ -226,12 +226,12 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
226
226
|
class: y(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": u.value }])
|
|
227
227
|
}, " keyboard_arrow_down", 2)
|
|
228
228
|
], 2),
|
|
229
|
-
|
|
229
|
+
x(t("div", J, [
|
|
230
230
|
t("div", {
|
|
231
231
|
class: "yu-w-full yu-rounded-md yu-p-2",
|
|
232
|
-
onClick: l[1] || (l[1] = (
|
|
232
|
+
onClick: l[1] || (l[1] = (n) => u.value = !1)
|
|
233
233
|
}, [
|
|
234
|
-
g(
|
|
234
|
+
g(o.$slots, "default")
|
|
235
235
|
])
|
|
236
236
|
], 512), [
|
|
237
237
|
[h, u.value]
|
|
@@ -239,7 +239,7 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
239
239
|
])
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
}), R = { class: "yu-w-fit" }, W = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, X = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md" }, Y = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, Z = /* @__PURE__ */ t("div", { class: "yu-text-gray-700 yu-text-xs" }, "Selecionar todos", -1), ee = /* @__PURE__ */ v({
|
|
242
|
+
}), R = { class: "yu-w-fit yu-relative" }, W = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, X = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute" }, Y = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, Z = /* @__PURE__ */ t("div", { class: "yu-text-gray-700 yu-text-xs" }, "Selecionar todos", -1), ee = /* @__PURE__ */ v({
|
|
243
243
|
__name: "select-dropdown",
|
|
244
244
|
props: {
|
|
245
245
|
label: {
|
|
@@ -253,7 +253,7 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
253
253
|
},
|
|
254
254
|
emits: ["select-all", "deselect-all"],
|
|
255
255
|
setup(e, { emit: u }) {
|
|
256
|
-
const
|
|
256
|
+
const o = i(!1), l = i(!1), n = () => {
|
|
257
257
|
if (l.value = !l.value, l.value) {
|
|
258
258
|
u("select-all");
|
|
259
259
|
return;
|
|
@@ -262,29 +262,29 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
262
262
|
};
|
|
263
263
|
return (s, r) => (p(), f("div", R, [
|
|
264
264
|
t("button", {
|
|
265
|
-
class: y(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10":
|
|
266
|
-
onClick: r[0] || (r[0] = (
|
|
265
|
+
class: y(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": o.value }]),
|
|
266
|
+
onClick: r[0] || (r[0] = (b) => o.value = !o.value)
|
|
267
267
|
}, [
|
|
268
268
|
t("i", {
|
|
269
|
-
class: y(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500":
|
|
269
|
+
class: y(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": o.value }])
|
|
270
270
|
}, c(e.icon), 3),
|
|
271
271
|
t("div", W, c(e.label), 1),
|
|
272
272
|
t("i", {
|
|
273
|
-
class: y(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180":
|
|
273
|
+
class: y(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": o.value }])
|
|
274
274
|
}, " keyboard_arrow_down", 2)
|
|
275
275
|
], 2),
|
|
276
|
-
|
|
276
|
+
x(t("div", X, [
|
|
277
277
|
t("div", Y, [
|
|
278
278
|
w(k, { label: "Dropdown" }),
|
|
279
279
|
w(S, {
|
|
280
|
-
onClick: r[2] || (r[2] = (
|
|
280
|
+
onClick: r[2] || (r[2] = (b) => n())
|
|
281
281
|
}, {
|
|
282
282
|
default: D(() => [
|
|
283
283
|
Z,
|
|
284
|
-
|
|
284
|
+
x(t("input", {
|
|
285
285
|
class: "yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",
|
|
286
286
|
type: "checkbox",
|
|
287
|
-
"onUpdate:modelValue": r[1] || (r[1] = (
|
|
287
|
+
"onUpdate:modelValue": r[1] || (r[1] = (b) => l.value = b)
|
|
288
288
|
}, null, 512), [
|
|
289
289
|
[I, l.value]
|
|
290
290
|
])
|
|
@@ -294,11 +294,11 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
294
294
|
g(s.$slots, "default")
|
|
295
295
|
])
|
|
296
296
|
], 512), [
|
|
297
|
-
[h,
|
|
297
|
+
[h, o.value]
|
|
298
298
|
])
|
|
299
299
|
]));
|
|
300
300
|
}
|
|
301
|
-
}), te = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, ue = { class: "yu-flex yu-gap-5 yu-px-2" }, le = { class: "yu-flex yu-flex-col" },
|
|
301
|
+
}), te = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, ue = { class: "yu-flex yu-gap-5 yu-px-2" }, le = { class: "yu-flex yu-flex-col" }, oe = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, ae = { class: "yu-font-plus yu-text-xs yu-text-gray-400" }, ne = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, ye = /* @__PURE__ */ v({
|
|
302
302
|
__name: "stat-card",
|
|
303
303
|
props: {
|
|
304
304
|
icon: {
|
|
@@ -323,17 +323,17 @@ const S = /* @__PURE__ */ B(O, [["render", A]]), G = { class: "yu-relative yu-w-
|
|
|
323
323
|
}
|
|
324
324
|
},
|
|
325
325
|
setup(e) {
|
|
326
|
-
return (u,
|
|
326
|
+
return (u, o) => (p(), f("div", te, [
|
|
327
327
|
t("div", ue, [
|
|
328
328
|
t("i", {
|
|
329
329
|
class: y(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid", { "!yu-text-red-500 !yu-bg-red-100": e.bad, "!yu-text-green-500 !yu-bg-green-100": e.good }])
|
|
330
330
|
}, c(e.icon), 3),
|
|
331
331
|
t("div", le, [
|
|
332
|
-
t("div",
|
|
332
|
+
t("div", oe, [
|
|
333
333
|
T(c(e.comparison), 1),
|
|
334
|
-
t("span",
|
|
334
|
+
t("span", ae, "/" + c(e.total), 1)
|
|
335
335
|
]),
|
|
336
|
-
t("p",
|
|
336
|
+
t("p", ne, [
|
|
337
337
|
g(u.$slots, "default")
|
|
338
338
|
])
|
|
339
339
|
])
|
|
@@ -355,19 +355,19 @@ var ce = {};
|
|
|
355
355
|
const pe = /* @__PURE__ */ B(ce, [["render", de]]);
|
|
356
356
|
const me = {
|
|
357
357
|
install: (e) => {
|
|
358
|
-
e.component("TextInput", k), e.component("IconTextInput",
|
|
358
|
+
e.component("TextInput", k), e.component("IconTextInput", K), e.component("SwitchCheckbox", F), e.component("ButtonPrimary", L), e.component("ButtonSecondary", j), e.component("SimpleDropdown", Q), e.component("SelectDropdown", ee), e.component("SimpleDropdownItem", S), e.component("StatCard", ye), e.component("ListCard", pe);
|
|
359
359
|
}
|
|
360
360
|
};
|
|
361
361
|
export {
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
362
|
+
L as ButtonPrimary,
|
|
363
|
+
j as ButtonSecondary,
|
|
364
|
+
K as IconTextInput,
|
|
365
365
|
pe as ListCard,
|
|
366
366
|
ee as SelectDropdown,
|
|
367
367
|
Q as SimpleDropdown,
|
|
368
368
|
S as SimpleDropdownItem,
|
|
369
369
|
ye as StatCard,
|
|
370
|
-
|
|
370
|
+
F as SwitchCheckbox,
|
|
371
371
|
k as TextInput,
|
|
372
372
|
me as default
|
|
373
373
|
};
|