tax4all-components 0.1.4 → 0.1.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/deploy/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as h, computed as v, openBlock as
|
|
2
|
-
const S = ["disabled"],
|
|
1
|
+
import { defineComponent as h, computed as v, openBlock as o, createElementBlock as d, normalizeClass as r, createElementVNode as n, createCommentVNode as m, toDisplayString as k, ref as y, onMounted as V, createTextVNode as I, createVNode as p } from "vue";
|
|
2
|
+
const S = ["disabled"], x = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "spinner"
|
|
5
|
-
},
|
|
5
|
+
}, E = {
|
|
6
6
|
key: 2,
|
|
7
7
|
class: "btn-label"
|
|
8
|
-
},
|
|
8
|
+
}, A = {
|
|
9
9
|
key: 4,
|
|
10
10
|
class: "btn-badge"
|
|
11
|
-
},
|
|
11
|
+
}, M = ["disabled"], N = /* @__PURE__ */ h({
|
|
12
12
|
__name: "BaseButton",
|
|
13
13
|
props: {
|
|
14
14
|
label: {},
|
|
@@ -25,12 +25,12 @@ const S = ["disabled"], M = {
|
|
|
25
25
|
dropdown: { type: Boolean, default: !1 }
|
|
26
26
|
},
|
|
27
27
|
emits: ["click", "split-click"],
|
|
28
|
-
setup(e, { emit:
|
|
29
|
-
const a = e,
|
|
28
|
+
setup(e, { emit: i }) {
|
|
29
|
+
const a = e, s = i;
|
|
30
30
|
function l() {
|
|
31
|
-
!a.disabled && !a.loading &&
|
|
31
|
+
!a.disabled && !a.loading && s("click");
|
|
32
32
|
}
|
|
33
|
-
const
|
|
33
|
+
const c = v(() => a.label ? a.iconPosition : "left"), u = v(() => [
|
|
34
34
|
`variant-${a.variant}`,
|
|
35
35
|
`size-${a.size}`,
|
|
36
36
|
`state-${a.state}`,
|
|
@@ -39,45 +39,45 @@ const S = ["disabled"], M = {
|
|
|
39
39
|
disabled: a.disabled
|
|
40
40
|
}
|
|
41
41
|
]);
|
|
42
|
-
return (b, t) => (
|
|
43
|
-
class:
|
|
42
|
+
return (b, t) => (o(), d("div", {
|
|
43
|
+
class: r(["base-button-wrapper", { "full-width": a.fullWidth, split: a.split }])
|
|
44
44
|
}, [
|
|
45
45
|
n("button", {
|
|
46
|
-
class:
|
|
46
|
+
class: r(["base-button", u.value]),
|
|
47
47
|
disabled: e.disabled || e.loading,
|
|
48
48
|
onClick: l
|
|
49
49
|
}, [
|
|
50
|
-
e.loading ? (
|
|
51
|
-
e.icon &&
|
|
50
|
+
e.loading ? (o(), d("span", x)) : m("", !0),
|
|
51
|
+
e.icon && c.value === "left" && !e.loading ? (o(), d("i", {
|
|
52
52
|
key: 1,
|
|
53
|
-
class:
|
|
53
|
+
class: r([e.icon, "btn-icon"])
|
|
54
54
|
}, null, 2)) : m("", !0),
|
|
55
|
-
e.label ? (
|
|
56
|
-
e.icon &&
|
|
55
|
+
e.label ? (o(), d("span", E, k(e.label), 1)) : m("", !0),
|
|
56
|
+
e.icon && c.value === "right" && !e.loading ? (o(), d("i", {
|
|
57
57
|
key: 3,
|
|
58
|
-
class:
|
|
58
|
+
class: r([e.icon, "btn-icon"])
|
|
59
59
|
}, null, 2)) : m("", !0),
|
|
60
|
-
e.badge !== void 0 ? (
|
|
60
|
+
e.badge !== void 0 ? (o(), d("span", A, k(e.badge), 1)) : m("", !0)
|
|
61
61
|
], 10, S),
|
|
62
|
-
e.split ? (
|
|
62
|
+
e.split ? (o(), d("button", {
|
|
63
63
|
key: 0,
|
|
64
|
-
class:
|
|
64
|
+
class: r(["base-button split-button", u.value]),
|
|
65
65
|
disabled: e.disabled,
|
|
66
66
|
onClick: t[0] || (t[0] = (f) => b.$emit("split-click"))
|
|
67
67
|
}, [...t[1] || (t[1] = [
|
|
68
68
|
n("i", { class: "bi bi-chevron-down" }, null, -1)
|
|
69
|
-
])], 10,
|
|
69
|
+
])], 10, M)) : m("", !0)
|
|
70
70
|
], 2));
|
|
71
71
|
}
|
|
72
|
-
}),
|
|
72
|
+
}), B = (e, i) => {
|
|
73
73
|
const a = e.__vccOpts || e;
|
|
74
|
-
for (const [
|
|
75
|
-
a[
|
|
74
|
+
for (const [s, l] of i)
|
|
75
|
+
a[s] = l;
|
|
76
76
|
return a;
|
|
77
|
-
},
|
|
77
|
+
}, z = /* @__PURE__ */ B(N, [["__scopeId", "data-v-0ce8be12"]]), W = {
|
|
78
78
|
key: 0,
|
|
79
79
|
class: "base-input__label"
|
|
80
|
-
},
|
|
80
|
+
}, L = ["value", "placeholder", "readonly", "disabled"], P = /* @__PURE__ */ h({
|
|
81
81
|
__name: "BaseInput",
|
|
82
82
|
props: {
|
|
83
83
|
modelValue: {},
|
|
@@ -91,13 +91,13 @@ const S = ["disabled"], M = {
|
|
|
91
91
|
disabled: { type: Boolean, default: !1 }
|
|
92
92
|
},
|
|
93
93
|
emits: ["update:modelValue"],
|
|
94
|
-
setup(e, { emit:
|
|
95
|
-
const a = e,
|
|
96
|
-
function
|
|
97
|
-
const
|
|
98
|
-
|
|
94
|
+
setup(e, { emit: i }) {
|
|
95
|
+
const a = e, s = i, l = y(a.state);
|
|
96
|
+
function c($) {
|
|
97
|
+
const T = $.target;
|
|
98
|
+
s("update:modelValue", T.value);
|
|
99
99
|
}
|
|
100
|
-
function
|
|
100
|
+
function u() {
|
|
101
101
|
a.disabled || (l.value = "focus");
|
|
102
102
|
}
|
|
103
103
|
function b() {
|
|
@@ -118,28 +118,28 @@ const S = ["disabled"], M = {
|
|
|
118
118
|
"base-input--full": a.fullWidth,
|
|
119
119
|
"base-input--disabled": a.disabled
|
|
120
120
|
}
|
|
121
|
-
]),
|
|
121
|
+
]), C = v(() => [
|
|
122
122
|
"base-input__field"
|
|
123
123
|
]);
|
|
124
|
-
return (
|
|
125
|
-
class:
|
|
124
|
+
return ($, T) => (o(), d("div", {
|
|
125
|
+
class: r(g.value)
|
|
126
126
|
}, [
|
|
127
|
-
e.label ? (
|
|
127
|
+
e.label ? (o(), d("label", W, k(e.label), 1)) : m("", !0),
|
|
128
128
|
n("input", {
|
|
129
129
|
value: e.modelValue,
|
|
130
130
|
placeholder: e.placeholder,
|
|
131
131
|
readonly: e.readonly,
|
|
132
132
|
disabled: e.disabled,
|
|
133
|
-
class:
|
|
134
|
-
onInput:
|
|
135
|
-
onFocus:
|
|
133
|
+
class: r(C.value),
|
|
134
|
+
onInput: c,
|
|
135
|
+
onFocus: u,
|
|
136
136
|
onBlur: b,
|
|
137
137
|
onMouseenter: t,
|
|
138
138
|
onMouseleave: f
|
|
139
|
-
}, null, 42,
|
|
139
|
+
}, null, 42, L)
|
|
140
140
|
], 2));
|
|
141
141
|
}
|
|
142
|
-
}),
|
|
142
|
+
}), w = /* @__PURE__ */ B(P, [["__scopeId", "data-v-f4861b50"]]), F = { class: "base-snackbar__icon" }, O = { class: "base-snackbar__content" }, U = { class: "base-snackbar__title" }, D = { class: "base-snackbar__message" }, J = /* @__PURE__ */ h({
|
|
143
143
|
__name: "BaseSnackbar",
|
|
144
144
|
props: {
|
|
145
145
|
title: {},
|
|
@@ -148,34 +148,34 @@ const S = ["disabled"], M = {
|
|
|
148
148
|
duration: { default: 4e3 }
|
|
149
149
|
},
|
|
150
150
|
emits: ["close"],
|
|
151
|
-
setup(e, { emit:
|
|
152
|
-
const a = e,
|
|
153
|
-
let
|
|
154
|
-
const
|
|
151
|
+
setup(e, { emit: i }) {
|
|
152
|
+
const a = e, s = i, l = y(!1);
|
|
153
|
+
let c = null;
|
|
154
|
+
const u = v(() => ({
|
|
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
|
})[a.variant]);
|
|
159
159
|
function b() {
|
|
160
|
-
|
|
160
|
+
c = setTimeout(() => {
|
|
161
161
|
l.value = !0;
|
|
162
162
|
}, a.duration);
|
|
163
163
|
}
|
|
164
164
|
function t(g) {
|
|
165
|
-
g.propertyName === "opacity" && l.value &&
|
|
165
|
+
g.propertyName === "opacity" && l.value && s("close");
|
|
166
166
|
}
|
|
167
167
|
function f() {
|
|
168
|
-
|
|
168
|
+
c && clearTimeout(c), l.value = !0;
|
|
169
169
|
}
|
|
170
|
-
return
|
|
170
|
+
return V(() => {
|
|
171
171
|
b();
|
|
172
|
-
}), (g,
|
|
173
|
-
class:
|
|
172
|
+
}), (g, C) => (o(), d("div", {
|
|
173
|
+
class: r(["base-snackbar", [`base-snackbar--${e.variant}`, { "base-snackbar--hide": l.value }]]),
|
|
174
174
|
onTransitionend: t
|
|
175
175
|
}, [
|
|
176
|
-
n("div",
|
|
176
|
+
n("div", F, [
|
|
177
177
|
n("i", {
|
|
178
|
-
class:
|
|
178
|
+
class: r(u.value)
|
|
179
179
|
}, null, 2)
|
|
180
180
|
]),
|
|
181
181
|
n("div", O, [
|
|
@@ -185,73 +185,94 @@ const S = ["disabled"], M = {
|
|
|
185
185
|
n("button", {
|
|
186
186
|
class: "base-snackbar__close",
|
|
187
187
|
onClick: f
|
|
188
|
-
}, [...
|
|
188
|
+
}, [...C[0] || (C[0] = [
|
|
189
189
|
n("i", { class: "bi bi-x-lg" }, null, -1),
|
|
190
190
|
I(" Fechar ", -1)
|
|
191
191
|
])])
|
|
192
192
|
], 34));
|
|
193
193
|
}
|
|
194
|
-
}),
|
|
194
|
+
}), K = /* @__PURE__ */ h({
|
|
195
195
|
__name: "BaseAuthProviderChip",
|
|
196
196
|
props: {
|
|
197
197
|
provider: {},
|
|
198
198
|
dark: { type: Boolean, default: !1 }
|
|
199
199
|
},
|
|
200
200
|
emits: ["click"],
|
|
201
|
-
setup(e, { emit:
|
|
202
|
-
const a = e,
|
|
201
|
+
setup(e, { emit: i }) {
|
|
202
|
+
const a = e, s = i, l = v(() => ({
|
|
203
203
|
google: "Google",
|
|
204
204
|
microsoft: "Microsoft",
|
|
205
205
|
apple: "Apple"
|
|
206
|
-
})[a.provider]),
|
|
206
|
+
})[a.provider]), c = v(() => ({
|
|
207
207
|
google: "bi bi-google",
|
|
208
208
|
microsoft: "bi bi-microsoft",
|
|
209
209
|
apple: "bi bi-apple"
|
|
210
210
|
})[a.provider]);
|
|
211
|
-
function
|
|
212
|
-
|
|
211
|
+
function u() {
|
|
212
|
+
s("click", a.provider);
|
|
213
213
|
}
|
|
214
|
-
return (b, t) => (
|
|
215
|
-
class:
|
|
216
|
-
onClick:
|
|
214
|
+
return (b, t) => (o(), d("button", {
|
|
215
|
+
class: r(["auth-chip", [`auth-chip--${e.provider}`, { "auth-chip--dark": e.dark }]]),
|
|
216
|
+
onClick: u
|
|
217
217
|
}, [
|
|
218
218
|
n("i", {
|
|
219
|
-
class: c
|
|
219
|
+
class: r(c.value)
|
|
220
220
|
}, null, 2),
|
|
221
221
|
n("span", null, k(l.value), 1)
|
|
222
222
|
], 2));
|
|
223
223
|
}
|
|
224
|
-
}),
|
|
224
|
+
}), _ = /* @__PURE__ */ B(K, [["__scopeId", "data-v-b6215df6"]]), Y = {
|
|
225
|
+
SITE_KEY: "0x4AAAAAACpnTZO7eMd0cjEL"
|
|
226
|
+
}, j = { class: "captcha-wrapper" }, G = /* @__PURE__ */ h({
|
|
227
|
+
__name: "TurnsTile",
|
|
228
|
+
setup(e) {
|
|
229
|
+
const i = y(null);
|
|
230
|
+
function a(s) {
|
|
231
|
+
console.log("token captcha:", s);
|
|
232
|
+
}
|
|
233
|
+
return V(() => {
|
|
234
|
+
window.turnstile && i.value && window.turnstile.render(i.value, {
|
|
235
|
+
sitekey: Y.SITE_KEY,
|
|
236
|
+
callback: a
|
|
237
|
+
});
|
|
238
|
+
}), (s, l) => (o(), d("div", j, [
|
|
239
|
+
n("div", {
|
|
240
|
+
ref_key: "captcha",
|
|
241
|
+
ref: i
|
|
242
|
+
}, null, 512)
|
|
243
|
+
]));
|
|
244
|
+
}
|
|
245
|
+
}), H = /* @__PURE__ */ B(G, [["__scopeId", "data-v-06ca0b52"]]), R = { class: "login-form__providers" }, Z = /* @__PURE__ */ h({
|
|
225
246
|
__name: "BaseLoginForm",
|
|
226
247
|
props: {
|
|
227
248
|
dark: { type: Boolean, default: !1 },
|
|
228
249
|
loading: { type: Boolean, default: !1 }
|
|
229
250
|
},
|
|
230
251
|
emits: ["submit", "provider"],
|
|
231
|
-
setup(e, { emit:
|
|
232
|
-
const a =
|
|
233
|
-
function
|
|
252
|
+
setup(e, { emit: i }) {
|
|
253
|
+
const a = i, s = y(""), l = y("");
|
|
254
|
+
function c() {
|
|
234
255
|
a("submit", {
|
|
235
|
-
login:
|
|
256
|
+
login: s.value,
|
|
236
257
|
password: l.value
|
|
237
258
|
});
|
|
238
259
|
}
|
|
239
|
-
function
|
|
260
|
+
function u(b) {
|
|
240
261
|
a("provider", b);
|
|
241
262
|
}
|
|
242
|
-
return (b, t) => (
|
|
243
|
-
class:
|
|
263
|
+
return (b, t) => (o(), d("div", {
|
|
264
|
+
class: r(["login-form", { "login-form--dark": e.dark }])
|
|
244
265
|
}, [
|
|
245
266
|
t[2] || (t[2] = n("h2", { class: "login-form__title" }, "Acessar Sistema", -1)),
|
|
246
267
|
t[3] || (t[3] = n("p", { class: "login-form__subtitle" }, "Digite seu login e senha para continuar", -1)),
|
|
247
|
-
p(
|
|
248
|
-
modelValue:
|
|
249
|
-
"onUpdate:modelValue": t[0] || (t[0] = (f) =>
|
|
268
|
+
p(w, {
|
|
269
|
+
modelValue: s.value,
|
|
270
|
+
"onUpdate:modelValue": t[0] || (t[0] = (f) => s.value = f),
|
|
250
271
|
label: "Login",
|
|
251
272
|
placeholder: "Seu login",
|
|
252
273
|
fullWidth: ""
|
|
253
274
|
}, null, 8, ["modelValue"]),
|
|
254
|
-
p(
|
|
275
|
+
p(w, {
|
|
255
276
|
modelValue: l.value,
|
|
256
277
|
"onUpdate:modelValue": t[1] || (t[1] = (f) => l.value = f),
|
|
257
278
|
label: "Senha",
|
|
@@ -259,39 +280,40 @@ const S = ["disabled"], M = {
|
|
|
259
280
|
type: "password",
|
|
260
281
|
fullWidth: ""
|
|
261
282
|
}, null, 8, ["modelValue"]),
|
|
262
|
-
p(
|
|
283
|
+
p(H),
|
|
284
|
+
p(z, {
|
|
263
285
|
label: "Entrar",
|
|
264
286
|
variant: "solid",
|
|
265
287
|
loading: e.loading,
|
|
266
288
|
fullWidth: "",
|
|
267
|
-
onClick:
|
|
289
|
+
onClick: c
|
|
268
290
|
}, null, 8, ["loading"]),
|
|
269
291
|
t[4] || (t[4] = n("div", { class: "login-form__divider" }, [
|
|
270
292
|
n("span", null, "OU CONTINUE COM")
|
|
271
293
|
], -1)),
|
|
272
|
-
n("div",
|
|
273
|
-
p(
|
|
294
|
+
n("div", R, [
|
|
295
|
+
p(_, {
|
|
274
296
|
provider: "google",
|
|
275
297
|
dark: e.dark,
|
|
276
|
-
onClick:
|
|
298
|
+
onClick: u
|
|
277
299
|
}, null, 8, ["dark"]),
|
|
278
|
-
p(
|
|
300
|
+
p(_, {
|
|
279
301
|
provider: "microsoft",
|
|
280
302
|
dark: e.dark,
|
|
281
|
-
onClick:
|
|
303
|
+
onClick: u
|
|
282
304
|
}, null, 8, ["dark"]),
|
|
283
|
-
p(
|
|
305
|
+
p(_, {
|
|
284
306
|
provider: "apple",
|
|
285
307
|
dark: e.dark,
|
|
286
|
-
onClick:
|
|
308
|
+
onClick: u
|
|
287
309
|
}, null, 8, ["dark"])
|
|
288
310
|
])
|
|
289
311
|
], 2));
|
|
290
312
|
}
|
|
291
|
-
}),
|
|
313
|
+
}), Q = /* @__PURE__ */ B(Z, [["__scopeId", "data-v-9e4d1f8f"]]);
|
|
292
314
|
export {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
315
|
+
z as BaseButton,
|
|
316
|
+
w as BaseInput,
|
|
317
|
+
Q as BaseLoginForm,
|
|
296
318
|
J as BaseSnackbar
|
|
297
319
|
};
|
|
@@ -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"},
|
|
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 i=e.computed(()=>a.label?a.iconPosition:"left"),c=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",c.value]),disabled:t.disabled||t.loading,onClick:l},[t.loading?(e.openBlock(),e.createElementBlock("span",V)):e.createCommentVNode("",!0),t.icon&&i.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&&i.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",c.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))}}),u=(t,s)=>{const a=t.__vccOpts||t;for(const[o,l]of s)a[o]=l;return a},g=u(_,[["__scopeId","data-v-0ce8be12"]]),$={key:0,class:"base-input__label"},S=["value","placeholder","readonly","disabled"],b=u(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}},emits:["update:modelValue"],setup(t,{emit:s}){const a=t,o=s,l=e.ref(a.state);function i(h){const B=h.target;o("update:modelValue",B.value)}function c(){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}]),p=e.computed(()=>["base-input__field"]);return(h,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[t.label?(e.openBlock(),e.createElementBlock("label",$,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(p.value),onInput:i,onFocus:c,onBlur:d,onMouseenter:n,onMouseleave:m},null,42,S)],2))}}),[["__scopeId","data-v-f4861b50"]]),T={class:"base-snackbar__icon"},z={class:"base-snackbar__content"},w={class:"base-snackbar__title"},I={class:"base-snackbar__message"},x=e.defineComponent({__name:"BaseSnackbar",props:{title:{},message:{},variant:{default:"success"},duration:{default:4e3}},emits:["close"],setup(t,{emit:s}){const a=t,o=s,l=e.ref(!1);let i=null;const c=e.computed(()=>({success:"bi bi-check-circle-fill",warning:"bi bi-exclamation-triangle-fill",critical:"bi bi-x-circle-fill"})[a.variant]);function d(){i=setTimeout(()=>{l.value=!0},a.duration)}function n(f){f.propertyName==="opacity"&&l.value&&o("close")}function m(){i&&clearTimeout(i),l.value=!0}return e.onMounted(()=>{d()}),(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-snackbar",[`base-snackbar--${t.variant}`,{"base-snackbar--hide":l.value}]]),onTransitionend:n},[e.createElementVNode("div",T,[e.createElementVNode("i",{class:e.normalizeClass(c.value)},null,2)]),e.createElementVNode("div",z,[e.createElementVNode("strong",w,e.toDisplayString(t.title),1),e.createElementVNode("span",I,e.toDisplayString(t.message),1)]),e.createElementVNode("button",{class:"base-snackbar__close",onClick:m},[...p[0]||(p[0]=[e.createElementVNode("i",{class:"bi bi-x-lg"},null,-1),e.createTextVNode(" Fechar ",-1)])])],34))}}),k=u(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]),i=e.computed(()=>({google:"bi bi-google",microsoft:"bi bi-microsoft",apple:"bi bi-apple"})[a.provider]);function c(){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:c},[e.createElementVNode("i",{class:e.normalizeClass(i.value)},null,2),e.createElementVNode("span",null,e.toDisplayString(l.value),1)],2))}}),[["__scopeId","data-v-b6215df6"]]),M={SITE_KEY:"0x4AAAAAACpnTZO7eMd0cjEL"},A={class:"captcha-wrapper"},D=u(e.defineComponent({__name:"TurnsTile",setup(t){const s=e.ref(null);function a(o){console.log("token captcha:",o)}return e.onMounted(()=>{window.turnstile&&s.value&&window.turnstile.render(s.value,{sitekey:M.SITE_KEY,callback:a})}),(o,l)=>(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",{ref_key:"captcha",ref:s},null,512)]))}}),[["__scopeId","data-v-06ca0b52"]]),L={class:"login-form__providers"},P=u(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 i(){a("submit",{login:o.value,password:l.value})}function c(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(D),e.createVNode(g,{label:"Entrar",variant:"solid",loading:t.loading,fullWidth:"",onClick:i},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:c},null,8,["dark"]),e.createVNode(k,{provider:"microsoft",dark:t.dark,onClick:c},null,8,["dark"]),e.createVNode(k,{provider:"apple",dark:t.dark,onClick:c},null,8,["dark"])])],2))}}),[["__scopeId","data-v-9e4d1f8f"]]);r.BaseButton=g,r.BaseInput=b,r.BaseLoginForm=P,r.BaseSnackbar=x,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
2
|
+
captcha: HTMLDivElement;
|
|
3
|
+
}, HTMLDivElement>;
|
|
4
|
+
export default _default;
|
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-f4861b50]{font-family:Mulish,sans-serif}span[data-v-f4861b50],form[data-v-f4861b50],label[data-v-f4861b50],header[data-v-f4861b50],body[data-v-f4861b50],section[data-v-f4861b50]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-f4861b50]{border:none;background:none}input[data-v-f4861b50]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-input[data-v-f4861b50]{display:inline-flex;flex-direction:column;gap:4px;width:auto}.base-input--full[data-v-f4861b50]{width:100%}.base-input__label[data-v-f4861b50]{font-size:14px;color:#5e5e5e}.base-input__field[data-v-f4861b50]{border:none;outline:none;font-size:14px;padding:6px 8px;background:transparent;color:#000c;transition:all .2s ease}.base-input__field[data-v-f4861b50]::placeholder{color:#999}.base-input--underline .base-input__field[data-v-f4861b50]{border-bottom:1px solid #cccccc}.base-input--underline.base-input--hover .base-input__field[data-v-f4861b50]{border-bottom-color:#00aa76}.base-input--underline.base-input--focus .base-input__field[data-v-f4861b50]{border-bottom:2px solid #00aa76}.base-input--outlined .base-input__field[data-v-f4861b50]{border:1px solid #cccccc;border-radius:6px;background:#f9f9f9}.base-input--outlined.base-input--hover .base-input__field[data-v-f4861b50]{border-color:#00aa76;background:#00aa7615}.base-input--outlined.base-input--focus .base-input__field[data-v-f4861b50]{border:2px solid #00aa76;background:#fff;box-shadow:0 0 0 3px #00aa7615}.base-input--sm .base-input__field[data-v-f4861b50]{font-size:12px;padding:4px 6px}.base-input--md .base-input__field[data-v-f4861b50]{font-size:14px;padding:6px 8px}.base-input--lg .base-input__field[data-v-f4861b50]{font-size:16px;padding:10px 12px}.base-input--disabled .base-input__field[data-v-f4861b50]{background:#f0f0f0;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.base-input--disabled .base-input__field[data-v-f4861b50]::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-b1287f25]{font-family:Mulish,sans-serif}span[data-v-b1287f25],form[data-v-b1287f25],label[data-v-b1287f25],header[data-v-b1287f25],body[data-v-b1287f25],section[data-v-b1287f25]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b1287f25]{border:none;background:none}input[data-v-b1287f25]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.login-form[data-v-b1287f25]{width:320px;padding:40px;border-radius:20px;background:#f9f9f9;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 32px #00000040}.login-form--dark[data-v-b1287f25]{background:#1a1a1a}.login-form--dark h2[data-v-b1287f25]{color:#fff}.login-form--dark p[data-v-b1287f25]{color:#999}.login-form__title[data-v-b1287f25]{text-align:center;font-size:22px;font-weight:600;margin:0}.login-form__subtitle[data-v-b1287f25]{text-align:center;font-size:14px;color:#666;margin:0}.login-form__divider[data-v-b1287f25]{display:flex;align-items:center;gap:10px;color:#999;font-size:12px}.login-form__divider[data-v-b1287f25]:before,.login-form__divider[data-v-b1287f25]:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-form__providers[data-v-b1287f25]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
|
|
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-f4861b50]{font-family:Mulish,sans-serif}span[data-v-f4861b50],form[data-v-f4861b50],label[data-v-f4861b50],header[data-v-f4861b50],body[data-v-f4861b50],section[data-v-f4861b50]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-f4861b50]{border:none;background:none}input[data-v-f4861b50]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-input[data-v-f4861b50]{display:inline-flex;flex-direction:column;gap:4px;width:auto}.base-input--full[data-v-f4861b50]{width:100%}.base-input__label[data-v-f4861b50]{font-size:14px;color:#5e5e5e}.base-input__field[data-v-f4861b50]{border:none;outline:none;font-size:14px;padding:6px 8px;background:transparent;color:#000c;transition:all .2s ease}.base-input__field[data-v-f4861b50]::placeholder{color:#999}.base-input--underline .base-input__field[data-v-f4861b50]{border-bottom:1px solid #cccccc}.base-input--underline.base-input--hover .base-input__field[data-v-f4861b50]{border-bottom-color:#00aa76}.base-input--underline.base-input--focus .base-input__field[data-v-f4861b50]{border-bottom:2px solid #00aa76}.base-input--outlined .base-input__field[data-v-f4861b50]{border:1px solid #cccccc;border-radius:6px;background:#f9f9f9}.base-input--outlined.base-input--hover .base-input__field[data-v-f4861b50]{border-color:#00aa76;background:#00aa7615}.base-input--outlined.base-input--focus .base-input__field[data-v-f4861b50]{border:2px solid #00aa76;background:#fff;box-shadow:0 0 0 3px #00aa7615}.base-input--sm .base-input__field[data-v-f4861b50]{font-size:12px;padding:4px 6px}.base-input--md .base-input__field[data-v-f4861b50]{font-size:14px;padding:6px 8px}.base-input--lg .base-input__field[data-v-f4861b50]{font-size:16px;padding:10px 12px}.base-input--disabled .base-input__field[data-v-f4861b50]{background:#f0f0f0;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.base-input--disabled .base-input__field[data-v-f4861b50]::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-06ca0b52]{font-family:Mulish,sans-serif}span[data-v-06ca0b52],form[data-v-06ca0b52],label[data-v-06ca0b52],header[data-v-06ca0b52],body[data-v-06ca0b52],section[data-v-06ca0b52]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-06ca0b52]{border:none;background:none}input[data-v-06ca0b52]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.captcha-wrapper[data-v-06ca0b52]{display:inline-block;border-radius:8px;overflow:hidden;width:300px;height:65px}[data-v-9e4d1f8f]{font-family:Mulish,sans-serif}span[data-v-9e4d1f8f],form[data-v-9e4d1f8f],label[data-v-9e4d1f8f],header[data-v-9e4d1f8f],body[data-v-9e4d1f8f],section[data-v-9e4d1f8f]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-9e4d1f8f]{border:none;background:none}input[data-v-9e4d1f8f]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.login-form[data-v-9e4d1f8f]{width:320px;padding:40px;border-radius:20px;background:#f9f9f9;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 12px 32px #00000040}.login-form--dark[data-v-9e4d1f8f]{background:#1a1a1a}.login-form--dark h2[data-v-9e4d1f8f]{color:#fff}.login-form--dark p[data-v-9e4d1f8f]{color:#999}.login-form__title[data-v-9e4d1f8f]{text-align:center;font-size:22px;font-weight:600;margin:0}.login-form__subtitle[data-v-9e4d1f8f]{text-align:center;font-size:14px;color:#666;margin:0}.login-form__divider[data-v-9e4d1f8f]{display:flex;align-items:center;gap:10px;color:#999;font-size:12px}.login-form__divider[data-v-9e4d1f8f]:before,.login-form__divider[data-v-9e4d1f8f]:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-form__providers[data-v-9e4d1f8f]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
|