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