tax4all-components 0.1.10 → 0.1.12
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/deploy/dist/index.js +71 -69
- package/deploy/dist/index.umd.cjs +1 -1
- package/deploy/dist/src/components/SidebarMenu.vue.d.ts +13 -0
- package/deploy/dist/src/interfaces/IDropdown.d.ts +5 -0
- package/deploy/dist/src/stories/components/SidebarMenu.stories.d.ts +7 -0
- package/deploy/dist/style.css +1 -1
- package/package.json +1 -1
package/deploy/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as b, computed as
|
|
1
|
+
import { defineComponent as b, computed as m, openBlock as u, createElementBlock as r, normalizeClass as p, createElementVNode as s, createCommentVNode as g, toDisplayString as _, ref as y, onMounted as V, createTextVNode as I, createVNode as v, createStaticVNode as x, Fragment as S, renderList as A } from "vue";
|
|
2
2
|
const E = ["disabled"], z = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "spinner"
|
|
@@ -27,10 +27,10 @@ const E = ["disabled"], z = {
|
|
|
27
27
|
emits: ["click", "split-click"],
|
|
28
28
|
setup(a, { emit: o }) {
|
|
29
29
|
const e = a, n = o;
|
|
30
|
-
function
|
|
30
|
+
function l() {
|
|
31
31
|
!e.disabled && !e.loading && n("click");
|
|
32
32
|
}
|
|
33
|
-
const d =
|
|
33
|
+
const d = m(() => e.label ? e.iconPosition : "left"), i = m(() => [
|
|
34
34
|
`variant-${e.variant}`,
|
|
35
35
|
`size-${e.size}`,
|
|
36
36
|
`state-${e.state}`,
|
|
@@ -39,13 +39,13 @@ const E = ["disabled"], z = {
|
|
|
39
39
|
disabled: e.disabled
|
|
40
40
|
}
|
|
41
41
|
]);
|
|
42
|
-
return (c,
|
|
42
|
+
return (c, t) => (u(), r("div", {
|
|
43
43
|
class: p(["base-button-wrapper", { "full-width": e.fullWidth, split: e.split }])
|
|
44
44
|
}, [
|
|
45
45
|
s("button", {
|
|
46
46
|
class: p(["base-button", i.value]),
|
|
47
47
|
disabled: a.disabled || a.loading,
|
|
48
|
-
onClick:
|
|
48
|
+
onClick: l
|
|
49
49
|
}, [
|
|
50
50
|
a.loading ? (u(), r("span", z)) : g("", !0),
|
|
51
51
|
a.icon && d.value === "left" && !a.loading ? (u(), r("i", {
|
|
@@ -63,16 +63,16 @@ const E = ["disabled"], z = {
|
|
|
63
63
|
key: 0,
|
|
64
64
|
class: p(["base-button split-button", i.value]),
|
|
65
65
|
disabled: a.disabled,
|
|
66
|
-
onClick:
|
|
67
|
-
}, [...
|
|
66
|
+
onClick: t[0] || (t[0] = (f) => c.$emit("split-click"))
|
|
67
|
+
}, [...t[1] || (t[1] = [
|
|
68
68
|
s("i", { class: "bi bi-chevron-down" }, null, -1)
|
|
69
69
|
])], 10, F)) : g("", !0)
|
|
70
70
|
], 2));
|
|
71
71
|
}
|
|
72
72
|
}), h = (a, o) => {
|
|
73
73
|
const e = a.__vccOpts || a;
|
|
74
|
-
for (const [n,
|
|
75
|
-
e[n] =
|
|
74
|
+
for (const [n, l] of o)
|
|
75
|
+
e[n] = l;
|
|
76
76
|
return e;
|
|
77
77
|
}, P = /* @__PURE__ */ h(L, [["__scopeId", "data-v-0ce8be12"]]), W = {
|
|
78
78
|
key: 0,
|
|
@@ -93,33 +93,33 @@ const E = ["disabled"], z = {
|
|
|
93
93
|
},
|
|
94
94
|
emits: ["update:modelValue"],
|
|
95
95
|
setup(a, { emit: o }) {
|
|
96
|
-
const e = a, n = o,
|
|
96
|
+
const e = a, n = o, l = y(e.state);
|
|
97
97
|
function d(C) {
|
|
98
98
|
const T = C.target;
|
|
99
99
|
n("update:modelValue", T.value);
|
|
100
100
|
}
|
|
101
101
|
function i() {
|
|
102
|
-
e.disabled || (
|
|
102
|
+
e.disabled || (l.value = "focus");
|
|
103
103
|
}
|
|
104
104
|
function c() {
|
|
105
|
-
e.disabled || (
|
|
105
|
+
e.disabled || (l.value = "default");
|
|
106
106
|
}
|
|
107
|
-
function
|
|
108
|
-
e.disabled ||
|
|
107
|
+
function t() {
|
|
108
|
+
e.disabled || l.value !== "focus" && (l.value = "hover");
|
|
109
109
|
}
|
|
110
|
-
function
|
|
111
|
-
e.disabled ||
|
|
110
|
+
function f() {
|
|
111
|
+
e.disabled || l.value !== "focus" && (l.value = "default");
|
|
112
112
|
}
|
|
113
|
-
const k =
|
|
113
|
+
const k = m(() => [
|
|
114
114
|
"base-input",
|
|
115
115
|
`base-input--${e.variant}`,
|
|
116
116
|
`base-input--${e.size}`,
|
|
117
|
-
`base-input--${
|
|
117
|
+
`base-input--${l.value}`,
|
|
118
118
|
{
|
|
119
119
|
"base-input--full": e.fullWidth,
|
|
120
120
|
"base-input--disabled": e.disabled
|
|
121
121
|
}
|
|
122
|
-
]), B =
|
|
122
|
+
]), B = m(() => ["base-input__field"]);
|
|
123
123
|
return (C, T) => (u(), r("div", {
|
|
124
124
|
class: p(k.value)
|
|
125
125
|
}, [
|
|
@@ -134,8 +134,8 @@ const E = ["disabled"], z = {
|
|
|
134
134
|
onInput: d,
|
|
135
135
|
onFocus: i,
|
|
136
136
|
onBlur: c,
|
|
137
|
-
onMouseenter:
|
|
138
|
-
onMouseleave:
|
|
137
|
+
onMouseenter: t,
|
|
138
|
+
onMouseleave: f
|
|
139
139
|
}, null, 42, U)
|
|
140
140
|
], 2));
|
|
141
141
|
}
|
|
@@ -149,29 +149,29 @@ const E = ["disabled"], z = {
|
|
|
149
149
|
},
|
|
150
150
|
emits: ["close"],
|
|
151
151
|
setup(a, { emit: o }) {
|
|
152
|
-
const e = a, n = o,
|
|
152
|
+
const e = a, n = o, l = y(!1);
|
|
153
153
|
let d = null;
|
|
154
|
-
const i =
|
|
154
|
+
const i = m(() => ({
|
|
155
155
|
success: "bi bi-check-circle-fill",
|
|
156
156
|
warning: "bi bi-exclamation-triangle-fill",
|
|
157
157
|
critical: "bi bi-x-circle-fill"
|
|
158
158
|
})[e.variant]);
|
|
159
159
|
function c() {
|
|
160
160
|
d = setTimeout(() => {
|
|
161
|
-
|
|
161
|
+
l.value = !0;
|
|
162
162
|
}, e.duration);
|
|
163
163
|
}
|
|
164
|
-
function
|
|
165
|
-
k.propertyName === "opacity" &&
|
|
164
|
+
function t(k) {
|
|
165
|
+
k.propertyName === "opacity" && l.value && n("close");
|
|
166
166
|
}
|
|
167
|
-
function
|
|
168
|
-
d && clearTimeout(d),
|
|
167
|
+
function f() {
|
|
168
|
+
d && clearTimeout(d), l.value = !0;
|
|
169
169
|
}
|
|
170
170
|
return V(() => {
|
|
171
171
|
c();
|
|
172
172
|
}), (k, B) => (u(), r("div", {
|
|
173
|
-
class: p(["base-snackbar", [`base-snackbar--${a.variant}`, { "base-snackbar--hide":
|
|
174
|
-
onTransitionend:
|
|
173
|
+
class: p(["base-snackbar", [`base-snackbar--${a.variant}`, { "base-snackbar--hide": l.value }]]),
|
|
174
|
+
onTransitionend: t
|
|
175
175
|
}, [
|
|
176
176
|
s("div", D, [
|
|
177
177
|
s("i", {
|
|
@@ -184,7 +184,7 @@ const E = ["disabled"], z = {
|
|
|
184
184
|
]),
|
|
185
185
|
s("button", {
|
|
186
186
|
class: "base-snackbar__close",
|
|
187
|
-
onClick:
|
|
187
|
+
onClick: f
|
|
188
188
|
}, [...B[0] || (B[0] = [
|
|
189
189
|
s("i", { class: "bi bi-x-lg" }, null, -1),
|
|
190
190
|
I(" Fechar ", -1)
|
|
@@ -199,11 +199,11 @@ const E = ["disabled"], z = {
|
|
|
199
199
|
},
|
|
200
200
|
emits: ["click"],
|
|
201
201
|
setup(a, { emit: o }) {
|
|
202
|
-
const e = a, n = o,
|
|
202
|
+
const e = a, n = o, l = m(() => ({
|
|
203
203
|
google: "Google",
|
|
204
204
|
microsoft: "Microsoft",
|
|
205
205
|
apple: "Apple"
|
|
206
|
-
})[e.provider]), d =
|
|
206
|
+
})[e.provider]), d = m(() => ({
|
|
207
207
|
google: "bi bi-google",
|
|
208
208
|
microsoft: "bi bi-microsoft",
|
|
209
209
|
apple: "bi bi-apple"
|
|
@@ -211,19 +211,19 @@ const E = ["disabled"], z = {
|
|
|
211
211
|
function i() {
|
|
212
212
|
n("click", e.provider);
|
|
213
213
|
}
|
|
214
|
-
return (c,
|
|
214
|
+
return (c, t) => (u(), r("button", {
|
|
215
215
|
class: p(["auth-chip", [`auth-chip--${a.provider}`, { "auth-chip--dark": a.dark }]]),
|
|
216
216
|
onClick: i
|
|
217
217
|
}, [
|
|
218
218
|
s("i", {
|
|
219
219
|
class: p(d.value)
|
|
220
220
|
}, null, 2),
|
|
221
|
-
s("span", null, _(
|
|
221
|
+
s("span", null, _(l.value), 1)
|
|
222
222
|
], 2));
|
|
223
223
|
}
|
|
224
|
-
}), $ = /* @__PURE__ */ h(j, [["__scopeId", "data-v-b6215df6"]]),
|
|
224
|
+
}), $ = /* @__PURE__ */ h(j, [["__scopeId", "data-v-b6215df6"]]), q = {
|
|
225
225
|
SITE_KEY: "0x4AAAAAACpnTZO7eMd0cjEL"
|
|
226
|
-
},
|
|
226
|
+
}, G = { class: "captcha-wrapper" }, R = /* @__PURE__ */ b({
|
|
227
227
|
__name: "TurnsTile",
|
|
228
228
|
setup(a) {
|
|
229
229
|
const o = y(null);
|
|
@@ -233,18 +233,18 @@ const E = ["disabled"], z = {
|
|
|
233
233
|
return V(() => {
|
|
234
234
|
const n = setInterval(() => {
|
|
235
235
|
window.turnstile && o.value && (window.turnstile.render(o.value, {
|
|
236
|
-
sitekey:
|
|
236
|
+
sitekey: q.SITE_KEY,
|
|
237
237
|
callback: e
|
|
238
238
|
}), clearInterval(n));
|
|
239
239
|
}, 100);
|
|
240
|
-
}), (n,
|
|
240
|
+
}), (n, l) => (u(), r("div", G, [
|
|
241
241
|
s("div", {
|
|
242
242
|
ref_key: "captcha",
|
|
243
243
|
ref: o
|
|
244
244
|
}, null, 512)
|
|
245
245
|
]));
|
|
246
246
|
}
|
|
247
|
-
}),
|
|
247
|
+
}), Z = /* @__PURE__ */ h(R, [["__scopeId", "data-v-b4abb288"]]), J = { class: "login-form__providers" }, Q = /* @__PURE__ */ b({
|
|
248
248
|
__name: "BaseLoginForm",
|
|
249
249
|
props: {
|
|
250
250
|
dark: { type: Boolean, default: !1 },
|
|
@@ -252,37 +252,37 @@ const E = ["disabled"], z = {
|
|
|
252
252
|
},
|
|
253
253
|
emits: ["submit", "provider"],
|
|
254
254
|
setup(a, { emit: o }) {
|
|
255
|
-
const e = o, n = y(""),
|
|
255
|
+
const e = o, n = y(""), l = y("");
|
|
256
256
|
function d() {
|
|
257
257
|
e("submit", {
|
|
258
258
|
username: n.value,
|
|
259
|
-
password:
|
|
259
|
+
password: l.value
|
|
260
260
|
});
|
|
261
261
|
}
|
|
262
262
|
function i(c) {
|
|
263
263
|
e("provider", c);
|
|
264
264
|
}
|
|
265
|
-
return (c,
|
|
265
|
+
return (c, t) => (u(), r("div", {
|
|
266
266
|
class: p(["login-form", { "login-form--dark": a.dark }])
|
|
267
267
|
}, [
|
|
268
|
-
|
|
269
|
-
|
|
268
|
+
t[2] || (t[2] = s("h2", { class: "login-form__title" }, "Acessar Sistema", -1)),
|
|
269
|
+
t[3] || (t[3] = s("p", { class: "login-form__subtitle" }, "Digite seu login e senha para continuar", -1)),
|
|
270
270
|
v(w, {
|
|
271
271
|
modelValue: n.value,
|
|
272
|
-
"onUpdate:modelValue":
|
|
272
|
+
"onUpdate:modelValue": t[0] || (t[0] = (f) => n.value = f),
|
|
273
273
|
label: "Login",
|
|
274
274
|
placeholder: "Seu login",
|
|
275
275
|
fullWidth: ""
|
|
276
276
|
}, null, 8, ["modelValue"]),
|
|
277
277
|
v(w, {
|
|
278
|
-
modelValue:
|
|
279
|
-
"onUpdate:modelValue":
|
|
278
|
+
modelValue: l.value,
|
|
279
|
+
"onUpdate:modelValue": t[1] || (t[1] = (f) => l.value = f),
|
|
280
280
|
label: "Senha",
|
|
281
281
|
placeholder: "Sua senha",
|
|
282
282
|
type: "password",
|
|
283
283
|
fullWidth: ""
|
|
284
284
|
}, null, 8, ["modelValue"]),
|
|
285
|
-
v(
|
|
285
|
+
v(Z),
|
|
286
286
|
v(P, {
|
|
287
287
|
label: "Entrar",
|
|
288
288
|
variant: "solid",
|
|
@@ -290,7 +290,9 @@ const E = ["disabled"], z = {
|
|
|
290
290
|
fullWidth: "",
|
|
291
291
|
onClick: d
|
|
292
292
|
}, null, 8, ["loading"]),
|
|
293
|
-
|
|
293
|
+
t[4] || (t[4] = s("link", null, null, -1)),
|
|
294
|
+
t[5] || (t[5] = I("Esqueci minha senha ", -1)),
|
|
295
|
+
t[6] || (t[6] = s("div", { class: "login-form__divider" }, [
|
|
294
296
|
s("span", null, "OU CONTINUE COM")
|
|
295
297
|
], -1)),
|
|
296
298
|
s("div", J, [
|
|
@@ -312,7 +314,7 @@ const E = ["disabled"], z = {
|
|
|
312
314
|
])
|
|
313
315
|
], 2));
|
|
314
316
|
}
|
|
315
|
-
}), re = /* @__PURE__ */ h(Q, [["__scopeId", "data-v-
|
|
317
|
+
}), re = /* @__PURE__ */ h(Q, [["__scopeId", "data-v-53ead3b5"]]), X = /* @__PURE__ */ b({
|
|
316
318
|
__name: "BaseThemeToggle",
|
|
317
319
|
props: {
|
|
318
320
|
modelValue: { type: Boolean, default: !1 },
|
|
@@ -322,12 +324,12 @@ const E = ["disabled"], z = {
|
|
|
322
324
|
emits: ["update:modelValue", "change"],
|
|
323
325
|
setup(a, { emit: o }) {
|
|
324
326
|
const e = a, n = o;
|
|
325
|
-
function
|
|
327
|
+
function l() {
|
|
326
328
|
if (e.disabled) return;
|
|
327
329
|
const i = !e.modelValue;
|
|
328
330
|
n("update:modelValue", i), n("change", i);
|
|
329
331
|
}
|
|
330
|
-
const d =
|
|
332
|
+
const d = m(() => [
|
|
331
333
|
"theme-toggle",
|
|
332
334
|
`theme-toggle--${e.size}`,
|
|
333
335
|
{
|
|
@@ -337,7 +339,7 @@ const E = ["disabled"], z = {
|
|
|
337
339
|
]);
|
|
338
340
|
return (i, c) => (u(), r("div", {
|
|
339
341
|
class: p(d.value),
|
|
340
|
-
onClick:
|
|
342
|
+
onClick: l
|
|
341
343
|
}, [...c[0] || (c[0] = [
|
|
342
344
|
x('<div class="theme-toggle__icon theme-toggle__icon--left" data-v-af2312ab><i class="bi bi-sun-fill" data-v-af2312ab></i></div><div class="theme-toggle__track" data-v-af2312ab><div class="theme-toggle__thumb" data-v-af2312ab></div></div><div class="theme-toggle__icon theme-toggle__icon--right" data-v-af2312ab><i class="bi bi-moon-fill" data-v-af2312ab></i></div>', 3)
|
|
343
345
|
])], 2));
|
|
@@ -354,14 +356,14 @@ const E = ["disabled"], z = {
|
|
|
354
356
|
emits: ["update:theme", "profile-click"],
|
|
355
357
|
setup(a, { emit: o }) {
|
|
356
358
|
const e = a, n = o;
|
|
357
|
-
function
|
|
359
|
+
function l(c) {
|
|
358
360
|
n("update:theme", c);
|
|
359
361
|
}
|
|
360
362
|
function d() {
|
|
361
363
|
n("profile-click");
|
|
362
364
|
}
|
|
363
|
-
const i =
|
|
364
|
-
return (c,
|
|
365
|
+
const i = m(() => ["app-header", `app-header--${e.mode}`]);
|
|
366
|
+
return (c, t) => (u(), r("header", {
|
|
365
367
|
class: p(i.value)
|
|
366
368
|
}, [
|
|
367
369
|
s("div", ae, [
|
|
@@ -373,11 +375,11 @@ const E = ["disabled"], z = {
|
|
|
373
375
|
]),
|
|
374
376
|
s("div", le, [
|
|
375
377
|
s("div", se, [
|
|
376
|
-
|
|
378
|
+
t[0] || (t[0] = s("span", { class: "app-header__theme-label" }, " Tema ", -1)),
|
|
377
379
|
v(ee, {
|
|
378
380
|
"model-value": e.theme,
|
|
379
381
|
size: "sm",
|
|
380
|
-
"onUpdate:modelValue":
|
|
382
|
+
"onUpdate:modelValue": l
|
|
381
383
|
}, null, 8, ["model-value"])
|
|
382
384
|
]),
|
|
383
385
|
s("button", {
|
|
@@ -401,29 +403,29 @@ const E = ["disabled"], z = {
|
|
|
401
403
|
emits: ["action"],
|
|
402
404
|
setup(a, { emit: o }) {
|
|
403
405
|
const e = a, n = o;
|
|
404
|
-
function
|
|
406
|
+
function l(i) {
|
|
405
407
|
n("action", i.key);
|
|
406
408
|
}
|
|
407
|
-
const d =
|
|
409
|
+
const d = m(() => ["dropdown", `dropdown--${e.mode}`]);
|
|
408
410
|
return (i, c) => (u(), r("div", {
|
|
409
411
|
class: p(d.value)
|
|
410
412
|
}, [
|
|
411
|
-
(u(!0), r(S, null, A(e.items, (
|
|
412
|
-
key:
|
|
413
|
-
class: p(["dropdown__item", { danger:
|
|
414
|
-
onClick: (
|
|
413
|
+
(u(!0), r(S, null, A(e.items, (t) => (u(), r("button", {
|
|
414
|
+
key: t.key,
|
|
415
|
+
class: p(["dropdown__item", { danger: t.danger }]),
|
|
416
|
+
onClick: (f) => l(t)
|
|
415
417
|
}, [
|
|
416
418
|
s("i", {
|
|
417
|
-
class: p(
|
|
419
|
+
class: p(t.icon)
|
|
418
420
|
}, null, 2),
|
|
419
|
-
s("span", null, _(
|
|
421
|
+
s("span", null, _(t.label), 1)
|
|
420
422
|
], 10, ie))), 128))
|
|
421
423
|
], 2));
|
|
422
424
|
}
|
|
423
|
-
}),
|
|
425
|
+
}), me = /* @__PURE__ */ h(de, [["__scopeId", "data-v-8ab8c529"]]);
|
|
424
426
|
export {
|
|
425
427
|
P as BaseButton,
|
|
426
|
-
|
|
428
|
+
me as BaseDropdown,
|
|
427
429
|
pe as BaseHeader,
|
|
428
430
|
w as BaseInput,
|
|
429
431
|
re as BaseLoginForm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["tax4all-components"]={},r.Vue))})(this,function(r,e){"use strict";const C=["disabled"],V={key:0,class:"spinner"},E={key:2,class:"btn-label"},y={key:4,class:"btn-badge"},N=["disabled"],$=e.defineComponent({__name:"BaseButton",props:{label:{},icon:{},iconPosition:{default:"left"},badge:{},variant:{default:"solid"},size:{default:"cozy"},state:{default:"neutral"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},split:{type:Boolean,default:!1},dropdown:{type:Boolean,default:!1}},emits:["click","split-click"],setup(t,{emit:s}){const a=t,o=s;function l(){!a.disabled&&!a.loading&&o("click")}const c=e.computed(()=>a.label?a.iconPosition:"left"),i=e.computed(()=>[`variant-${a.variant}`,`size-${a.size}`,`state-${a.state}`,{"icon-only":a.icon&&!a.label,disabled:a.disabled}]);return(d,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-button-wrapper",{"full-width":a.fullWidth,split:a.split}])},[e.createElementVNode("button",{class:e.normalizeClass(["base-button",i.value]),disabled:t.disabled||t.loading,onClick:l},[t.loading?(e.openBlock(),e.createElementBlock("span",V)):e.createCommentVNode("",!0),t.icon&&c.value==="left"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.label?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.icon&&c.value==="right"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.badge!==void 0?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],10,C),t.split?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["base-button split-button",i.value]),disabled:t.disabled,onClick:n[0]||(n[0]=m=>d.$emit("split-click"))},[...n[1]||(n[1]=[e.createElementVNode("i",{class:"bi bi-chevron-down"},null,-1)])],10,N)):e.createCommentVNode("",!0)],2))}}),p=(t,s)=>{const a=t.__vccOpts||t;for(const[o,l]of s)a[o]=l;return a},g=p($,[["__scopeId","data-v-0ce8be12"]]),T={key:0,class:"base-input__label"},z=["value","placeholder","readonly","disabled","type"],b=p(e.defineComponent({__name:"BaseInput",props:{modelValue:{},label:{},placeholder:{},variant:{default:"outlined"},state:{default:"default"},size:{default:"md"},fullWidth:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue"],setup(t,{emit:s}){const a=t,o=s,l=e.ref(a.state);function c(_){const B=_.target;o("update:modelValue",B.value)}function i(){a.disabled||(l.value="focus")}function d(){a.disabled||(l.value="default")}function n(){a.disabled||l.value!=="focus"&&(l.value="hover")}function m(){a.disabled||l.value!=="focus"&&(l.value="default")}const f=e.computed(()=>["base-input",`base-input--${a.variant}`,`base-input--${a.size}`,`base-input--${l.value}`,{"base-input--full":a.fullWidth,"base-input--disabled":a.disabled}]),u=e.computed(()=>["base-input__field"]);return(_,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[t.label?(e.openBlock(),e.createElementBlock("label",T,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("input",{value:t.modelValue,placeholder:t.placeholder,readonly:t.readonly,disabled:t.disabled,class:e.normalizeClass(u.value),type:t.type,onInput:c,onFocus:i,onBlur:d,onMouseenter:n,onMouseleave:m},null,42,z)],2))}}),[["__scopeId","data-v-d79f0773"]]),w={class:"base-snackbar__icon"},S={class:"base-snackbar__content"},I={class:"base-snackbar__title"},x={class:"base-snackbar__message"},A=e.defineComponent({__name:"BaseSnackbar",props:{title:{},message:{},variant:{default:"success"},duration:{default:15e3}},emits:["close"],setup(t,{emit:s}){const a=t,o=s,l=e.ref(!1);let c=null;const i=e.computed(()=>({success:"bi bi-check-circle-fill",warning:"bi bi-exclamation-triangle-fill",critical:"bi bi-x-circle-fill"})[a.variant]);function d(){c=setTimeout(()=>{l.value=!0},a.duration)}function n(f){f.propertyName==="opacity"&&l.value&&o("close")}function m(){c&&clearTimeout(c),l.value=!0}return e.onMounted(()=>{d()}),(f,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-snackbar",[`base-snackbar--${t.variant}`,{"base-snackbar--hide":l.value}]]),onTransitionend:n},[e.createElementVNode("div",w,[e.createElementVNode("i",{class:e.normalizeClass(i.value)},null,2)]),e.createElementVNode("div",S,[e.createElementVNode("strong",I,e.toDisplayString(t.title),1),e.createElementVNode("span",x,e.toDisplayString(t.message),1)]),e.createElementVNode("button",{class:"base-snackbar__close",onClick:m},[...u[0]||(u[0]=[e.createElementVNode("i",{class:"bi bi-x-lg"},null,-1),e.createTextVNode(" Fechar ",-1)])])],34))}}),k=p(e.defineComponent({__name:"BaseAuthProviderChip",props:{provider:{},dark:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:s}){const a=t,o=s,l=e.computed(()=>({google:"Google",microsoft:"Microsoft",apple:"Apple"})[a.provider]),c=e.computed(()=>({google:"bi bi-google",microsoft:"bi bi-microsoft",apple:"bi bi-apple"})[a.provider]);function i(){o("click",a.provider)}return(d,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["auth-chip",[`auth-chip--${t.provider}`,{"auth-chip--dark":t.dark}]]),onClick:i},[e.createElementVNode("i",{class:e.normalizeClass(c.value)},null,2),e.createElementVNode("span",null,e.toDisplayString(l.value),1)],2))}}),[["__scopeId","data-v-b6215df6"]]),D={SITE_KEY:"0x4AAAAAACpnTZO7eMd0cjEL"},M={class:"captcha-wrapper"},F=p(e.defineComponent({__name:"TurnsTile",setup(t){const s=e.ref(null);function a(o){console.log("token captcha:",o)}return e.onMounted(()=>{const o=setInterval(()=>{window.turnstile&&s.value&&(window.turnstile.render(s.value,{sitekey:D.SITE_KEY,callback:a}),clearInterval(o))},100)}),(o,l)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{ref_key:"captcha",ref:s},null,512)]))}}),[["__scopeId","data-v-b4abb288"]]),L={class:"login-form__providers"},P=p(e.defineComponent({__name:"BaseLoginForm",props:{dark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["submit","provider"],setup(t,{emit:s}){const a=s,o=e.ref(""),l=e.ref("");function c(){a("submit",{username:o.value,password:l.value})}function i(d){a("provider",d)}return(d,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["login-form",{"login-form--dark":t.dark}])},[n[2]||(n[2]=e.createElementVNode("h2",{class:"login-form__title"},"Acessar Sistema",-1)),n[3]||(n[3]=e.createElementVNode("p",{class:"login-form__subtitle"},"Digite seu login e senha para continuar",-1)),e.createVNode(b,{modelValue:o.value,"onUpdate:modelValue":n[0]||(n[0]=m=>o.value=m),label:"Login",placeholder:"Seu login",fullWidth:""},null,8,["modelValue"]),e.createVNode(b,{modelValue:l.value,"onUpdate:modelValue":n[1]||(n[1]=m=>l.value=m),label:"Senha",placeholder:"Sua senha",type:"password",fullWidth:""},null,8,["modelValue"]),e.createVNode(F),e.createVNode(g,{label:"Entrar",variant:"solid",loading:t.loading,fullWidth:"",onClick:c},null,8,["loading"]),n[4]||(n[4]=e.createElementVNode("div",{class:"login-form__divider"},[e.createElementVNode("span",null,"OU CONTINUE COM")],-1)),e.createElementVNode("div",L,[e.createVNode(k,{provider:"google",dark:t.dark,onClick:i},null,8,["dark"]),e.createVNode(k,{provider:"microsoft",dark:t.dark,onClick:i},null,8,["dark"]),e.createVNode(k,{provider:"apple",dark:t.dark,onClick:i},null,8,["dark"])])],2))}}),[["__scopeId","data-v-7e01bdcf"]]),h=p(e.defineComponent({__name:"BaseThemeToggle",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:"md"}},emits:["update:modelValue","change"],setup(t,{emit:s}){const a=t,o=s;function l(){if(a.disabled)return;const i=!a.modelValue;o("update:modelValue",i),o("change",i)}const c=e.computed(()=>["theme-toggle",`theme-toggle--${a.size}`,{"theme-toggle--dark":a.modelValue,"theme-toggle--disabled":a.disabled}]);return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value),onClick:l},[...d[0]||(d[0]=[e.createStaticVNode('<div class="theme-toggle__icon theme-toggle__icon--left" data-v-af2312ab><i class="bi bi-sun-fill" data-v-af2312ab></i></div><div class="theme-toggle__track" data-v-af2312ab><div class="theme-toggle__thumb" data-v-af2312ab></div></div><div class="theme-toggle__icon theme-toggle__icon--right" data-v-af2312ab><i class="bi bi-moon-fill" data-v-af2312ab></i></div>',3)])],2))}}),[["__scopeId","data-v-af2312ab"]]),W={class:"app-header__left"},O=["src"],U={class:"app-header__right"},H={class:"app-header__theme"},j=["src"],K=p(e.defineComponent({__name:"BaseHeader",props:{userName:{},userAvatar:{},logo:{},theme:{type:Boolean,default:!1},mode:{default:"light"}},emits:["update:theme","profile-click"],setup(t,{emit:s}){const a=t,o=s;function l(d){o("update:theme",d)}function c(){o("profile-click")}const i=e.computed(()=>["app-header",`app-header--${a.mode}`]);return(d,n)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(i.value)},[e.createElementVNode("div",W,[e.createElementVNode("img",{src:a.logo,class:"app-header__logo",alt:"Tax For All"},null,8,O)]),e.createElementVNode("div",U,[e.createElementVNode("div",H,[n[0]||(n[0]=e.createElementVNode("span",{class:"app-header__theme-label"}," Tema ",-1)),e.createVNode(h,{"model-value":a.theme,size:"sm","onUpdate:modelValue":l},null,8,["model-value"])]),e.createElementVNode("button",{class:"app-header__profile",onClick:c},[e.createElementVNode("img",{src:a.userAvatar,class:"app-header__avatar"},null,8,j)])])],2))}}),[["__scopeId","data-v-d01c874c"]]),Y=["onClick"],q=p(e.defineComponent({__name:"BaseDropdown",props:{items:{},mode:{default:"light"}},emits:["action"],setup(t,{emit:s}){const a=t,o=s;function l(i){o("action",i.key)}const c=e.computed(()=>["dropdown",`dropdown--${a.mode}`]);return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,n=>(e.openBlock(),e.createElementBlock("button",{key:n.key,class:e.normalizeClass(["dropdown__item",{danger:n.danger}]),onClick:m=>l(n)},[e.createElementVNode("i",{class:e.normalizeClass(n.icon)},null,2),e.createElementVNode("span",null,e.toDisplayString(n.label),1)],10,Y))),128))],2))}}),[["__scopeId","data-v-8ab8c529"]]);r.BaseButton=g,r.BaseDropdown=q,r.BaseHeader=K,r.BaseInput=b,r.BaseLoginForm=P,r.BaseSnackbar=A,r.BaseThemeToggle=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["tax4all-components"]={},r.Vue))})(this,function(r,e){"use strict";const C=["disabled"],V={key:0,class:"spinner"},E={key:2,class:"btn-label"},y={key:4,class:"btn-badge"},N=["disabled"],$=e.defineComponent({__name:"BaseButton",props:{label:{},icon:{},iconPosition:{default:"left"},badge:{},variant:{default:"solid"},size:{default:"cozy"},state:{default:"neutral"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},split:{type:Boolean,default:!1},dropdown:{type:Boolean,default:!1}},emits:["click","split-click"],setup(t,{emit:s}){const a=t,o=s;function n(){!a.disabled&&!a.loading&&o("click")}const c=e.computed(()=>a.label?a.iconPosition:"left"),i=e.computed(()=>[`variant-${a.variant}`,`size-${a.size}`,`state-${a.state}`,{"icon-only":a.icon&&!a.label,disabled:a.disabled}]);return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-button-wrapper",{"full-width":a.fullWidth,split:a.split}])},[e.createElementVNode("button",{class:e.normalizeClass(["base-button",i.value]),disabled:t.disabled||t.loading,onClick:n},[t.loading?(e.openBlock(),e.createElementBlock("span",V)):e.createCommentVNode("",!0),t.icon&&c.value==="left"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.label?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.icon&&c.value==="right"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.badge!==void 0?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],10,C),t.split?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["base-button split-button",i.value]),disabled:t.disabled,onClick:l[0]||(l[0]=m=>d.$emit("split-click"))},[...l[1]||(l[1]=[e.createElementVNode("i",{class:"bi bi-chevron-down"},null,-1)])],10,N)):e.createCommentVNode("",!0)],2))}}),p=(t,s)=>{const a=t.__vccOpts||t;for(const[o,n]of s)a[o]=n;return a},g=p($,[["__scopeId","data-v-0ce8be12"]]),T={key:0,class:"base-input__label"},z=["value","placeholder","readonly","disabled","type"],b=p(e.defineComponent({__name:"BaseInput",props:{modelValue:{},label:{},placeholder:{},variant:{default:"outlined"},state:{default:"default"},size:{default:"md"},fullWidth:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue"],setup(t,{emit:s}){const a=t,o=s,n=e.ref(a.state);function c(_){const B=_.target;o("update:modelValue",B.value)}function i(){a.disabled||(n.value="focus")}function d(){a.disabled||(n.value="default")}function l(){a.disabled||n.value!=="focus"&&(n.value="hover")}function m(){a.disabled||n.value!=="focus"&&(n.value="default")}const f=e.computed(()=>["base-input",`base-input--${a.variant}`,`base-input--${a.size}`,`base-input--${n.value}`,{"base-input--full":a.fullWidth,"base-input--disabled":a.disabled}]),u=e.computed(()=>["base-input__field"]);return(_,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[t.label?(e.openBlock(),e.createElementBlock("label",T,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("input",{value:t.modelValue,placeholder:t.placeholder,readonly:t.readonly,disabled:t.disabled,class:e.normalizeClass(u.value),type:t.type,onInput:c,onFocus:i,onBlur:d,onMouseenter:l,onMouseleave:m},null,42,z)],2))}}),[["__scopeId","data-v-d79f0773"]]),w={class:"base-snackbar__icon"},S={class:"base-snackbar__content"},I={class:"base-snackbar__title"},x={class:"base-snackbar__message"},A=e.defineComponent({__name:"BaseSnackbar",props:{title:{},message:{},variant:{default:"success"},duration:{default:15e3}},emits:["close"],setup(t,{emit:s}){const a=t,o=s,n=e.ref(!1);let c=null;const i=e.computed(()=>({success:"bi bi-check-circle-fill",warning:"bi bi-exclamation-triangle-fill",critical:"bi bi-x-circle-fill"})[a.variant]);function d(){c=setTimeout(()=>{n.value=!0},a.duration)}function l(f){f.propertyName==="opacity"&&n.value&&o("close")}function m(){c&&clearTimeout(c),n.value=!0}return e.onMounted(()=>{d()}),(f,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-snackbar",[`base-snackbar--${t.variant}`,{"base-snackbar--hide":n.value}]]),onTransitionend:l},[e.createElementVNode("div",w,[e.createElementVNode("i",{class:e.normalizeClass(i.value)},null,2)]),e.createElementVNode("div",S,[e.createElementVNode("strong",I,e.toDisplayString(t.title),1),e.createElementVNode("span",x,e.toDisplayString(t.message),1)]),e.createElementVNode("button",{class:"base-snackbar__close",onClick:m},[...u[0]||(u[0]=[e.createElementVNode("i",{class:"bi bi-x-lg"},null,-1),e.createTextVNode(" Fechar ",-1)])])],34))}}),k=p(e.defineComponent({__name:"BaseAuthProviderChip",props:{provider:{},dark:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:s}){const a=t,o=s,n=e.computed(()=>({google:"Google",microsoft:"Microsoft",apple:"Apple"})[a.provider]),c=e.computed(()=>({google:"bi bi-google",microsoft:"bi bi-microsoft",apple:"bi bi-apple"})[a.provider]);function i(){o("click",a.provider)}return(d,l)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["auth-chip",[`auth-chip--${t.provider}`,{"auth-chip--dark":t.dark}]]),onClick:i},[e.createElementVNode("i",{class:e.normalizeClass(c.value)},null,2),e.createElementVNode("span",null,e.toDisplayString(n.value),1)],2))}}),[["__scopeId","data-v-b6215df6"]]),D={SITE_KEY:"0x4AAAAAACpnTZO7eMd0cjEL"},M={class:"captcha-wrapper"},F=p(e.defineComponent({__name:"TurnsTile",setup(t){const s=e.ref(null);function a(o){console.log("token captcha:",o)}return e.onMounted(()=>{const o=setInterval(()=>{window.turnstile&&s.value&&(window.turnstile.render(s.value,{sitekey:D.SITE_KEY,callback:a}),clearInterval(o))},100)}),(o,n)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{ref_key:"captcha",ref:s},null,512)]))}}),[["__scopeId","data-v-b4abb288"]]),L={class:"login-form__providers"},P=p(e.defineComponent({__name:"BaseLoginForm",props:{dark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["submit","provider"],setup(t,{emit:s}){const a=s,o=e.ref(""),n=e.ref("");function c(){a("submit",{username:o.value,password:n.value})}function i(d){a("provider",d)}return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["login-form",{"login-form--dark":t.dark}])},[l[2]||(l[2]=e.createElementVNode("h2",{class:"login-form__title"},"Acessar Sistema",-1)),l[3]||(l[3]=e.createElementVNode("p",{class:"login-form__subtitle"},"Digite seu login e senha para continuar",-1)),e.createVNode(b,{modelValue:o.value,"onUpdate:modelValue":l[0]||(l[0]=m=>o.value=m),label:"Login",placeholder:"Seu login",fullWidth:""},null,8,["modelValue"]),e.createVNode(b,{modelValue:n.value,"onUpdate:modelValue":l[1]||(l[1]=m=>n.value=m),label:"Senha",placeholder:"Sua senha",type:"password",fullWidth:""},null,8,["modelValue"]),e.createVNode(F),e.createVNode(g,{label:"Entrar",variant:"solid",loading:t.loading,fullWidth:"",onClick:c},null,8,["loading"]),l[4]||(l[4]=e.createElementVNode("link",null,null,-1)),l[5]||(l[5]=e.createTextVNode("Esqueci minha senha ",-1)),l[6]||(l[6]=e.createElementVNode("div",{class:"login-form__divider"},[e.createElementVNode("span",null,"OU CONTINUE COM")],-1)),e.createElementVNode("div",L,[e.createVNode(k,{provider:"google",dark:t.dark,onClick:i},null,8,["dark"]),e.createVNode(k,{provider:"microsoft",dark:t.dark,onClick:i},null,8,["dark"]),e.createVNode(k,{provider:"apple",dark:t.dark,onClick:i},null,8,["dark"])])],2))}}),[["__scopeId","data-v-53ead3b5"]]),h=p(e.defineComponent({__name:"BaseThemeToggle",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:"md"}},emits:["update:modelValue","change"],setup(t,{emit:s}){const a=t,o=s;function n(){if(a.disabled)return;const i=!a.modelValue;o("update:modelValue",i),o("change",i)}const c=e.computed(()=>["theme-toggle",`theme-toggle--${a.size}`,{"theme-toggle--dark":a.modelValue,"theme-toggle--disabled":a.disabled}]);return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value),onClick:n},[...d[0]||(d[0]=[e.createStaticVNode('<div class="theme-toggle__icon theme-toggle__icon--left" data-v-af2312ab><i class="bi bi-sun-fill" data-v-af2312ab></i></div><div class="theme-toggle__track" data-v-af2312ab><div class="theme-toggle__thumb" data-v-af2312ab></div></div><div class="theme-toggle__icon theme-toggle__icon--right" data-v-af2312ab><i class="bi bi-moon-fill" data-v-af2312ab></i></div>',3)])],2))}}),[["__scopeId","data-v-af2312ab"]]),W={class:"app-header__left"},O=["src"],U={class:"app-header__right"},H={class:"app-header__theme"},j=["src"],q=p(e.defineComponent({__name:"BaseHeader",props:{userName:{},userAvatar:{},logo:{},theme:{type:Boolean,default:!1},mode:{default:"light"}},emits:["update:theme","profile-click"],setup(t,{emit:s}){const a=t,o=s;function n(d){o("update:theme",d)}function c(){o("profile-click")}const i=e.computed(()=>["app-header",`app-header--${a.mode}`]);return(d,l)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(i.value)},[e.createElementVNode("div",W,[e.createElementVNode("img",{src:a.logo,class:"app-header__logo",alt:"Tax For All"},null,8,O)]),e.createElementVNode("div",U,[e.createElementVNode("div",H,[l[0]||(l[0]=e.createElementVNode("span",{class:"app-header__theme-label"}," Tema ",-1)),e.createVNode(h,{"model-value":a.theme,size:"sm","onUpdate:modelValue":n},null,8,["model-value"])]),e.createElementVNode("button",{class:"app-header__profile",onClick:c},[e.createElementVNode("img",{src:a.userAvatar,class:"app-header__avatar"},null,8,j)])])],2))}}),[["__scopeId","data-v-d01c874c"]]),K=["onClick"],Y=p(e.defineComponent({__name:"BaseDropdown",props:{items:{},mode:{default:"light"}},emits:["action"],setup(t,{emit:s}){const a=t,o=s;function n(i){o("action",i.key)}const c=e.computed(()=>["dropdown",`dropdown--${a.mode}`]);return(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,l=>(e.openBlock(),e.createElementBlock("button",{key:l.key,class:e.normalizeClass(["dropdown__item",{danger:l.danger}]),onClick:m=>n(l)},[e.createElementVNode("i",{class:e.normalizeClass(l.icon)},null,2),e.createElementVNode("span",null,e.toDisplayString(l.label),1)],10,K))),128))],2))}}),[["__scopeId","data-v-8ab8c529"]]);r.BaseButton=g,r.BaseDropdown=Y,r.BaseHeader=q,r.BaseInput=b,r.BaseLoginForm=P,r.BaseSnackbar=A,r.BaseThemeToggle=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ISidebarItem } from '../interfaces/IDropdown';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
items: ISidebarItem[];
|
|
4
|
+
mode?: 'light' | 'dark';
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
7
|
+
action: (key: string) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
onAction?: ((key: string) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
mode: "dark" | "light";
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as SidebarMenu } from '../../components/SidebarMenu.vue';
|
|
3
|
+
declare const meta: Meta<typeof SidebarMenu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SidebarMenu>;
|
|
6
|
+
export declare const Light: Story;
|
|
7
|
+
export declare const Dark: Story;
|
package/deploy/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";[data-v-0ce8be12]{font-family:Mulish,sans-serif}span[data-v-0ce8be12],form[data-v-0ce8be12],label[data-v-0ce8be12],header[data-v-0ce8be12],body[data-v-0ce8be12],section[data-v-0ce8be12]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-0ce8be12]{border:none;background:none}input[data-v-0ce8be12]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-button-wrapper[data-v-0ce8be12]{display:inline-flex;align-items:stretch}.base-button-wrapper.full-width[data-v-0ce8be12]{width:100%}.base-button-wrapper.split .base-button[data-v-0ce8be12]:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.base-button-wrapper.split .split-button[data-v-0ce8be12]{border-top-left-radius:0;border-bottom-left-radius:0;width:40px}.base-button[data-v-0ce8be12]{position:relative;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:500;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 2px #00000040;width:100%}.base-button.icon-only[data-v-0ce8be12]{padding:0 12px}.base-button[data-v-0ce8be12]:disabled{opacity:.6;cursor:not-allowed}.base-button[data-v-0ce8be12]:focus-visible{outline:none;box-shadow:0 0 0 3px #2f54d326}.size-compact[data-v-0ce8be12]{height:32px;font-size:14px}.size-cozy[data-v-0ce8be12]{height:40px;font-size:16px}.variant-solid[data-v-0ce8be12]{color:#fff}.variant-outline[data-v-0ce8be12]{background:transparent;border:1px solid}.variant-ghost[data-v-0ce8be12]{background:transparent}.state-neutral.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-neutral.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-neutral.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-neutral.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-neutral.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-neutral.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.state-success.variant-solid[data-v-0ce8be12]{background:#017a74}.state-success.variant-solid[data-v-0ce8be12]:hover{background:#044946}.state-success.variant-outline[data-v-0ce8be12]{border-color:#017a74;color:#017a74}.state-success.variant-outline[data-v-0ce8be12]:hover{background:#01707426}.state-success.variant-ghost[data-v-0ce8be12]{color:#017a74}.state-success.variant-ghost[data-v-0ce8be12]:hover{background:#01707426}.state-warning.variant-solid[data-v-0ce8be12]{background:#f6cb5c;color:#1a1a1a}.state-warning.variant-solid[data-v-0ce8be12]:hover{background:#9f7509}.state-warning.variant-outline[data-v-0ce8be12]{border-color:#f6cb5c;color:#f6cb5c}.state-warning.variant-outline[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-warning.variant-ghost[data-v-0ce8be12]{color:#f6cb5c}.state-warning.variant-ghost[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-error.variant-solid[data-v-0ce8be12]{background:#c93f58}.state-error.variant-solid[data-v-0ce8be12]:hover{background:#a62f44}.state-error.variant-outline[data-v-0ce8be12]{border-color:#c93f58;color:#c93f58}.state-error.variant-outline[data-v-0ce8be12]:hover{background:#c93f5826}.state-error.variant-ghost[data-v-0ce8be12]{color:#c93f58}.state-error.variant-ghost[data-v-0ce8be12]:hover{background:#c93f5826}.state-info.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-info.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-info.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-info.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-info.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-info.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.btn-icon[data-v-0ce8be12]{font-size:16px}.btn-badge[data-v-0ce8be12]{background:#fff;color:#1a1a1a;border-radius:999px;padding:0 6px;font-size:12px;font-weight:600}.spinner[data-v-0ce8be12]{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-0ce8be12 .6s linear infinite}@keyframes spin-0ce8be12{to{transform:rotate(360deg)}}[data-v-d79f0773]{font-family:Mulish,sans-serif}span[data-v-d79f0773],form[data-v-d79f0773],label[data-v-d79f0773],header[data-v-d79f0773],body[data-v-d79f0773],section[data-v-d79f0773]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-d79f0773]{border:none;background:none}input[data-v-d79f0773]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-input[data-v-d79f0773]{display:inline-flex;flex-direction:column;gap:4px;width:auto}.base-input--full[data-v-d79f0773]{width:100%}.base-input__label[data-v-d79f0773]{font-size:14px;color:#5e5e5e}.base-input__field[data-v-d79f0773]{border:none;outline:none;font-size:14px;padding:6px 8px;background:transparent;color:#000c;transition:all .2s ease}.base-input__field[data-v-d79f0773]::placeholder{color:#999}.base-input--underline .base-input__field[data-v-d79f0773]{border-bottom:1px solid #cccccc}.base-input--underline.base-input--hover .base-input__field[data-v-d79f0773]{border-bottom-color:#00aa76}.base-input--underline.base-input--focus .base-input__field[data-v-d79f0773]{border-bottom:2px solid #00aa76}.base-input--outlined .base-input__field[data-v-d79f0773]{border:1px solid #cccccc;border-radius:6px;background:#f9f9f9}.base-input--outlined.base-input--hover .base-input__field[data-v-d79f0773]{border-color:#00aa76;background:#00aa7615}.base-input--outlined.base-input--focus .base-input__field[data-v-d79f0773]{border:2px solid #00aa76;background:#fff;box-shadow:0 0 0 3px #00aa7615}.base-input--sm .base-input__field[data-v-d79f0773]{font-size:12px;padding:4px 6px}.base-input--md .base-input__field[data-v-d79f0773]{font-size:14px;padding:6px 8px}.base-input--lg .base-input__field[data-v-d79f0773]{font-size:16px;padding:10px 12px}.base-input--disabled .base-input__field[data-v-d79f0773]{background:#f0f0f0;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.base-input--disabled .base-input__field[data-v-d79f0773]::placeholder{color:#ccc}*{font-family:Mulish,sans-serif}span,form,label,header,body,section{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button{border:none;background:none}input:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-snackbar{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:8px;color:#fff;box-shadow:0 8px 24px #00000040;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.base-snackbar--hide{opacity:0;transform:translateY(-8px)}.base-snackbar__icon{font-size:28px;display:flex;align-items:center}.base-snackbar__content{display:flex;flex-direction:column;flex:1}.base-snackbar__title{font-size:14px;font-weight:600}.base-snackbar__message{font-size:13px;opacity:.9}.base-snackbar__close{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.base-snackbar__close:hover{opacity:.85}.base-snackbar--success{background:#017a74}.base-snackbar--warning{background:#f6cb5c;color:#1a1a1a}.base-snackbar--warning .base-snackbar__close{color:#1a1a1a}.base-snackbar--critical{background:#c93f58}[data-v-b6215df6]{font-family:Mulish,sans-serif}span[data-v-b6215df6],form[data-v-b6215df6],label[data-v-b6215df6],header[data-v-b6215df6],body[data-v-b6215df6],section[data-v-b6215df6]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b6215df6]{border:none;background:none}input[data-v-b6215df6]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.auth-chip[data-v-b6215df6]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:24px;border:1px solid #e0e0e0;background:#fff;color:#444;font-size:14px;cursor:pointer;transition:all .2s ease}.auth-chip[data-v-b6215df6]:hover{background:#f0f0f0}.auth-chip--dark[data-v-b6215df6]{background:#1a1a1a;border-color:#444;color:#fff}.auth-chip--dark[data-v-b6215df6]:hover{background:#2b2b2b}[data-v-b4abb288]{font-family:Mulish,sans-serif}span[data-v-b4abb288],form[data-v-b4abb288],label[data-v-b4abb288],header[data-v-b4abb288],body[data-v-b4abb288],section[data-v-b4abb288]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b4abb288]{border:none;background:none}input[data-v-b4abb288]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.captcha-wrapper[data-v-b4abb288]{display:inline-block;border-radius:8px;overflow:hidden;width:300px;height:65px}[data-v-7e01bdcf]{font-family:Mulish,sans-serif}span[data-v-7e01bdcf],form[data-v-7e01bdcf],label[data-v-7e01bdcf],header[data-v-7e01bdcf],body[data-v-7e01bdcf],section[data-v-7e01bdcf]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-7e01bdcf]{border:none;background:none}input[data-v-7e01bdcf]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.login-form[data-v-7e01bdcf]{width:320px;padding:40px;border-radius:12px;background:#f9f9f9;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 12px 32px #00000040}.login-form--dark[data-v-7e01bdcf]{background:#1a1a1a}.login-form--dark h2[data-v-7e01bdcf]{color:#fff}.login-form--dark p[data-v-7e01bdcf]{color:#999}.login-form__title[data-v-7e01bdcf]{text-align:center;font-size:22px;font-weight:600;margin:0}.login-form__subtitle[data-v-7e01bdcf]{text-align:center;font-size:14px;color:#666;margin:0}.login-form__divider[data-v-7e01bdcf]{display:flex;align-items:center;gap:10px;color:#999;font-size:12px}.login-form__divider[data-v-7e01bdcf]:before,.login-form__divider[data-v-7e01bdcf]:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-form__providers[data-v-7e01bdcf]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}[data-v-af2312ab]{font-family:Mulish,sans-serif}span[data-v-af2312ab],form[data-v-af2312ab],label[data-v-af2312ab],header[data-v-af2312ab],body[data-v-af2312ab],section[data-v-af2312ab]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-af2312ab]{border:none;background:none}input[data-v-af2312ab]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.theme-toggle[data-v-af2312ab]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle--disabled[data-v-af2312ab]{opacity:.6;cursor:not-allowed}.theme-toggle__track[data-v-af2312ab]{position:relative;width:80px;height:40px;border-radius:20px;background:linear-gradient(90deg,#b5dbf8,#8cccf5);box-shadow:inset 0 4px 12px #00000026;transition:background .4s ease}.theme-toggle__thumb[data-v-af2312ab]{position:absolute;width:36px;height:36px;top:2px;left:2px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 4px 10px #0003;transition:left .4s cubic-bezier(.68,-.55,.27,1.55),background .6s ease,box-shadow .6s ease}.theme-toggle__icon[data-v-af2312ab]{display:flex;align-items:center;justify-content:center;font-size:26px;color:#666}.theme-toggle--dark .theme-toggle__track[data-v-af2312ab]{background:linear-gradient(90deg,#1d2332,#222)}.theme-toggle--dark .theme-toggle__thumb[data-v-af2312ab]{left:42px;background:linear-gradient(45deg,gold,#fa0);box-shadow:0 0 15px #ffd700e6,0 0 25px #6b48ffb3}.theme-toggle--dark .theme-toggle__icon--left[data-v-af2312ab]{opacity:.4}.theme-toggle--dark .theme-toggle__icon--right[data-v-af2312ab]{color:#f6cb5c}.theme-toggle:not(.theme-toggle--dark) .theme-toggle__icon--right[data-v-af2312ab]{opacity:.4}.theme-toggle:not(.theme-toggle--dark) .theme-toggle__icon--left[data-v-af2312ab]{color:#f6cb5c}.theme-toggle--sm .theme-toggle__track[data-v-af2312ab]{width:60px;height:30px}.theme-toggle--sm .theme-toggle__thumb[data-v-af2312ab]{width:26px;height:26px}.theme-toggle--lg .theme-toggle__track[data-v-af2312ab]{width:100px;height:50px}.theme-toggle--lg .theme-toggle__thumb[data-v-af2312ab]{width:46px;height:46px}[data-v-d01c874c]{font-family:Mulish,sans-serif}span[data-v-d01c874c],form[data-v-d01c874c],label[data-v-d01c874c],header[data-v-d01c874c],body[data-v-d01c874c],section[data-v-d01c874c]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-d01c874c]{border:none;background:none}input[data-v-d01c874c]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.app-header[data-v-d01c874c]{width:100%;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.app-header__left[data-v-d01c874c]{display:flex;align-items:center}.app-header__logo[data-v-d01c874c]{height:36px;object-fit:contain}.app-header__right[data-v-d01c874c]{display:flex;align-items:center;gap:24px}.app-header__theme[data-v-d01c874c]{display:flex;align-items:center;gap:10px}.app-header__theme-label[data-v-d01c874c]{font-size:14px;font-weight:500}.app-header__profile[data-v-d01c874c]{display:flex;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer}.app-header__avatar[data-v-d01c874c]{width:34px;height:34px;border-radius:50%;object-fit:cover}.app-header__name[data-v-d01c874c]{font-size:14px;font-weight:500}.app-header--light[data-v-d01c874c]{background:#fff;border-bottom:1px solid #e0e0e0}.app-header--light .app-header__name[data-v-d01c874c]{color:#1a1a1a}.app-header--light .app-header__theme-label[data-v-d01c874c]{color:#2b2b2b}.app-header--dark[data-v-d01c874c]{background:#1a1a1a;border-bottom:1px solid #444444}.app-header--dark .app-header__name[data-v-d01c874c]{color:#fff}.app-header--dark .app-header__theme-label[data-v-d01c874c]{color:#f9f9f9}[data-v-8ab8c529]{font-family:Mulish,sans-serif}span[data-v-8ab8c529],form[data-v-8ab8c529],label[data-v-8ab8c529],header[data-v-8ab8c529],body[data-v-8ab8c529],section[data-v-8ab8c529]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-8ab8c529]{border:none;background:none}input[data-v-8ab8c529]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.dropdown[data-v-8ab8c529]{width:240px;border-radius:12px;padding:8px 0;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px #00000040}.dropdown__item[data-v-8ab8c529]{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;text-align:left;transition:background .2s}.dropdown__item i[data-v-8ab8c529]{font-size:16px}.dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--light[data-v-8ab8c529]{background:#fff}.dropdown--light .dropdown__item[data-v-8ab8c529]{color:#2b2b2b}.dropdown--light .dropdown__item[data-v-8ab8c529]:hover{background:#f0f0f0}.dropdown--light .dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--light .dropdown__item.danger[data-v-8ab8c529]:hover{background:#c93f5826}.dropdown--dark[data-v-8ab8c529]{background:#1a1a1a}.dropdown--dark .dropdown__item[data-v-8ab8c529]{color:#f9f9f9}.dropdown--dark .dropdown__item[data-v-8ab8c529]:hover{background:#2b2b2b}.dropdown--dark .dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--dark .dropdown__item.danger[data-v-8ab8c529]:hover{background:#c93f5826}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";[data-v-0ce8be12]{font-family:Mulish,sans-serif}span[data-v-0ce8be12],form[data-v-0ce8be12],label[data-v-0ce8be12],header[data-v-0ce8be12],body[data-v-0ce8be12],section[data-v-0ce8be12]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-0ce8be12]{border:none;background:none}input[data-v-0ce8be12]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-button-wrapper[data-v-0ce8be12]{display:inline-flex;align-items:stretch}.base-button-wrapper.full-width[data-v-0ce8be12]{width:100%}.base-button-wrapper.split .base-button[data-v-0ce8be12]:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.base-button-wrapper.split .split-button[data-v-0ce8be12]{border-top-left-radius:0;border-bottom-left-radius:0;width:40px}.base-button[data-v-0ce8be12]{position:relative;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:500;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 2px #00000040;width:100%}.base-button.icon-only[data-v-0ce8be12]{padding:0 12px}.base-button[data-v-0ce8be12]:disabled{opacity:.6;cursor:not-allowed}.base-button[data-v-0ce8be12]:focus-visible{outline:none;box-shadow:0 0 0 3px #2f54d326}.size-compact[data-v-0ce8be12]{height:32px;font-size:14px}.size-cozy[data-v-0ce8be12]{height:40px;font-size:16px}.variant-solid[data-v-0ce8be12]{color:#fff}.variant-outline[data-v-0ce8be12]{background:transparent;border:1px solid}.variant-ghost[data-v-0ce8be12]{background:transparent}.state-neutral.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-neutral.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-neutral.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-neutral.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-neutral.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-neutral.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.state-success.variant-solid[data-v-0ce8be12]{background:#017a74}.state-success.variant-solid[data-v-0ce8be12]:hover{background:#044946}.state-success.variant-outline[data-v-0ce8be12]{border-color:#017a74;color:#017a74}.state-success.variant-outline[data-v-0ce8be12]:hover{background:#01707426}.state-success.variant-ghost[data-v-0ce8be12]{color:#017a74}.state-success.variant-ghost[data-v-0ce8be12]:hover{background:#01707426}.state-warning.variant-solid[data-v-0ce8be12]{background:#f6cb5c;color:#1a1a1a}.state-warning.variant-solid[data-v-0ce8be12]:hover{background:#9f7509}.state-warning.variant-outline[data-v-0ce8be12]{border-color:#f6cb5c;color:#f6cb5c}.state-warning.variant-outline[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-warning.variant-ghost[data-v-0ce8be12]{color:#f6cb5c}.state-warning.variant-ghost[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-error.variant-solid[data-v-0ce8be12]{background:#c93f58}.state-error.variant-solid[data-v-0ce8be12]:hover{background:#a62f44}.state-error.variant-outline[data-v-0ce8be12]{border-color:#c93f58;color:#c93f58}.state-error.variant-outline[data-v-0ce8be12]:hover{background:#c93f5826}.state-error.variant-ghost[data-v-0ce8be12]{color:#c93f58}.state-error.variant-ghost[data-v-0ce8be12]:hover{background:#c93f5826}.state-info.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-info.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-info.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-info.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-info.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-info.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.btn-icon[data-v-0ce8be12]{font-size:16px}.btn-badge[data-v-0ce8be12]{background:#fff;color:#1a1a1a;border-radius:999px;padding:0 6px;font-size:12px;font-weight:600}.spinner[data-v-0ce8be12]{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-0ce8be12 .6s linear infinite}@keyframes spin-0ce8be12{to{transform:rotate(360deg)}}[data-v-d79f0773]{font-family:Mulish,sans-serif}span[data-v-d79f0773],form[data-v-d79f0773],label[data-v-d79f0773],header[data-v-d79f0773],body[data-v-d79f0773],section[data-v-d79f0773]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-d79f0773]{border:none;background:none}input[data-v-d79f0773]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-input[data-v-d79f0773]{display:inline-flex;flex-direction:column;gap:4px;width:auto}.base-input--full[data-v-d79f0773]{width:100%}.base-input__label[data-v-d79f0773]{font-size:14px;color:#5e5e5e}.base-input__field[data-v-d79f0773]{border:none;outline:none;font-size:14px;padding:6px 8px;background:transparent;color:#000c;transition:all .2s ease}.base-input__field[data-v-d79f0773]::placeholder{color:#999}.base-input--underline .base-input__field[data-v-d79f0773]{border-bottom:1px solid #cccccc}.base-input--underline.base-input--hover .base-input__field[data-v-d79f0773]{border-bottom-color:#00aa76}.base-input--underline.base-input--focus .base-input__field[data-v-d79f0773]{border-bottom:2px solid #00aa76}.base-input--outlined .base-input__field[data-v-d79f0773]{border:1px solid #cccccc;border-radius:6px;background:#f9f9f9}.base-input--outlined.base-input--hover .base-input__field[data-v-d79f0773]{border-color:#00aa76;background:#00aa7615}.base-input--outlined.base-input--focus .base-input__field[data-v-d79f0773]{border:2px solid #00aa76;background:#fff;box-shadow:0 0 0 3px #00aa7615}.base-input--sm .base-input__field[data-v-d79f0773]{font-size:12px;padding:4px 6px}.base-input--md .base-input__field[data-v-d79f0773]{font-size:14px;padding:6px 8px}.base-input--lg .base-input__field[data-v-d79f0773]{font-size:16px;padding:10px 12px}.base-input--disabled .base-input__field[data-v-d79f0773]{background:#f0f0f0;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.base-input--disabled .base-input__field[data-v-d79f0773]::placeholder{color:#ccc}*{font-family:Mulish,sans-serif}span,form,label,header,body,section{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button{border:none;background:none}input:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-snackbar{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:8px;color:#fff;box-shadow:0 8px 24px #00000040;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.base-snackbar--hide{opacity:0;transform:translateY(-8px)}.base-snackbar__icon{font-size:28px;display:flex;align-items:center}.base-snackbar__content{display:flex;flex-direction:column;flex:1}.base-snackbar__title{font-size:14px;font-weight:600}.base-snackbar__message{font-size:13px;opacity:.9}.base-snackbar__close{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.base-snackbar__close:hover{opacity:.85}.base-snackbar--success{background:#017a74}.base-snackbar--warning{background:#f6cb5c;color:#1a1a1a}.base-snackbar--warning .base-snackbar__close{color:#1a1a1a}.base-snackbar--critical{background:#c93f58}[data-v-b6215df6]{font-family:Mulish,sans-serif}span[data-v-b6215df6],form[data-v-b6215df6],label[data-v-b6215df6],header[data-v-b6215df6],body[data-v-b6215df6],section[data-v-b6215df6]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b6215df6]{border:none;background:none}input[data-v-b6215df6]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.auth-chip[data-v-b6215df6]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:24px;border:1px solid #e0e0e0;background:#fff;color:#444;font-size:14px;cursor:pointer;transition:all .2s ease}.auth-chip[data-v-b6215df6]:hover{background:#f0f0f0}.auth-chip--dark[data-v-b6215df6]{background:#1a1a1a;border-color:#444;color:#fff}.auth-chip--dark[data-v-b6215df6]:hover{background:#2b2b2b}[data-v-b4abb288]{font-family:Mulish,sans-serif}span[data-v-b4abb288],form[data-v-b4abb288],label[data-v-b4abb288],header[data-v-b4abb288],body[data-v-b4abb288],section[data-v-b4abb288]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b4abb288]{border:none;background:none}input[data-v-b4abb288]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.captcha-wrapper[data-v-b4abb288]{display:inline-block;border-radius:8px;overflow:hidden;width:300px;height:65px}[data-v-53ead3b5]{font-family:Mulish,sans-serif}span[data-v-53ead3b5],form[data-v-53ead3b5],label[data-v-53ead3b5],header[data-v-53ead3b5],body[data-v-53ead3b5],section[data-v-53ead3b5]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-53ead3b5]{border:none;background:none}input[data-v-53ead3b5]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.login-form[data-v-53ead3b5]{width:320px;padding:40px;border-radius:12px;background:#f9f9f9;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 12px 32px #00000040}.login-form--dark[data-v-53ead3b5]{background:#1a1a1a}.login-form--dark h2[data-v-53ead3b5]{color:#fff}.login-form--dark p[data-v-53ead3b5]{color:#999}.login-form__title[data-v-53ead3b5]{text-align:center;font-size:22px;font-weight:600;margin:0}.login-form__subtitle[data-v-53ead3b5]{text-align:center;font-size:14px;color:#666;margin:0}.login-form__divider[data-v-53ead3b5]{display:flex;align-items:center;gap:10px;color:#999;font-size:12px}.login-form__divider[data-v-53ead3b5]:before,.login-form__divider[data-v-53ead3b5]:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-form__providers[data-v-53ead3b5]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}[data-v-af2312ab]{font-family:Mulish,sans-serif}span[data-v-af2312ab],form[data-v-af2312ab],label[data-v-af2312ab],header[data-v-af2312ab],body[data-v-af2312ab],section[data-v-af2312ab]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-af2312ab]{border:none;background:none}input[data-v-af2312ab]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.theme-toggle[data-v-af2312ab]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle--disabled[data-v-af2312ab]{opacity:.6;cursor:not-allowed}.theme-toggle__track[data-v-af2312ab]{position:relative;width:80px;height:40px;border-radius:20px;background:linear-gradient(90deg,#b5dbf8,#8cccf5);box-shadow:inset 0 4px 12px #00000026;transition:background .4s ease}.theme-toggle__thumb[data-v-af2312ab]{position:absolute;width:36px;height:36px;top:2px;left:2px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 4px 10px #0003;transition:left .4s cubic-bezier(.68,-.55,.27,1.55),background .6s ease,box-shadow .6s ease}.theme-toggle__icon[data-v-af2312ab]{display:flex;align-items:center;justify-content:center;font-size:26px;color:#666}.theme-toggle--dark .theme-toggle__track[data-v-af2312ab]{background:linear-gradient(90deg,#1d2332,#222)}.theme-toggle--dark .theme-toggle__thumb[data-v-af2312ab]{left:42px;background:linear-gradient(45deg,gold,#fa0);box-shadow:0 0 15px #ffd700e6,0 0 25px #6b48ffb3}.theme-toggle--dark .theme-toggle__icon--left[data-v-af2312ab]{opacity:.4}.theme-toggle--dark .theme-toggle__icon--right[data-v-af2312ab]{color:#f6cb5c}.theme-toggle:not(.theme-toggle--dark) .theme-toggle__icon--right[data-v-af2312ab]{opacity:.4}.theme-toggle:not(.theme-toggle--dark) .theme-toggle__icon--left[data-v-af2312ab]{color:#f6cb5c}.theme-toggle--sm .theme-toggle__track[data-v-af2312ab]{width:60px;height:30px}.theme-toggle--sm .theme-toggle__thumb[data-v-af2312ab]{width:26px;height:26px}.theme-toggle--lg .theme-toggle__track[data-v-af2312ab]{width:100px;height:50px}.theme-toggle--lg .theme-toggle__thumb[data-v-af2312ab]{width:46px;height:46px}[data-v-d01c874c]{font-family:Mulish,sans-serif}span[data-v-d01c874c],form[data-v-d01c874c],label[data-v-d01c874c],header[data-v-d01c874c],body[data-v-d01c874c],section[data-v-d01c874c]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-d01c874c]{border:none;background:none}input[data-v-d01c874c]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.app-header[data-v-d01c874c]{width:100%;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.app-header__left[data-v-d01c874c]{display:flex;align-items:center}.app-header__logo[data-v-d01c874c]{height:36px;object-fit:contain}.app-header__right[data-v-d01c874c]{display:flex;align-items:center;gap:24px}.app-header__theme[data-v-d01c874c]{display:flex;align-items:center;gap:10px}.app-header__theme-label[data-v-d01c874c]{font-size:14px;font-weight:500}.app-header__profile[data-v-d01c874c]{display:flex;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer}.app-header__avatar[data-v-d01c874c]{width:34px;height:34px;border-radius:50%;object-fit:cover}.app-header__name[data-v-d01c874c]{font-size:14px;font-weight:500}.app-header--light[data-v-d01c874c]{background:#fff;border-bottom:1px solid #e0e0e0}.app-header--light .app-header__name[data-v-d01c874c]{color:#1a1a1a}.app-header--light .app-header__theme-label[data-v-d01c874c]{color:#2b2b2b}.app-header--dark[data-v-d01c874c]{background:#1a1a1a;border-bottom:1px solid #444444}.app-header--dark .app-header__name[data-v-d01c874c]{color:#fff}.app-header--dark .app-header__theme-label[data-v-d01c874c]{color:#f9f9f9}[data-v-8ab8c529]{font-family:Mulish,sans-serif}span[data-v-8ab8c529],form[data-v-8ab8c529],label[data-v-8ab8c529],header[data-v-8ab8c529],body[data-v-8ab8c529],section[data-v-8ab8c529]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-8ab8c529]{border:none;background:none}input[data-v-8ab8c529]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.dropdown[data-v-8ab8c529]{width:240px;border-radius:12px;padding:8px 0;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px #00000040}.dropdown__item[data-v-8ab8c529]{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;text-align:left;transition:background .2s}.dropdown__item i[data-v-8ab8c529]{font-size:16px}.dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--light[data-v-8ab8c529]{background:#fff}.dropdown--light .dropdown__item[data-v-8ab8c529]{color:#2b2b2b}.dropdown--light .dropdown__item[data-v-8ab8c529]:hover{background:#f0f0f0}.dropdown--light .dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--light .dropdown__item.danger[data-v-8ab8c529]:hover{background:#c93f5826}.dropdown--dark[data-v-8ab8c529]{background:#1a1a1a}.dropdown--dark .dropdown__item[data-v-8ab8c529]{color:#f9f9f9}.dropdown--dark .dropdown__item[data-v-8ab8c529]:hover{background:#2b2b2b}.dropdown--dark .dropdown__item.danger[data-v-8ab8c529]{color:#c93f58}.dropdown--dark .dropdown__item.danger[data-v-8ab8c529]:hover{background:#c93f5826}
|