@vlalg-nimbus/nb-buttons 4.0.0 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/nb-buttons.js +116 -116
- package/dist/nb-buttons.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/nb-buttons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCssVars as U, toRefs as J, computed as t, openBlock as _, createElementBlock as P, normalizeClass as E, normalizeStyle as Y, unref as I, withKeys as L, withModifiers as j, createElementVNode as D, renderSlot as M, createTextVNode as G, createCommentVNode as K, onMounted as ie, ref as ve, watch as pe, toDisplayString as ye } from "vue";
|
|
2
|
-
const Q = (e,
|
|
2
|
+
const Q = (e, b) => {
|
|
3
3
|
const X = e.__vccOpts || e;
|
|
4
|
-
for (const [R, W] of
|
|
4
|
+
for (const [R, W] of b)
|
|
5
5
|
X[R] = W;
|
|
6
6
|
return X;
|
|
7
7
|
}, ge = ["tabIndex", "aria-label", "aria-disabled"], me = ["id"], Ve = { class: "component-content__text" }, xe = /* @__PURE__ */ Object.assign({
|
|
@@ -18,8 +18,8 @@ const Q = (e, c) => {
|
|
|
18
18
|
type: String,
|
|
19
19
|
default: "ib",
|
|
20
20
|
validator: (e = "") => {
|
|
21
|
-
const
|
|
22
|
-
return ["b", "ib"].includes(
|
|
21
|
+
const b = e.toLowerCase();
|
|
22
|
+
return ["b", "ib"].includes(b);
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
tabIndex: {
|
|
@@ -108,15 +108,15 @@ const Q = (e, c) => {
|
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
110
|
emits: ["clicked"],
|
|
111
|
-
setup(e, { emit:
|
|
111
|
+
setup(e, { emit: b }) {
|
|
112
112
|
U((i) => ({
|
|
113
113
|
"3b94cba3": l.value,
|
|
114
|
-
"6146add9":
|
|
114
|
+
"6146add9": c.value,
|
|
115
115
|
"2753eae3": z.value,
|
|
116
116
|
"4edfa97a": s.value,
|
|
117
117
|
dd0b6f3c: f.value
|
|
118
118
|
}));
|
|
119
|
-
const X =
|
|
119
|
+
const X = b, R = e, {
|
|
120
120
|
display: W,
|
|
121
121
|
textColor: T,
|
|
122
122
|
textColorHover: $,
|
|
@@ -171,7 +171,7 @@ const Q = (e, c) => {
|
|
|
171
171
|
};
|
|
172
172
|
}), a = t(() => ({
|
|
173
173
|
backgroundColor: B.value.buttonColorHover
|
|
174
|
-
})), l = t(() => B.value.font), s = t(() => B.value.borderColor), f = t(() => B.value.borderOpacity),
|
|
174
|
+
})), l = t(() => B.value.font), s = t(() => B.value.borderColor), f = t(() => B.value.borderOpacity), c = t(() => B.value.textColor), z = t(() => B.value.textColorHover), o = () => {
|
|
175
175
|
X("clicked");
|
|
176
176
|
};
|
|
177
177
|
return (i, p) => e.nbId ? (_(), P("div", {
|
|
@@ -293,7 +293,7 @@ const Se = ["tabIndex", "aria-label", "aria-disabled"], he = ["id"], Be = /* @__
|
|
|
293
293
|
}
|
|
294
294
|
},
|
|
295
295
|
emits: ["clicked"],
|
|
296
|
-
setup(e, { emit:
|
|
296
|
+
setup(e, { emit: b }) {
|
|
297
297
|
U((v) => ({
|
|
298
298
|
"630b5d13": d.value,
|
|
299
299
|
"6584a110": r.value,
|
|
@@ -301,7 +301,7 @@ const Se = ["tabIndex", "aria-label", "aria-disabled"], he = ["id"], Be = /* @__
|
|
|
301
301
|
e8db6f2c: e.textColorHover,
|
|
302
302
|
"7e70901c": I(W)
|
|
303
303
|
}));
|
|
304
|
-
const X =
|
|
304
|
+
const X = b, R = e, {
|
|
305
305
|
textColor: W,
|
|
306
306
|
buttonColorHover: T,
|
|
307
307
|
buttonColorOpacityHover: $,
|
|
@@ -314,14 +314,14 @@ const Se = ["tabIndex", "aria-label", "aria-disabled"], he = ["id"], Be = /* @__
|
|
|
314
314
|
fontSize: g,
|
|
315
315
|
fontWeight: V
|
|
316
316
|
} = J(R), u = t(() => {
|
|
317
|
-
const v = y.value ? "component-disabled" : "", n = S.value ? S.value : "middle", a = W ? W.value : "ffffff", l = !N.value || N.value < 0 ? 1 : N.value, s = !m.value || m.value < 0 ? 0.2 : m.value, f = !C.value || C.value < 0 ? 0 : C.value,
|
|
317
|
+
const v = y.value ? "component-disabled" : "", n = S.value ? S.value : "middle", a = W ? W.value : "ffffff", l = !N.value || N.value < 0 ? 1 : N.value, s = !m.value || m.value < 0 ? 0.2 : m.value, f = !C.value || C.value < 0 ? 0 : C.value, c = T.value ? T.value : "10, 38, 184", z = !$.value || $.value < 0 ? 0.1 : $.value, o = h.value ? h.value : "'Lato', sans-serif", i = g.value ? g.value : "1.6rem", p = !V.value || V.value < 0 ? 100 : V.value;
|
|
318
318
|
return {
|
|
319
319
|
disabled: v,
|
|
320
320
|
borderRadius: f,
|
|
321
321
|
textColor: a,
|
|
322
322
|
paddingX: l,
|
|
323
323
|
paddingY: s,
|
|
324
|
-
buttonColorHover:
|
|
324
|
+
buttonColorHover: c,
|
|
325
325
|
buttonColorOpacityHover: z,
|
|
326
326
|
font: o,
|
|
327
327
|
fontSize: i,
|
|
@@ -487,7 +487,7 @@ const Ie = ["id"], $e = ["tabIndex", "aria-label", "aria-disabled"], Ne = ["tabI
|
|
|
487
487
|
}
|
|
488
488
|
},
|
|
489
489
|
emits: ["clicked"],
|
|
490
|
-
setup(e, { emit:
|
|
490
|
+
setup(e, { emit: b }) {
|
|
491
491
|
U((n) => ({
|
|
492
492
|
"16c88917": w.value,
|
|
493
493
|
"6e1325e7": e.colorPrimary,
|
|
@@ -495,7 +495,7 @@ const Ie = ["id"], $e = ["tabIndex", "aria-label", "aria-disabled"], Ne = ["tabI
|
|
|
495
495
|
"72f42419": e.colorSecondary,
|
|
496
496
|
"195b3f6e": e.textColorHover
|
|
497
497
|
}));
|
|
498
|
-
const X =
|
|
498
|
+
const X = b, R = e, {
|
|
499
499
|
paddingX: W,
|
|
500
500
|
paddingY: T,
|
|
501
501
|
marginBetween: $,
|
|
@@ -507,14 +507,14 @@ const Ie = ["id"], $e = ["tabIndex", "aria-label", "aria-disabled"], Ne = ["tabI
|
|
|
507
507
|
fontSize: h,
|
|
508
508
|
fontWeight: g
|
|
509
509
|
} = J(R), V = t(() => {
|
|
510
|
-
const n = m.value ? "component-disabled" : "", a = y.value ? "component-disabled" : "", l = C.value ? "component-disabled" : "", s = !$.value || $.value < 0 ? 0 : $.value, f = !N.value || N.value < 0 ? 0 : N.value,
|
|
510
|
+
const n = m.value ? "component-disabled" : "", a = y.value ? "component-disabled" : "", l = C.value ? "component-disabled" : "", s = !$.value || $.value < 0 ? 0 : $.value, f = !N.value || N.value < 0 ? 0 : N.value, c = !W.value || W.value < 0 ? 1 : W.value, z = !T.value || T.value < 0 ? 10 : T.value, o = h.value ? h.value : "1.6em", i = !g.value || g.value < 0 ? 100 : g.value;
|
|
511
511
|
return {
|
|
512
512
|
disabled: n,
|
|
513
513
|
disabledPreview: a,
|
|
514
514
|
disabledNext: l,
|
|
515
515
|
marginBetween: `${s}px`,
|
|
516
516
|
borderRadius: `${f}px`,
|
|
517
|
-
paddingX: `${
|
|
517
|
+
paddingX: `${c}px`,
|
|
518
518
|
paddingY: `${z}px`,
|
|
519
519
|
fontSize: o,
|
|
520
520
|
fontWeight: i
|
|
@@ -608,8 +608,8 @@ const ke = ["tabIndex", "aria-label", "aria-disabled"], We = ["id"], ze = /* @__
|
|
|
608
608
|
type: String,
|
|
609
609
|
default: "b",
|
|
610
610
|
validator: (e = "b") => {
|
|
611
|
-
const
|
|
612
|
-
return ["b", "ib"].includes(
|
|
611
|
+
const b = e ? e.toLowerCase() : "";
|
|
612
|
+
return ["b", "ib"].includes(b);
|
|
613
613
|
}
|
|
614
614
|
},
|
|
615
615
|
tabIndex: {
|
|
@@ -679,14 +679,14 @@ const ke = ["tabIndex", "aria-label", "aria-disabled"], We = ["id"], ze = /* @__
|
|
|
679
679
|
}
|
|
680
680
|
},
|
|
681
681
|
emits: ["clicked"],
|
|
682
|
-
setup(e, { emit:
|
|
682
|
+
setup(e, { emit: b }) {
|
|
683
683
|
U((a) => ({
|
|
684
684
|
"75e08b28": d.value,
|
|
685
685
|
"38d76e94": I(T),
|
|
686
686
|
"1e761906": v.value,
|
|
687
687
|
60007562: w.value
|
|
688
688
|
}));
|
|
689
|
-
const X =
|
|
689
|
+
const X = b, R = e, {
|
|
690
690
|
display: W,
|
|
691
691
|
buttonColor: T,
|
|
692
692
|
textColor: $,
|
|
@@ -700,13 +700,13 @@ const ke = ["tabIndex", "aria-label", "aria-disabled"], We = ["id"], ze = /* @__
|
|
|
700
700
|
fontSize: V,
|
|
701
701
|
fontWeight: u
|
|
702
702
|
} = J(R), x = t(() => {
|
|
703
|
-
const a = S.value ? "component-disabled" : "", l = W.value !== "b" ? "inline-block" : "block", s = N.value ? N.value : "#ffffff", f = T.value ? T.value : "#bbbbbb",
|
|
703
|
+
const a = S.value ? "component-disabled" : "", l = W.value !== "b" ? "inline-block" : "block", s = N.value ? N.value : "#ffffff", f = T.value ? T.value : "#bbbbbb", c = $.value ? $.value : "#ffffff", z = !m.value || m.value < 0 ? 1 : m.value, o = !y.value || y.value < 0 ? 0.2 : y.value, i = !C.value || C.value < 0 ? 0 : C.value, p = h.value ? "" : "component-transition__no-slow", A = g.value ? g.value : "'Lato', sans-serif", O = V.value ? V.value : "1.6em", F = !u.value || u.value < 0 ? 100 : u.value;
|
|
704
704
|
return {
|
|
705
705
|
disabled: a,
|
|
706
706
|
display: l,
|
|
707
707
|
containerColor: s,
|
|
708
708
|
buttonColor: f,
|
|
709
|
-
textColor:
|
|
709
|
+
textColor: c,
|
|
710
710
|
paddingX: z,
|
|
711
711
|
paddingY: o,
|
|
712
712
|
borderRadius: i,
|
|
@@ -771,8 +771,8 @@ const Xe = ["tabIndex", "aria-label", "aria-disabled"], Le = ["id"], Re = /* @__
|
|
|
771
771
|
type: String,
|
|
772
772
|
default: "b",
|
|
773
773
|
validator: (e = "b") => {
|
|
774
|
-
const
|
|
775
|
-
return ["b", "ib"].includes(
|
|
774
|
+
const b = e ? e.toLowerCase() : "";
|
|
775
|
+
return ["b", "ib"].includes(b);
|
|
776
776
|
}
|
|
777
777
|
},
|
|
778
778
|
tabIndex: {
|
|
@@ -838,11 +838,11 @@ const Xe = ["tabIndex", "aria-label", "aria-disabled"], Le = ["id"], Re = /* @__
|
|
|
838
838
|
}
|
|
839
839
|
},
|
|
840
840
|
emits: ["clicked"],
|
|
841
|
-
setup(e, { emit:
|
|
841
|
+
setup(e, { emit: b }) {
|
|
842
842
|
U((d) => ({
|
|
843
843
|
"41c9f13c": r.value
|
|
844
844
|
}));
|
|
845
|
-
const X =
|
|
845
|
+
const X = b, R = e, {
|
|
846
846
|
display: W,
|
|
847
847
|
buttonColor: T,
|
|
848
848
|
textColor: $,
|
|
@@ -855,7 +855,7 @@ const Xe = ["tabIndex", "aria-label", "aria-disabled"], Le = ["id"], Re = /* @__
|
|
|
855
855
|
fontSize: g,
|
|
856
856
|
fontWeight: V
|
|
857
857
|
} = J(R), u = t(() => {
|
|
858
|
-
const d = S.value ? "component-disabled" : "", w = W.value !== "b" ? "inline-block" : "block", v = T.value ? T.value : "#bbbbbb", n = C.value ? C.value : "#002f3c", a = $.value ? $.value : "#ffffff", l = !N.value || N.value < 0 ? 1 : N.value, s = !m.value || m.value < 0 ? 1 : m.value, f = !y.value || y.value < 0 ? 0 : y.value,
|
|
858
|
+
const d = S.value ? "component-disabled" : "", w = W.value !== "b" ? "inline-block" : "block", v = T.value ? T.value : "#bbbbbb", n = C.value ? C.value : "#002f3c", a = $.value ? $.value : "#ffffff", l = !N.value || N.value < 0 ? 1 : N.value, s = !m.value || m.value < 0 ? 1 : m.value, f = !y.value || y.value < 0 ? 0 : y.value, c = h.value ? h.value : "'Lato', sans-serif", z = g.value ? g.value : "1.6em", o = !V.value || V.value < 0 ? 100 : V.value;
|
|
859
859
|
return {
|
|
860
860
|
disabled: d,
|
|
861
861
|
display: w,
|
|
@@ -865,7 +865,7 @@ const Xe = ["tabIndex", "aria-label", "aria-disabled"], Le = ["id"], Re = /* @__
|
|
|
865
865
|
paddingX: l,
|
|
866
866
|
paddingY: s,
|
|
867
867
|
borderRadius: f,
|
|
868
|
-
font:
|
|
868
|
+
font: c,
|
|
869
869
|
fontSize: z,
|
|
870
870
|
fontWeight: o
|
|
871
871
|
};
|
|
@@ -976,12 +976,12 @@ const De = ["tabIndex", "aria-label", "aria-disabled"], Ee = ["id"], Oe = /* @__
|
|
|
976
976
|
}
|
|
977
977
|
},
|
|
978
978
|
emits: ["clicked"],
|
|
979
|
-
setup(e, { emit:
|
|
979
|
+
setup(e, { emit: b }) {
|
|
980
980
|
U((d) => ({
|
|
981
981
|
"05489a45": H.value,
|
|
982
982
|
b1646024: r.value
|
|
983
983
|
}));
|
|
984
|
-
const X =
|
|
984
|
+
const X = b, R = e;
|
|
985
985
|
ie(() => {
|
|
986
986
|
W.value = T.value;
|
|
987
987
|
});
|
|
@@ -1068,8 +1068,8 @@ const _e = ["tabIndex", "aria-label", "aria-disabled"], Pe = ["id"], Ke = /* @__
|
|
|
1068
1068
|
type: String,
|
|
1069
1069
|
default: "b",
|
|
1070
1070
|
validator: (e = "b") => {
|
|
1071
|
-
const
|
|
1072
|
-
return ["b", "ib"].includes(
|
|
1071
|
+
const b = e ? e.toLowerCase() : "";
|
|
1072
|
+
return ["b", "ib"].includes(b);
|
|
1073
1073
|
}
|
|
1074
1074
|
},
|
|
1075
1075
|
tabIndex: {
|
|
@@ -1135,14 +1135,14 @@ const _e = ["tabIndex", "aria-label", "aria-disabled"], Pe = ["id"], Ke = /* @__
|
|
|
1135
1135
|
}
|
|
1136
1136
|
},
|
|
1137
1137
|
emits: ["clicked"],
|
|
1138
|
-
setup(e, { emit:
|
|
1138
|
+
setup(e, { emit: b }) {
|
|
1139
1139
|
U((a) => ({
|
|
1140
1140
|
"1be7c59c": d.value,
|
|
1141
1141
|
"25955d43": v.value,
|
|
1142
1142
|
bccb6a10: B.value,
|
|
1143
1143
|
"374c98a8": w.value
|
|
1144
1144
|
}));
|
|
1145
|
-
const X =
|
|
1145
|
+
const X = b, R = e, {
|
|
1146
1146
|
display: W,
|
|
1147
1147
|
buttonColor: T,
|
|
1148
1148
|
borderColor: $,
|
|
@@ -1155,13 +1155,13 @@ const _e = ["tabIndex", "aria-label", "aria-disabled"], Pe = ["id"], Ke = /* @__
|
|
|
1155
1155
|
fontSize: g,
|
|
1156
1156
|
fontWeight: V
|
|
1157
1157
|
} = J(R), u = t(() => {
|
|
1158
|
-
const a = S.value ? "component-disabled" : "", l = W.value !== "b" ? "inline-block" : "block", s = T.value ? T.value : "#bbbbbb", f = $.value ? $.value : "#ffe54c",
|
|
1158
|
+
const a = S.value ? "component-disabled" : "", l = W.value !== "b" ? "inline-block" : "block", s = T.value ? T.value : "#bbbbbb", f = $.value ? $.value : "#ffe54c", c = N.value ? N.value : "#ffffff", z = !m.value || m.value < 0 ? 1 : m.value, o = !y.value || y.value < 0 ? 0.2 : y.value, i = !C.value || C.value < 0 ? 0 : C.value, p = h.value ? h.value : "'Lato', sans-serif", A = g.value ? g.value : "1.6em", O = !V.value || V.value < 0 ? 200 : V.value;
|
|
1159
1159
|
return {
|
|
1160
1160
|
disabled: a,
|
|
1161
1161
|
display: l,
|
|
1162
1162
|
buttonColor: s,
|
|
1163
1163
|
borderColor: f,
|
|
1164
|
-
textColor:
|
|
1164
|
+
textColor: c,
|
|
1165
1165
|
paddingX: z,
|
|
1166
1166
|
paddingY: o,
|
|
1167
1167
|
borderRadius: i,
|
|
@@ -1234,8 +1234,8 @@ const qe = ["tabIndex", "aria-label", "aria-disabled"], Me = ["id"], Ge = /* @__
|
|
|
1234
1234
|
type: String,
|
|
1235
1235
|
default: "b",
|
|
1236
1236
|
validator: (e = "b") => {
|
|
1237
|
-
const
|
|
1238
|
-
return ["b", "ib"].includes(
|
|
1237
|
+
const b = e.toLowerCase();
|
|
1238
|
+
return ["b", "ib"].includes(b);
|
|
1239
1239
|
}
|
|
1240
1240
|
},
|
|
1241
1241
|
tabIndex: {
|
|
@@ -1305,7 +1305,7 @@ const qe = ["tabIndex", "aria-label", "aria-disabled"], Me = ["id"], Ge = /* @__
|
|
|
1305
1305
|
}
|
|
1306
1306
|
},
|
|
1307
1307
|
emits: ["clicked"],
|
|
1308
|
-
setup(e, { emit:
|
|
1308
|
+
setup(e, { emit: b }) {
|
|
1309
1309
|
U((l) => ({
|
|
1310
1310
|
"37a8072e": B.value,
|
|
1311
1311
|
"420521fa": v.value,
|
|
@@ -1313,7 +1313,7 @@ const qe = ["tabIndex", "aria-label", "aria-disabled"], Me = ["id"], Ge = /* @__
|
|
|
1313
1313
|
"37cde362": n.value,
|
|
1314
1314
|
f8f7c1c2: d.value
|
|
1315
1315
|
}));
|
|
1316
|
-
const X =
|
|
1316
|
+
const X = b, R = e, {
|
|
1317
1317
|
display: W,
|
|
1318
1318
|
textColor: T,
|
|
1319
1319
|
paddingX: $,
|
|
@@ -1327,7 +1327,7 @@ const qe = ["tabIndex", "aria-label", "aria-disabled"], Me = ["id"], Ge = /* @__
|
|
|
1327
1327
|
buttonColor: V,
|
|
1328
1328
|
buttonColorHover: u
|
|
1329
1329
|
} = J(R), x = t(() => {
|
|
1330
|
-
const l = y.value ? "component-disabled" : "", s = W.value !== "b" ? "inline-block" : "block", f = T ? T.value : "ffffff",
|
|
1330
|
+
const l = y.value ? "component-disabled" : "", s = W.value !== "b" ? "inline-block" : "block", f = T ? T.value : "ffffff", c = !$.value || $.value < 0 ? 1 : $.value, z = !N.value || N.value < 0 ? 0.2 : N.value, o = !m.value || m.value < 0 ? 0 : m.value, i = C.value ? C.value : "'Lato', sans-serif", p = S.value ? S.value : "1.6rem", A = !h.value || h.value < 0 ? 100 : h.value, O = g.value ? g.value : "#cccccc", F = V.value ? V.value : "#bbbbbb", q = u.value ? u.value : "#959595";
|
|
1331
1331
|
return {
|
|
1332
1332
|
disabled: l,
|
|
1333
1333
|
display: s,
|
|
@@ -1335,7 +1335,7 @@ const qe = ["tabIndex", "aria-label", "aria-disabled"], Me = ["id"], Ge = /* @__
|
|
|
1335
1335
|
fontSize: p,
|
|
1336
1336
|
fontWeight: A,
|
|
1337
1337
|
textColor: f,
|
|
1338
|
-
paddingX:
|
|
1338
|
+
paddingX: c,
|
|
1339
1339
|
paddingY: z,
|
|
1340
1340
|
borderRadius: o,
|
|
1341
1341
|
textColorHover: O,
|
|
@@ -1400,8 +1400,8 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1400
1400
|
type: String,
|
|
1401
1401
|
default: "b",
|
|
1402
1402
|
validator: (e = "b") => {
|
|
1403
|
-
const
|
|
1404
|
-
return ["b", "ib"].includes(
|
|
1403
|
+
const b = e ? e.toLowerCase() : "";
|
|
1404
|
+
return ["b", "ib"].includes(b);
|
|
1405
1405
|
}
|
|
1406
1406
|
},
|
|
1407
1407
|
tabIndex: {
|
|
@@ -1485,14 +1485,14 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1485
1485
|
}
|
|
1486
1486
|
},
|
|
1487
1487
|
emits: ["clicked"],
|
|
1488
|
-
setup(e, { emit:
|
|
1488
|
+
setup(e, { emit: b }) {
|
|
1489
1489
|
U((f) => ({
|
|
1490
1490
|
"516e8559": v.value,
|
|
1491
1491
|
"48b787e2": n.value,
|
|
1492
1492
|
"0e5ada5b": a.value,
|
|
1493
1493
|
"1291c2ea": l.value
|
|
1494
1494
|
}));
|
|
1495
|
-
const X =
|
|
1495
|
+
const X = b, R = e, {
|
|
1496
1496
|
display: W,
|
|
1497
1497
|
buttonColor: T,
|
|
1498
1498
|
borderColor: $,
|
|
@@ -1509,10 +1509,10 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1509
1509
|
fontSize: k,
|
|
1510
1510
|
fontWeight: H
|
|
1511
1511
|
} = J(R), r = t(() => {
|
|
1512
|
-
const f = u.value ? "component-disabled" : "",
|
|
1512
|
+
const f = u.value ? "component-disabled" : "", c = W.value !== "b" ? "inline-block" : "block", z = T.value ? T.value : "#ffffff", o = N.value ? N.value : "#000000", i = $.value ? $.value : "#ffe54c", p = !y.value || y.value < 0 ? 0 : y.value, A = [!1, !0].includes(m.value) ? m.value : !0, O = C.value ? C.value : "#ffffff", F = S.value ? S.value : "#000000", q = !h.value || h.value < 86 ? 86 : h.value, Z = !g.value || g.value < 0 ? 1 : g.value, ee = !V.value || V.value < 0 ? 0.4 : V.value, te = x.value ? x.value : "'Lato', sans-serif", ae = k.value ? k.value : "1.6em", oe = !H.value || H.value < 0 ? 200 : H.value;
|
|
1513
1513
|
return {
|
|
1514
1514
|
disabled: f,
|
|
1515
|
-
display:
|
|
1515
|
+
display: c,
|
|
1516
1516
|
buttonColor: z,
|
|
1517
1517
|
buttonHoverColor: o,
|
|
1518
1518
|
borderColor: i,
|
|
@@ -1530,13 +1530,13 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1530
1530
|
}), B = t(() => r.value.disabled), d = t(() => ({
|
|
1531
1531
|
display: r.value.display
|
|
1532
1532
|
})), w = t(() => {
|
|
1533
|
-
const f = r.value,
|
|
1533
|
+
const f = r.value, c = f.display === "block" ? "auto" : `${f.width}px`;
|
|
1534
1534
|
return {
|
|
1535
1535
|
...f.showBorder ? { border: `1px solid ${f.borderColor}` } : {},
|
|
1536
1536
|
borderRadius: `${f.borderRadius}rem`,
|
|
1537
1537
|
background: f.buttonColor,
|
|
1538
1538
|
minWidth: "33px",
|
|
1539
|
-
width:
|
|
1539
|
+
width: c,
|
|
1540
1540
|
padding: `${f.paddingY}rem ${f.paddingX}rem`,
|
|
1541
1541
|
lineHeight: "1.42857143",
|
|
1542
1542
|
fontSize: f.fontSize,
|
|
@@ -1545,7 +1545,7 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1545
1545
|
}), v = t(() => r.value.font), n = t(() => r.value.textColor), a = t(() => r.value.textHoverColor), l = t(() => r.value.buttonHoverColor), s = () => {
|
|
1546
1546
|
X("clicked");
|
|
1547
1547
|
};
|
|
1548
|
-
return (f,
|
|
1548
|
+
return (f, c) => e.nbId ? (_(), P("div", {
|
|
1549
1549
|
key: 0,
|
|
1550
1550
|
class: E(["nb-wrapper", B.value]),
|
|
1551
1551
|
style: Y([d.value]),
|
|
@@ -1555,8 +1555,8 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1555
1555
|
"aria-disabled": I(u),
|
|
1556
1556
|
onClick: s,
|
|
1557
1557
|
onKeydown: [
|
|
1558
|
-
|
|
1559
|
-
|
|
1558
|
+
c[0] || (c[0] = L((z) => !I(u) && e.hasTabIndexEnter && s(), ["enter"])),
|
|
1559
|
+
c[1] || (c[1] = L(j((z) => !I(u) && e.hasTabIndexSpace && s(), ["prevent"]), ["space"]))
|
|
1560
1560
|
]
|
|
1561
1561
|
}, [
|
|
1562
1562
|
D("div", {
|
|
@@ -1566,12 +1566,12 @@ const Je = ["tabIndex", "aria-label", "aria-disabled"], Qe = ["id"], Ze = { clas
|
|
|
1566
1566
|
}, [
|
|
1567
1567
|
D("div", Ze, [
|
|
1568
1568
|
M(f.$slots, "content", {}, () => [
|
|
1569
|
-
|
|
1569
|
+
c[2] || (c[2] = G("Default Text"))
|
|
1570
1570
|
], !0)
|
|
1571
1571
|
]),
|
|
1572
1572
|
D("div", et, [
|
|
1573
1573
|
M(f.$slots, "content", {}, () => [
|
|
1574
|
-
|
|
1574
|
+
c[3] || (c[3] = G("Default Text"))
|
|
1575
1575
|
], !0)
|
|
1576
1576
|
])
|
|
1577
1577
|
], 12, Qe)
|
|
@@ -1637,7 +1637,7 @@ const ot = ["tabIndex", "aria-label", "aria-disabled"], lt = ["id"], nt = /* @__
|
|
|
1637
1637
|
}
|
|
1638
1638
|
},
|
|
1639
1639
|
emits: ["clicked"],
|
|
1640
|
-
setup(e, { emit:
|
|
1640
|
+
setup(e, { emit: b }) {
|
|
1641
1641
|
U((r) => ({
|
|
1642
1642
|
aa62e326: u.value,
|
|
1643
1643
|
adaa07ba: V.value,
|
|
@@ -1645,7 +1645,7 @@ const ot = ["tabIndex", "aria-label", "aria-disabled"], lt = ["id"], nt = /* @__
|
|
|
1645
1645
|
})), ie(() => {
|
|
1646
1646
|
k();
|
|
1647
1647
|
});
|
|
1648
|
-
const X =
|
|
1648
|
+
const X = b, R = e, {
|
|
1649
1649
|
color: W,
|
|
1650
1650
|
textColor: T,
|
|
1651
1651
|
disabled: $,
|
|
@@ -1721,8 +1721,8 @@ const rt = ["tabIndex", "aria-label", "aria-disabled"], dt = ["id"], st = /* @__
|
|
|
1721
1721
|
type: String,
|
|
1722
1722
|
default: "b",
|
|
1723
1723
|
validator: (e = "b") => {
|
|
1724
|
-
const
|
|
1725
|
-
return ["b", "ib"].includes(
|
|
1724
|
+
const b = e ? e.toLowerCase() : "";
|
|
1725
|
+
return ["b", "ib"].includes(b);
|
|
1726
1726
|
}
|
|
1727
1727
|
},
|
|
1728
1728
|
tabIndex: {
|
|
@@ -1806,7 +1806,7 @@ const rt = ["tabIndex", "aria-label", "aria-disabled"], dt = ["id"], st = /* @__
|
|
|
1806
1806
|
}
|
|
1807
1807
|
},
|
|
1808
1808
|
emits: ["clicked"],
|
|
1809
|
-
setup(e, { emit:
|
|
1809
|
+
setup(e, { emit: b }) {
|
|
1810
1810
|
U((o) => ({
|
|
1811
1811
|
"9a6bd336": v.value,
|
|
1812
1812
|
af7fbc14: f.value,
|
|
@@ -1814,9 +1814,9 @@ const rt = ["tabIndex", "aria-label", "aria-disabled"], dt = ["id"], st = /* @__
|
|
|
1814
1814
|
d9aa144e: a.value,
|
|
1815
1815
|
"01d4b136": n.value,
|
|
1816
1816
|
c5bce062: s.value,
|
|
1817
|
-
"779f80e6":
|
|
1817
|
+
"779f80e6": c.value
|
|
1818
1818
|
}));
|
|
1819
|
-
const X =
|
|
1819
|
+
const X = b, R = e, {
|
|
1820
1820
|
display: W,
|
|
1821
1821
|
buttonColor: T,
|
|
1822
1822
|
borderColor: $,
|
|
@@ -1865,7 +1865,7 @@ const rt = ["tabIndex", "aria-label", "aria-disabled"], dt = ["id"], st = /* @__
|
|
|
1865
1865
|
}), v = t(() => r.value.font), n = t(() => {
|
|
1866
1866
|
const o = r.value;
|
|
1867
1867
|
return `${o.paddingY}rem ${o.paddingX}rem`;
|
|
1868
|
-
}), a = t(() => `${r.value.borderRadius}rem`), l = t(() => r.value.textColor), s = t(() => r.value.textHoverColor), f = t(() => r.value.buttonColor),
|
|
1868
|
+
}), a = t(() => `${r.value.borderRadius}rem`), l = t(() => r.value.textColor), s = t(() => r.value.textHoverColor), f = t(() => r.value.buttonColor), c = t(() => r.value.buttonHoverColor), z = () => {
|
|
1869
1869
|
X("clicked");
|
|
1870
1870
|
};
|
|
1871
1871
|
return (o, i) => e.nbId ? (_(), P("div", {
|
|
@@ -1894,7 +1894,7 @@ const rt = ["tabIndex", "aria-label", "aria-disabled"], dt = ["id"], st = /* @__
|
|
|
1894
1894
|
], 46, rt)) : K("", !0);
|
|
1895
1895
|
}
|
|
1896
1896
|
}), it = /* @__PURE__ */ Q(st, [["__scopeId", "data-v-551d4abb"]]);
|
|
1897
|
-
const ft = ["tabIndex", "aria-label", "aria-disabled"],
|
|
1897
|
+
const ft = ["tabIndex", "aria-label", "aria-disabled"], ct = ["id"], bt = /* @__PURE__ */ Object.assign({
|
|
1898
1898
|
name: "NbButtonNormal",
|
|
1899
1899
|
inheritAttrs: !1
|
|
1900
1900
|
}, {
|
|
@@ -1908,8 +1908,8 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
1908
1908
|
type: String,
|
|
1909
1909
|
default: "b",
|
|
1910
1910
|
validator: (e = "b") => {
|
|
1911
|
-
const
|
|
1912
|
-
return ["b", "ib"].includes(
|
|
1911
|
+
const b = e ? e.toLowerCase() : "";
|
|
1912
|
+
return ["b", "ib"].includes(b);
|
|
1913
1913
|
}
|
|
1914
1914
|
},
|
|
1915
1915
|
tabIndex: {
|
|
@@ -2007,16 +2007,16 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
2007
2007
|
}
|
|
2008
2008
|
},
|
|
2009
2009
|
emits: ["clicked"],
|
|
2010
|
-
setup(e, { emit:
|
|
2010
|
+
setup(e, { emit: b }) {
|
|
2011
2011
|
U((p) => ({
|
|
2012
2012
|
"4459caa6": l.value,
|
|
2013
2013
|
"5c71f5c8": s.value,
|
|
2014
|
-
"0b267cb7":
|
|
2014
|
+
"0b267cb7": c.value,
|
|
2015
2015
|
"53d6f26a": o.value,
|
|
2016
2016
|
"9c869d24": f.value,
|
|
2017
2017
|
"5c0e9276": z.value
|
|
2018
2018
|
}));
|
|
2019
|
-
const X =
|
|
2019
|
+
const X = b, R = e, {
|
|
2020
2020
|
display: W,
|
|
2021
2021
|
buttonColor: T,
|
|
2022
2022
|
borderColor: $,
|
|
@@ -2036,7 +2036,7 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
2036
2036
|
animationDuration: B,
|
|
2037
2037
|
animationDurationType: d
|
|
2038
2038
|
} = J(R), w = t(() => {
|
|
2039
|
-
const p = u.value ? "component-disabled" : "", A = W.value !== "b" ? "inline-block" : "block", O = T.value ? T.value : "#ffffff", F = N.value ? N.value : "#000000", q = $.value ? $.value : "#ffe54c", Z = !y.value || y.value < 0 ? 0 : y.value, ee = [!1, !0].includes(m.value) ? m.value : !0, te = C.value ? C.value : "#ffffff", ae = S.value ? S.value : "#000000", oe = !h.value || h.value < 86 ? 86 : h.value, le = !g.value || g.value < 0 ? 1 : g.value, ne = !V.value || V.value < 0 ? 0.2 : V.value, ue = x.value ? x.value : "'Lato', sans-serif", re = k.value ? k.value : "1.6em", de = !H.value || H.value < 0 ? 200 : H.value, fe = r.value ? "component-transition" : "",
|
|
2039
|
+
const p = u.value ? "component-disabled" : "", A = W.value !== "b" ? "inline-block" : "block", O = T.value ? T.value : "#ffffff", F = N.value ? N.value : "#000000", q = $.value ? $.value : "#ffe54c", Z = !y.value || y.value < 0 ? 0 : y.value, ee = [!1, !0].includes(m.value) ? m.value : !0, te = C.value ? C.value : "#ffffff", ae = S.value ? S.value : "#000000", oe = !h.value || h.value < 86 ? 86 : h.value, le = !g.value || g.value < 0 ? 1 : g.value, ne = !V.value || V.value < 0 ? 0.2 : V.value, ue = x.value ? x.value : "'Lato', sans-serif", re = k.value ? k.value : "1.6em", de = !H.value || H.value < 0 ? 200 : H.value, fe = r.value ? "component-transition" : "", ce = !B.value || B.value < 0 ? 0.3 : B.value, be = !d.value || d.value < 0 ? "ms" : d.value;
|
|
2040
2040
|
return {
|
|
2041
2041
|
disabled: p,
|
|
2042
2042
|
display: A,
|
|
@@ -2054,8 +2054,8 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
2054
2054
|
fontSize: re,
|
|
2055
2055
|
fontWeight: de,
|
|
2056
2056
|
hasAnimation: fe,
|
|
2057
|
-
animationDuration:
|
|
2058
|
-
animationDurationType:
|
|
2057
|
+
animationDuration: ce,
|
|
2058
|
+
animationDurationType: be
|
|
2059
2059
|
};
|
|
2060
2060
|
}), v = t(() => w.value.disabled), n = t(() => ({
|
|
2061
2061
|
display: w.value.display
|
|
@@ -2071,7 +2071,7 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
2071
2071
|
fontSize: p.fontSize,
|
|
2072
2072
|
fontWeight: p.fontWeight
|
|
2073
2073
|
};
|
|
2074
|
-
}), l = t(() => w.value.font), s = t(() => w.value.textColor), f = t(() => w.value.textHoverColor),
|
|
2074
|
+
}), l = t(() => w.value.font), s = t(() => w.value.textColor), f = t(() => w.value.textHoverColor), c = t(() => w.value.buttonColor), z = t(() => w.value.buttonHoverColor), o = t(() => {
|
|
2075
2075
|
const p = w.value;
|
|
2076
2076
|
return p.hasAnimation ? `all ${p.animationDuration}${p.animationDurationType} ease-in-out` : "";
|
|
2077
2077
|
}), i = () => {
|
|
@@ -2099,10 +2099,10 @@ const ft = ["tabIndex", "aria-label", "aria-disabled"], bt = ["id"], ct = /* @__
|
|
|
2099
2099
|
M(p.$slots, "content", {}, () => [
|
|
2100
2100
|
A[2] || (A[2] = G("Default Text"))
|
|
2101
2101
|
], !0)
|
|
2102
|
-
], 14,
|
|
2102
|
+
], 14, ct)
|
|
2103
2103
|
], 46, ft)) : K("", !0);
|
|
2104
2104
|
}
|
|
2105
|
-
}), vt = /* @__PURE__ */ Q(
|
|
2105
|
+
}), vt = /* @__PURE__ */ Q(bt, [["__scopeId", "data-v-a7ab7bdc"]]);
|
|
2106
2106
|
const pt = ["tabIndex", "aria-label", "aria-disabled"], yt = ["id"], gt = /* @__PURE__ */ Object.assign({
|
|
2107
2107
|
name: "NbButtonShadow",
|
|
2108
2108
|
inheritAttrs: !1
|
|
@@ -2117,8 +2117,8 @@ const pt = ["tabIndex", "aria-label", "aria-disabled"], yt = ["id"], gt = /* @__
|
|
|
2117
2117
|
type: String,
|
|
2118
2118
|
default: "b",
|
|
2119
2119
|
validator: (e = "b") => {
|
|
2120
|
-
const
|
|
2121
|
-
return ["b", "ib"].includes(
|
|
2120
|
+
const b = e ? e.toLowerCase() : "";
|
|
2121
|
+
return ["b", "ib"].includes(b);
|
|
2122
2122
|
}
|
|
2123
2123
|
},
|
|
2124
2124
|
tabIndex: {
|
|
@@ -2201,7 +2201,7 @@ const pt = ["tabIndex", "aria-label", "aria-disabled"], yt = ["id"], gt = /* @__
|
|
|
2201
2201
|
}
|
|
2202
2202
|
},
|
|
2203
2203
|
emits: ["clicked"],
|
|
2204
|
-
setup(e, { emit:
|
|
2204
|
+
setup(e, { emit: b }) {
|
|
2205
2205
|
U((o) => ({
|
|
2206
2206
|
"932e9364": v.value,
|
|
2207
2207
|
b5ada742: l.value,
|
|
@@ -2209,9 +2209,9 @@ const pt = ["tabIndex", "aria-label", "aria-disabled"], yt = ["id"], gt = /* @__
|
|
|
2209
2209
|
de146bc2: f.value,
|
|
2210
2210
|
"300cdfc6": s.value,
|
|
2211
2211
|
"105400c6": a.value,
|
|
2212
|
-
a7aceb46:
|
|
2212
|
+
a7aceb46: c.value
|
|
2213
2213
|
}));
|
|
2214
|
-
const X =
|
|
2214
|
+
const X = b, R = e, {
|
|
2215
2215
|
display: W,
|
|
2216
2216
|
buttonColor: T,
|
|
2217
2217
|
borderColor: $,
|
|
@@ -2263,7 +2263,7 @@ const pt = ["tabIndex", "aria-label", "aria-disabled"], yt = ["id"], gt = /* @__
|
|
|
2263
2263
|
}), v = t(() => r.value.font), n = t(() => r.value.textColor), a = t(() => r.value.textHoverColor), l = t(() => r.value.buttonColor), s = t(() => r.value.buttonHoverColor), f = t(() => {
|
|
2264
2264
|
const o = r.value;
|
|
2265
2265
|
return `3px 3px 0 -1px ${o.buttonShadowColor}, 3px 3px 0 ${o.buttonShadowColor}`;
|
|
2266
|
-
}),
|
|
2266
|
+
}), c = t(() => {
|
|
2267
2267
|
const o = r.value;
|
|
2268
2268
|
return `0 0 0 -1px ${o.buttonShadowColor}, 0 0 0 ${o.buttonShadowColor};`;
|
|
2269
2269
|
}), z = () => {
|
|
@@ -2309,8 +2309,8 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2309
2309
|
type: String,
|
|
2310
2310
|
default: "b",
|
|
2311
2311
|
validator: (e = "b") => {
|
|
2312
|
-
const
|
|
2313
|
-
return ["b", "ib"].includes(
|
|
2312
|
+
const b = e ? e.toLowerCase() : "";
|
|
2313
|
+
return ["b", "ib"].includes(b);
|
|
2314
2314
|
}
|
|
2315
2315
|
},
|
|
2316
2316
|
tabIndex: {
|
|
@@ -2391,8 +2391,8 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2391
2391
|
}
|
|
2392
2392
|
},
|
|
2393
2393
|
emits: ["clicked"],
|
|
2394
|
-
setup(e, { emit:
|
|
2395
|
-
U((
|
|
2394
|
+
setup(e, { emit: b }) {
|
|
2395
|
+
U((c) => ({
|
|
2396
2396
|
"7a81bde5": w.value,
|
|
2397
2397
|
"7d23359b": v.value,
|
|
2398
2398
|
"348d6e88": a.value,
|
|
@@ -2400,7 +2400,7 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2400
2400
|
fd940f62: n.value,
|
|
2401
2401
|
aa789c64: l.value
|
|
2402
2402
|
}));
|
|
2403
|
-
const X =
|
|
2403
|
+
const X = b, R = e, {
|
|
2404
2404
|
display: W,
|
|
2405
2405
|
borderColor: T,
|
|
2406
2406
|
borderHoverColor: $,
|
|
@@ -2416,9 +2416,9 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2416
2416
|
fontWeight: x,
|
|
2417
2417
|
textAlign: k
|
|
2418
2418
|
} = J(R), H = t(() => {
|
|
2419
|
-
const
|
|
2419
|
+
const c = g.value ? "component-disabled" : "", z = W.value !== "b" ? "inline-block" : "block", o = T.value ? T.value : "#ffffff", i = $.value ? $.value : "#000000", p = N.value ? N.value : 1.5, A = m.value ? m.value : "#ffffff", O = y.value ? y.value : "#000000", F = !C.value || C.value < 86 ? 86 : C.value, q = !S.value || S.value < 0 ? 1 : S.value, Z = !h.value || h.value < 0 ? 0.2 : h.value, ee = V.value ? V.value : "'Lato', sans-serif", te = u.value ? u.value : "1.6em", ae = !x.value || x.value < 0 ? 200 : x.value, oe = k.value ? k.value : "center";
|
|
2420
2420
|
return {
|
|
2421
|
-
disabled:
|
|
2421
|
+
disabled: c,
|
|
2422
2422
|
display: z,
|
|
2423
2423
|
borderColor: o,
|
|
2424
2424
|
borderHoverColor: i,
|
|
@@ -2434,25 +2434,25 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2434
2434
|
textAlign: oe
|
|
2435
2435
|
};
|
|
2436
2436
|
}), r = t(() => H.value.disabled), B = t(() => {
|
|
2437
|
-
const
|
|
2437
|
+
const c = H.value;
|
|
2438
2438
|
return {
|
|
2439
|
-
display:
|
|
2440
|
-
textAlign:
|
|
2439
|
+
display: c.display,
|
|
2440
|
+
textAlign: c.textAlign
|
|
2441
2441
|
};
|
|
2442
2442
|
}), d = t(() => {
|
|
2443
|
-
const
|
|
2443
|
+
const c = H.value;
|
|
2444
2444
|
return {
|
|
2445
2445
|
minWidth: "33px",
|
|
2446
|
-
width:
|
|
2447
|
-
padding: `${
|
|
2446
|
+
width: c.display === "block" ? "auto" : `${c.width}px`,
|
|
2447
|
+
padding: `${c.paddingY}rem ${c.paddingX}rem`,
|
|
2448
2448
|
lineHeight: "1.42857143",
|
|
2449
|
-
fontSize:
|
|
2450
|
-
fontWeight:
|
|
2449
|
+
fontSize: c.fontSize,
|
|
2450
|
+
fontWeight: c.fontWeight
|
|
2451
2451
|
};
|
|
2452
2452
|
}), w = t(() => H.value.font), v = t(() => H.value.textColor), n = t(() => H.value.textHoverColor), a = t(() => H.value.borderColor), l = t(() => H.value.borderHoverColor), s = t(() => `${H.value.borderHeight}px`), f = () => {
|
|
2453
2453
|
X("clicked");
|
|
2454
2454
|
};
|
|
2455
|
-
return (
|
|
2455
|
+
return (c, z) => e.nbId ? (_(), P("div", {
|
|
2456
2456
|
key: 0,
|
|
2457
2457
|
class: E(["nb-wrapper", r.value]),
|
|
2458
2458
|
style: Y([B.value]),
|
|
@@ -2471,7 +2471,7 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2471
2471
|
class: "nb-reset component",
|
|
2472
2472
|
style: Y([d.value])
|
|
2473
2473
|
}, [
|
|
2474
|
-
M(
|
|
2474
|
+
M(c.$slots, "content", {}, () => [
|
|
2475
2475
|
z[2] || (z[2] = G("Default Text"))
|
|
2476
2476
|
], !0)
|
|
2477
2477
|
], 12, xt)
|
|
@@ -2479,7 +2479,7 @@ const Vt = ["tabIndex", "aria-label", "aria-disabled"], xt = ["id"], Ct = /* @__
|
|
|
2479
2479
|
}
|
|
2480
2480
|
}), St = /* @__PURE__ */ Q(Ct, [["__scopeId", "data-v-2c21f930"]]);
|
|
2481
2481
|
const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__PURE__ */ Object.assign({
|
|
2482
|
-
name: "
|
|
2482
|
+
name: "NbButtonUnderlineFill",
|
|
2483
2483
|
inheritAttrs: !1
|
|
2484
2484
|
}, {
|
|
2485
2485
|
__name: "NbButtonUnderlineFill",
|
|
@@ -2492,8 +2492,8 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2492
2492
|
type: String,
|
|
2493
2493
|
default: "b",
|
|
2494
2494
|
validator: (e = "b") => {
|
|
2495
|
-
const
|
|
2496
|
-
return ["b", "ib"].includes(
|
|
2495
|
+
const b = e ? e.toLowerCase() : "";
|
|
2496
|
+
return ["b", "ib"].includes(b);
|
|
2497
2497
|
}
|
|
2498
2498
|
},
|
|
2499
2499
|
tabIndex: {
|
|
@@ -2573,15 +2573,15 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2573
2573
|
}
|
|
2574
2574
|
},
|
|
2575
2575
|
emits: ["clicked"],
|
|
2576
|
-
setup(e, { emit:
|
|
2576
|
+
setup(e, { emit: b }) {
|
|
2577
2577
|
U((s) => ({
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
"
|
|
2581
|
-
|
|
2582
|
-
|
|
2578
|
+
ac5239a0: d.value,
|
|
2579
|
+
"0f3dd37e": n.value,
|
|
2580
|
+
"19e30db4": w.value,
|
|
2581
|
+
"19f2837b": a.value,
|
|
2582
|
+
"480e33a4": v.value
|
|
2583
2583
|
}));
|
|
2584
|
-
const X =
|
|
2584
|
+
const X = b, R = e, {
|
|
2585
2585
|
display: W,
|
|
2586
2586
|
buttonColor: T,
|
|
2587
2587
|
buttonHoverColor: $,
|
|
@@ -2596,11 +2596,11 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2596
2596
|
fontWeight: u,
|
|
2597
2597
|
textAlign: x
|
|
2598
2598
|
} = J(R), k = t(() => {
|
|
2599
|
-
const s = h.value ? "component-disabled" : "", f = W.value !== "b" ? "inline-block" : "block",
|
|
2599
|
+
const s = h.value ? "component-disabled" : "", f = W.value !== "b" ? "inline-block" : "block", c = T.value ? T.value : "#ffffff", z = $.value ? $.value : "#000000", o = N.value ? N.value : "#ffffff", i = m.value ? m.value : "#000000", p = !y.value || y.value < 86 ? 86 : y.value, A = !C.value || C.value < 0 ? 1 : C.value, O = !S.value || S.value < 0 ? 0.2 : S.value, F = g.value ? g.value : "'Lato', sans-serif", q = V.value ? V.value : "1.6em", Z = !u.value || u.value < 0 ? 200 : u.value, ee = x.value ? x.value : "center";
|
|
2600
2600
|
return {
|
|
2601
2601
|
disabled: s,
|
|
2602
2602
|
display: f,
|
|
2603
|
-
buttonColor:
|
|
2603
|
+
buttonColor: c,
|
|
2604
2604
|
buttonHoverColor: z,
|
|
2605
2605
|
textColor: o,
|
|
2606
2606
|
textHoverColor: i,
|
|
@@ -2647,8 +2647,8 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2647
2647
|
"aria-disabled": I(h),
|
|
2648
2648
|
onClick: l,
|
|
2649
2649
|
onKeydown: [
|
|
2650
|
-
f[0] || (f[0] = L((
|
|
2651
|
-
f[1] || (f[1] = L(j((
|
|
2650
|
+
f[0] || (f[0] = L((c) => !I(h) && e.hasTabIndexEnter && l(), ["enter"])),
|
|
2651
|
+
f[1] || (f[1] = L(j((c) => !I(h) && e.hasTabIndexSpace && l(), ["prevent"]), ["space"]))
|
|
2652
2652
|
]
|
|
2653
2653
|
}, [
|
|
2654
2654
|
D("div", {
|
|
@@ -2662,7 +2662,7 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2662
2662
|
], 12, Bt)
|
|
2663
2663
|
], 46, ht)) : K("", !0);
|
|
2664
2664
|
}
|
|
2665
|
-
}), It = /* @__PURE__ */ Q(wt, [["__scopeId", "data-v-
|
|
2665
|
+
}), It = /* @__PURE__ */ Q(wt, [["__scopeId", "data-v-50ace146"]]), se = {
|
|
2666
2666
|
NbButtonVavaGame: Ce,
|
|
2667
2667
|
NbButtonShowHover: we,
|
|
2668
2668
|
NbButtonPrevNext: Te,
|
|
@@ -2680,9 +2680,9 @@ const ht = ["tabIndex", "aria-label", "aria-disabled"], Bt = ["id"], wt = /* @__
|
|
|
2680
2680
|
NbButtonGradientBorderToBackground: it
|
|
2681
2681
|
}, Nt = {
|
|
2682
2682
|
install(e) {
|
|
2683
|
-
for (const
|
|
2684
|
-
if (Object.prototype.hasOwnProperty.call(se,
|
|
2685
|
-
const X = se[
|
|
2683
|
+
for (const b in se)
|
|
2684
|
+
if (Object.prototype.hasOwnProperty.call(se, b)) {
|
|
2685
|
+
const X = se[b];
|
|
2686
2686
|
e.component(X.name, X);
|
|
2687
2687
|
}
|
|
2688
2688
|
}
|
package/dist/nb-buttons.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,q){typeof exports=="object"&&typeof module<"u"?module.exports=q(require("vue")):typeof define=="function"&&define.amd?define(["vue"],q):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=q(t.Vue))})(this,function(t){"use strict";const q="",L=(e,b)=>{const W=e.__vccOpts||e;for(const[R,k]of b)W[R]=k;return W},Q=["tabIndex","aria-label","aria-disabled"],Z=["id"],ee={class:"component-content__text"},te=L(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const b=e.toLowerCase();return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ece8e1"},buttonColor:{type:String,default:"blue"},textColorHover:{type:String,default:"gray"},buttonColorHover:{type:String,default:"cyan"},borderColor:{type:String,default:"yellow"},borderOpacity:{type:Number,default:.5},paddingXBorder:{type:Number,default:.3,validator:e=>e||.3},paddingYBorder:{type:Number,default:.3,validator:e=>e||.3},paddingXContent:{type:Number,default:.5,validator:e=>e||.5},paddingYContent:{type:Number,default:.5,validator:e=>e||.5},uppercase:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(i=>({"3b94cba3":l.value,"6146add9":f.value,"2753eae3":T.value,"4edfa97a":s.value,dd0b6f3c:c.value}));const W=b,R=e,{display:k,textColor:z,textColorHover:N,buttonColor:I,buttonColorHover:g,uppercase:y,paddingXContent:x,paddingYContent:S,paddingXBorder:h,paddingYBorder:v,borderColor:V,borderOpacity:r,disabled:C,fontFamily:H,fontSize:$,fontWeight:d}=t.toRefs(R),w=t.computed(()=>{const i=C.value?"component-disabled":"",m=k.value!=="b"?"inline-block":"block",E=z.value?z.value:"#ece8e1",Y=I.value?I.value:"green",X=N.value?N.value:"#ece8e1",_=g.value?g.value:"cyan",A=V.value?V.value:"#ffffff",D=!r.value||!(r.value>=0&&r.value<=1)?"0.5":r.value,K=!h.value||h.value<0?.3:h.value,O=!v.value||v.value<0?.3:v.value,F=!x.value||x.value<0?.5:x.value,M=!S.value||S.value<0?.5:S.value,P=y.value?"uppercase":"none",j=H.value?H.value:"'Lato', sans-serif",G=$.value?$.value:"1.6em",J=!d.value||d.value<0?100:d.value;return{disabled:i,display:m,textColor:E,buttonColor:Y,textColorHover:X,buttonColorHover:_,borderColor:A,borderOpacity:D,paddingXBorder:K,paddingYBorder:O,paddingXContent:F,paddingYContent:M,uppercase:P,font:j,fontSize:G,fontWeight:J}}),u=t.computed(()=>w.value.disabled),B=t.computed(()=>({display:w.value.display})),p=t.computed(()=>{const i=w.value;return{padding:`${i.paddingYBorder}rem ${i.paddingXBorder}rem`,fontSize:i.fontSize,fontWeight:i.fontWeight}}),n=t.computed(()=>{const i=w.value;return{textTransform:i.uppercase,padding:`${i.paddingYContent}rem ${i.paddingXContent}rem`,backgroundColor:i.buttonColor}}),a=t.computed(()=>({backgroundColor:w.value.buttonColorHover})),l=t.computed(()=>w.value.font),s=t.computed(()=>w.value.borderColor),c=t.computed(()=>w.value.borderOpacity),f=t.computed(()=>w.value.textColor),T=t.computed(()=>w.value.textColorHover),o=()=>{W("clicked")};return(i,m)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",u.value]),style:t.normalizeStyle([B.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(C),onClick:o,onKeydown:[m[0]||(m[0]=t.withKeys(E=>!t.unref(C)&&e.hasTabIndexEnter&&o(),["enter"])),m[1]||(m[1]=t.withKeys(t.withModifiers(E=>!t.unref(C)&&e.hasTabIndexSpace&&o(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([p.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([n.value])},[t.createElementVNode("span",ee,[t.renderSlot(i.$slots,"content",{},()=>[m[2]||(m[2]=t.createTextVNode("Default Text"))],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,Z)],46,Q)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-c8141ce9"]]),Ge="",ae=["tabIndex","aria-label","aria-disabled"],oe=["id"],le=L(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#145deb"},textColorHover:{type:String,default:"#4bd6b5"},buttonColorHover:{type:String,default:"10, 38, 184"},buttonColorOpacityHover:{type:Number,default:.1},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},verticalAlign:{type:String,default:"middle",validator:e=>["top","middle","bottom"].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(p=>({"630b5d13":u.value,"6584a110":d.value,"3cc5d20d":w.value,e8db6f2c:e.textColorHover,"7e70901c":t.unref(k)}));const W=b,R=e,{textColor:k,buttonColorHover:z,buttonColorOpacityHover:N,paddingX:I,paddingY:g,disabled:y,borderRadius:x,verticalAlign:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const p=y.value?"component-disabled":"",n=S.value?S.value:"middle",a=k?k.value:"ffffff",l=!I.value||I.value<0?1:I.value,s=!g.value||g.value<0?.2:g.value,c=!x.value||x.value<0?0:x.value,f=z.value?z.value:"10, 38, 184",T=!N.value||N.value<0?.1:N.value,o=h.value?h.value:"'Lato', sans-serif",i=v.value?v.value:"1.6rem",m=!V.value||V.value<0?100:V.value;return{disabled:p,borderRadius:c,textColor:a,paddingX:l,paddingY:s,buttonColorHover:f,buttonColorOpacityHover:T,font:o,fontSize:i,fontWeight:m,verticalAlign:n}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({verticalAlign:r.value.verticalAlign})),$=t.computed(()=>{const p=r.value;return{color:p.textColor,padding:`${p.paddingY}rem 0`,borderRadius:`${p.borderRadius}rem`,fontSize:p.fontSize,fontWeight:p.fontWeight}}),d=t.computed(()=>{const p=r.value;return`${p.paddingY}rem ${p.paddingX}rem`}),w=t.computed(()=>{const p=r.value;return`rgba(${p.buttonColorHover}, ${p.buttonColorOpacityHover})`}),u=t.computed(()=>r.value.font),B=()=>{W("clicked")};return(p,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(y),onClick:B,onKeydown:[n[1]||(n[1]=t.withKeys(a=>!t.unref(y)&&e.hasTabIndexEnter&&B(),["enter"])),n[2]||(n[2]=t.withKeys(t.withModifiers(a=>!t.unref(y)&&e.hasTabIndexSpace&&B(),["prevent"]),["space"]))]},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([$.value]),onClick:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(p.$slots,"content",{},()=>[n[3]||(n[3]=t.createTextVNode("Default Text"))],!0)],12,oe)],46,ae)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f844cd94"]]),Qe="",ne=["id"],re=["tabIndex","aria-label","aria-disabled"],de=["tabIndex","aria-label","aria-disabled"],ue=L(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},tabIndexPrev:{type:Number,default:0},tabIndexNext:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabelPrev:{type:String,default:"Alternate Text Button"},ariaLabelNext:{type:String,default:"Alternate Text Button"},colorPrimary:{type:String,default:"tomato"},colorSecondary:{type:String,default:"blue"},textColor:{type:String,default:"#fff"},textColorHover:{type:String,default:"yellow"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:10,validator:e=>e||10},marginBetween:{type:Number,default:2,validator:e=>e||1},borderRadius:{type:Number,default:6,validator:e=>e||1},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showPreview:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showNext:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledPreview:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledNext:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(n=>({"16c88917":B.value,"6e1325e7":e.colorPrimary,"118d2324":e.textColor,"72f42419":e.colorSecondary,"195b3f6e":e.textColorHover}));const W=b,R=e,{paddingX:k,paddingY:z,marginBetween:N,borderRadius:I,disabled:g,disabledPreview:y,disabledNext:x,fontFamily:S,fontSize:h,fontWeight:v}=t.toRefs(R),V=t.computed(()=>{const n=g.value?"component-disabled":"",a=y.value?"component-disabled":"",l=x.value?"component-disabled":"",s=!N.value||N.value<0?0:N.value,c=!I.value||I.value<0?0:I.value,f=!k.value||k.value<0?1:k.value,T=!z.value||z.value<0?10:z.value,o=h.value?h.value:"1.6em",i=!v.value||v.value<0?100:v.value;return{disabled:n,disabledPreview:a,disabledNext:l,marginBetween:`${s}px`,borderRadius:`${c}px`,paddingX:`${f}px`,paddingY:`${T}px`,fontSize:o,fontWeight:i}}),r=t.computed(()=>V.value.disabled),C=t.computed(()=>V.value.disabledPreview),H=t.computed(()=>V.value.disabledNext),$=t.computed(()=>({display:V.value.display})),d=t.computed(()=>{const n=V.value;return{fontSize:n.fontSize,fontWeight:n.fontWeight}}),w=t.computed(()=>{const n=V.value;return{borderRadius:`${n.borderRadius} 0px 0px ${n.borderRadius}`,marginRight:n.marginBetween,padding:`${n.paddingX} ${n.paddingY}`}}),u=t.computed(()=>{const n=V.value;return{borderRadius:`0px ${n.borderRadius} ${n.borderRadius} 0px`,marginLeft:n.marginBetween,padding:`${n.paddingX} ${n.paddingY}`}}),B=t.computed(()=>`'${S.value?S.value:"'Lato', sans-serif"}'`),p=n=>{W("clicked",n)};return(n,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",r.value]),style:t.normalizeStyle([$.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(d.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["buttonNextPreview buttonPreview",C.value]),style:t.normalizeStyle(w.value),tabIndex:e.tabIndexPrev,role:"button","aria-label":e.ariaLabelPrev,"aria-disabled":t.unref(g),onClick:a[0]||(a[0]=l=>p("preview")),onKeydown:[a[1]||(a[1]=t.withKeys(l=>!t.unref(g)&&e.hasTabIndexEnter&&p("preview"),["enter"])),a[2]||(a[2]=t.withKeys(t.withModifiers(l=>!t.unref(g)&&e.hasTabIndexSpace&&p("preview"),["prevent"]),["space"]))]},[t.renderSlot(n.$slots,"prev",{},()=>[a[6]||(a[6]=t.createTextVNode("← Preview"))],!0)],46,re)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["buttonNextPreview buttonNext",H.value]),style:t.normalizeStyle(u.value),tabIndex:e.tabIndexNext,role:"button","aria-label":e.ariaLabelNext,"aria-disabled":t.unref(g),onClick:a[3]||(a[3]=l=>p("next")),onKeydown:[a[4]||(a[4]=t.withKeys(l=>!t.unref(g)&&e.hasTabIndexEnter&&p("next"),["enter"])),a[5]||(a[5]=t.withKeys(t.withModifiers(l=>!t.unref(g)&&e.hasTabIndexSpace&&p("next"),["prevent"]),["space"]))]},[t.renderSlot(n.$slots,"next",{},()=>[a[7]||(a[7]=t.createTextVNode("Next →"))],!0)],46,de)):t.createCommentVNode("",!0)],12,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-235db30a"]]),et="",se=["tabIndex","aria-label","aria-disabled"],ie=["id"],ce=L(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},containerColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},animationSlow:{type:Boolean,default:!1},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(a=>({"75e08b28":u.value,"38d76e94":t.unref(z),"1e761906":p.value,60007562:B.value}));const W=b,R=e,{display:k,buttonColor:z,textColor:N,containerColor:I,paddingX:g,paddingY:y,borderRadius:x,disabled:S,animationSlow:h,fontFamily:v,fontSize:V,fontWeight:r}=t.toRefs(R),C=t.computed(()=>{const a=S.value?"component-disabled":"",l=k.value!=="b"?"inline-block":"block",s=I.value?I.value:"#ffffff",c=z.value?z.value:"#bbbbbb",f=N.value?N.value:"#ffffff",T=!g.value||g.value<0?1:g.value,o=!y.value||y.value<0?.2:y.value,i=!x.value||x.value<0?0:x.value,m=h.value?"":"component-transition__no-slow",E=v.value?v.value:"'Lato', sans-serif",Y=V.value?V.value:"1.6em",X=!r.value||r.value<0?100:r.value;return{disabled:a,display:l,containerColor:s,buttonColor:c,textColor:f,paddingX:T,paddingY:o,borderRadius:i,animationSlow:m,font:E,fontSize:Y,fontWeight:X}}),H=t.computed(()=>C.value.disabled),$=t.computed(()=>({display:C.value.display})),d=t.computed(()=>{const a=C.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),w=t.computed(()=>C.value.animationSlow),u=t.computed(()=>C.value.font),B=t.computed(()=>C.value.textColor),p=t.computed(()=>C.value.buttonColor),n=()=>{W("clicked")};return(a,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",H.value]),style:t.normalizeStyle([$.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:n,onKeydown:[l[0]||(l[0]=t.withKeys(s=>!t.unref(S)&&e.hasTabIndexEnter&&n(),["enter"])),l[1]||(l[1]=t.withKeys(t.withModifiers(s=>!t.unref(S)&&e.hasTabIndexSpace&&n(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",w.value]),style:t.normalizeStyle([d.value])},[t.renderSlot(a.$slots,"content",{},()=>[l[2]||(l[2]=t.createTextVNode("Default Text"))],!0)],14,ie)],46,se)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-cd185961"]]),at="",fe=["tabIndex","aria-label","aria-disabled"],be=["id"],pe=L(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},shadowColor:{type:String,default:"#002f3c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(u=>({"41c9f13c":d.value}));const W=b,R=e,{display:k,buttonColor:z,textColor:N,paddingX:I,paddingY:g,borderRadius:y,shadowColor:x,disabled:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const u=S.value?"component-disabled":"",B=k.value!=="b"?"inline-block":"block",p=z.value?z.value:"#bbbbbb",n=x.value?x.value:"#002f3c",a=N.value?N.value:"#ffffff",l=!I.value||I.value<0?1:I.value,s=!g.value||g.value<0?1:g.value,c=!y.value||y.value<0?0:y.value,f=h.value?h.value:"'Lato', sans-serif",T=v.value?v.value:"1.6em",o=!V.value||V.value<0?100:V.value;return{disabled:u,display:B,buttonColor:p,shadowColor:n,textColor:a,paddingX:l,paddingY:s,borderRadius:c,font:f,fontSize:T,fontWeight:o}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({display:r.value.display})),$=t.computed(()=>{const u=r.value;return{color:u.textColor,backgroundColor:u.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${u.shadowColor}`,padding:`${u.paddingY}rem ${u.paddingX}rem`,padding:`${u.paddingY}rem ${u.paddingX}rem`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),d=t.computed(()=>r.value.font),w=()=>{W("clicked")};return(u,B)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:w,onKeydown:[B[0]||(B[0]=t.withKeys(p=>!t.unref(S)&&e.hasTabIndexEnter&&w(),["enter"])),B[1]||(B[1]=t.withKeys(t.withModifiers(p=>!t.unref(S)&&e.hasTabIndexSpace&&w(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([$.value])},[t.renderSlot(u.$slots,"content",{},()=>[B[2]||(B[2]=t.createTextVNode("Default Text"))],!0)],12,be)],46,fe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-d1239e03"]]),lt="",me=["tabIndex","aria-label","aria-disabled"],ye=["id"],ve=L(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},status:{type:Boolean,default:!1,validator:e=>[!1,!0].includes(e)},color:{type:String,default:"#ffffff"},colorHover:{type:String,default:"yellow"},containerColor:{type:String,default:"#333333"},containerColorHover:{type:String,default:"red"},paddingX:{type:Number,default:3,validator:e=>e||3},paddingY:{type:Number,default:3,validator:e=>e||3},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(u=>({"05489a45":$.value,b1646024:d.value}));const W=b,R=e;t.onMounted(()=>{k.value=z.value});const k=t.ref(!1),{status:z,color:N,containerColor:I,containerColorHover:g,colorHover:y,paddingX:x,paddingY:S,disabled:h}=t.toRefs(R),v=t.computed(()=>{const u=h.value?"component-disabled":"",B=k.value?"change":"",p=I.value?I.value:"#333333",n=N.value?N.value:"#ffffff",a=!x.value||x.value<0?3:x.value,l=!S.value||S.value<0?3:S.value,s=g.value?g.value:"yellow",c=y.value?y.value:"red";return{disabled:u,buttonStatus:B,containerColor:p,paddingX:a,paddingY:l,color:n,containerColorHover:s,colorHover:c}}),V=t.computed(()=>v.value.disabled),r=t.computed(()=>{const u=v.value;return{padding:`${u.paddingY}px ${u.paddingX}px`,backgroundColor:u.containerColor}}),C=t.computed(()=>({backgroundColor:v.value.color})),H=t.computed(()=>v.value.buttonStatus),$=t.computed(()=>v.value.containerColorHover),d=t.computed(()=>v.value.colorHover),w=()=>{const u=!k.value;k.value=u,W("clicked",u)};return t.watch(z,()=>{k.value=z.value}),(u,B)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",V.value]),style:t.normalizeStyle([r.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(h),onClick:w,onKeydown:[B[0]||(B[0]=t.withKeys(p=>!t.unref(h)&&e.hasTabIndexEnter&&w(),["enter"])),B[1]||(B[1]=t.withKeys(t.withModifiers(p=>!t.unref(h)&&e.hasTabIndexSpace&&w(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",H.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(C.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(C.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(C.value)},null,4)],10,ye)],46,me)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-ee16aa34"]]),rt="",ge=["tabIndex","aria-label","aria-disabled"],Ve=["id"],Ce=L(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},borderColor:{type:String,default:"#ffe54c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(a=>({"1be7c59c":u.value,"25955d43":p.value,bccb6a10:w.value,"374c98a8":B.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,textColor:I,paddingX:g,paddingY:y,borderRadius:x,disabled:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const a=S.value?"component-disabled":"",l=k.value!=="b"?"inline-block":"block",s=z.value?z.value:"#bbbbbb",c=N.value?N.value:"#ffe54c",f=I.value?I.value:"#ffffff",T=!g.value||g.value<0?1:g.value,o=!y.value||y.value<0?.2:y.value,i=!x.value||x.value<0?0:x.value,m=h.value?h.value:"'Lato', sans-serif",E=v.value?v.value:"1.6em",Y=!V.value||V.value<0?200:V.value;return{disabled:a,display:l,buttonColor:s,borderColor:c,textColor:f,paddingX:T,paddingY:o,borderRadius:i,font:m,fontSize:E,fontWeight:Y}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({display:r.value.display})),$=t.computed(()=>{const a=r.value;return{color:a.textColor,fontSize:a.fontSize,fontWeight:a.fontWeight}}),d=t.computed(()=>{const a=r.value;return{padding:`${a.paddingY}rem ${a.paddingX}rem`,border:`1px solid ${a.borderColor}`,borderRadius:w.value}}),w=t.computed(()=>`${r.value.borderRadius}rem`),u=t.computed(()=>r.value.font),B=t.computed(()=>r.value.textColor),p=t.computed(()=>r.value.buttonColor),n=()=>{W("clicked")};return(a,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:n,onKeydown:[l[0]||(l[0]=t.withKeys(s=>!t.unref(S)&&e.hasTabIndexEnter&&n(),["enter"])),l[1]||(l[1]=t.withKeys(t.withModifiers(s=>!t.unref(S)&&e.hasTabIndexSpace&&n(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([$.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([d.value])},[t.renderSlot(a.$slots,"content",{},()=>[l[2]||(l[2]=t.createTextVNode("Default Text"))],!0)],4),l[3]||(l[3]=t.createElementVNode("div",{class:"component-shadow"},null,-1))],12,Ve)],46,ge)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4ae432a3"]]),ut="",xe=["tabIndex","aria-label","aria-disabled"],Se=["id"],he=L(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e.toLowerCase();return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},borderRadius:{type:Number,default:.375},textColorHover:{type:String,default:"#cccccc"},buttonColor:{type:String,default:"#bbbbbb"},buttonColorHover:{type:String,default:"#959595"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||700}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(l=>({"37a8072e":w.value,"420521fa":p.value,"2e48555d":B.value,"37cde362":n.value,f8f7c1c2:u.value}));const W=b,R=e,{display:k,textColor:z,paddingX:N,paddingY:I,borderRadius:g,disabled:y,fontFamily:x,fontSize:S,fontWeight:h,textColorHover:v,buttonColor:V,buttonColorHover:r}=t.toRefs(R),C=t.computed(()=>{const l=y.value?"component-disabled":"",s=k.value!=="b"?"inline-block":"block",c=z?z.value:"ffffff",f=!N.value||N.value<0?1:N.value,T=!I.value||I.value<0?.2:I.value,o=!g.value||g.value<0?0:g.value,i=x.value?x.value:"'Lato', sans-serif",m=S.value?S.value:"1.6rem",E=!h.value||h.value<0?100:h.value,Y=v.value?v.value:"#cccccc",X=V.value?V.value:"#bbbbbb",_=r.value?r.value:"#959595";return{disabled:l,display:s,font:i,fontSize:m,fontWeight:E,textColor:c,paddingX:f,paddingY:T,borderRadius:o,textColorHover:Y,buttonColor:X,buttonColorHover:_}}),H=t.computed(()=>C.value.disabled),$=t.computed(()=>{const l=C.value;return{display:l.display,borderRadius:`${l.borderRadius}rem`}}),d=t.computed(()=>{const l=C.value;return{color:l.textColor,padding:`${l.paddingY}rem ${l.paddingX}rem`,borderRadius:`${l.borderRadius}rem`,fontSize:l.fontSize,fontWeight:l.fontWeight}}),w=t.computed(()=>C.value.font),u=t.computed(()=>C.value.textColor),B=t.computed(()=>C.value.textColorHover),p=t.computed(()=>C.value.buttonColor),n=t.computed(()=>C.value.buttonColorHover),a=()=>{W("clicked")};return(l,s)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",H.value]),style:t.normalizeStyle([$.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(y),onClick:a,onKeydown:[s[0]||(s[0]=t.withKeys(c=>!t.unref(y)&&e.hasTabIndexEnter&&a(),["enter"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>!t.unref(y)&&e.hasTabIndexSpace&&a(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([d.value])},[t.renderSlot(l.$slots,"content",{},()=>[s[2]||(s[2]=t.createTextVNode("Default Text"))],!0)],12,Se)],46,xe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-d083f1f8"]]),it="",we=["tabIndex","aria-label","aria-disabled"],Be=["id"],Ne={class:"first-child"},Ie={class:"last-child"},$e=L(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"#000000"},buttonColor:{type:String,default:"#ffffff"},buttonHoverColor:{type:String,default:"red"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.4,validator:e=>e||.4},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(c=>({"516e8559":p.value,"48b787e2":n.value,"0e5ada5b":a.value,"1291c2ea":l.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const c=r.value?"component-disabled":"",f=k.value!=="b"?"inline-block":"block",T=z.value?z.value:"#ffffff",o=I.value?I.value:"#000000",i=N.value?N.value:"#ffe54c",m=!y.value||y.value<0?0:y.value,E=[!1,!0].includes(g.value)?g.value:!0,Y=x.value?x.value:"#ffffff",X=S.value?S.value:"#000000",_=!h.value||h.value<86?86:h.value,A=!v.value||v.value<0?1:v.value,D=!V.value||V.value<0?.4:V.value,K=C.value?C.value:"'Lato', sans-serif",O=H.value?H.value:"1.6em",F=!$.value||$.value<0?200:$.value;return{disabled:c,display:f,buttonColor:T,buttonHoverColor:o,borderColor:i,showBorder:E,borderRadius:m,textColor:Y,textHoverColor:X,width:_,paddingX:A,paddingY:D,font:K,fontSize:O,fontWeight:F}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const c=d.value,f=c.display==="block"?"auto":`${c.width}px`;return{...c.showBorder?{border:`1px solid ${c.borderColor}`}:{},borderRadius:`${c.borderRadius}rem`,background:c.buttonColor,minWidth:"33px",width:f,padding:`${c.paddingY}rem ${c.paddingX}rem`,lineHeight:"1.42857143",fontSize:c.fontSize,fontWeight:c.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>d.value.textColor),a=t.computed(()=>d.value.textHoverColor),l=t.computed(()=>d.value.buttonHoverColor),s=()=>{W("clicked")};return(c,f)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:s,onKeydown:[f[0]||(f[0]=t.withKeys(T=>!t.unref(r)&&e.hasTabIndexEnter&&s(),["enter"])),f[1]||(f[1]=t.withKeys(t.withModifiers(T=>!t.unref(r)&&e.hasTabIndexSpace&&s(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",Ne,[t.renderSlot(c.$slots,"content",{},()=>[f[2]||(f[2]=t.createTextVNode("Default Text"))],!0)]),t.createElementVNode("div",Ie,[t.renderSlot(c.$slots,"content",{},()=>[f[3]||(f[3]=t.createTextVNode("Default Text"))],!0)])],12,Be)],46,we)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-b10ffc3e"]]),ft="",ze=["tabIndex","aria-label","aria-disabled"],He=["id"],ke=L(Object.assign({name:"NbButtonBack",inheritAttrs:!1},{__name:"NbButtonBack",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},color:{type:String,default:"#477e99"},textColor:{type:String,default:"#77d2ff"},text:{type:String,default:"back"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(d=>({aa62e326:r.value,adaa07ba:V.value,40060860:v.value})),t.onMounted(()=>{H()});const W=b,R=e,{color:k,textColor:z,disabled:N,fontFamily:I,fontSize:g,fontWeight:y}=t.toRefs(R),x=t.computed(()=>{const d=N.value?"component-disabled":"",w=k.value?k.value:"#77d2ff",u=z.value?z.value:"#6dc1ec",B=I.value?I.value:"'Lato', sans-serif",p=g.value?g.value:"1.6em",n=!y.value||y.value<0?400:y.value;return{color:w,textColor:u,font:B,fontSize:p,fontWeight:n,disabled:d}}),S=t.computed(()=>({})),h=t.computed(()=>{const d=x.value;return{fontSize:d.fontSize,fontWeight:d.fontWeight}}),v=t.computed(()=>x.value.color),V=t.computed(()=>x.value.textColor),r=t.computed(()=>x.value.font),C=t.computed(()=>x.value.disabled),H=()=>{},$=()=>{W("clicked")};return(d,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([S.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(N),onClick:$,onKeydown:[w[0]||(w[0]=t.withKeys(u=>!t.unref(N)&&e.hasTabIndexEnter&&$(),["enter"])),w[1]||(w[1]=t.withKeys(t.withModifiers(u=>!t.unref(N)&&e.hasTabIndexSpace&&$(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([h.value])},[w[2]||(w[2]=t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16"},[t.createElementVNode("path",{d:"M14 8a.75.75 0 01-.75.75H4.56l1.22 1.22a.75.75 0 11-1.06 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 111.06 1.06L4.56 7.25h8.69A.75.75 0 0114 8z","clip-rule":"evenodd"})],-1)),t.createElementVNode("span",null,t.toDisplayString(e.text),1)],12,He)],46,ze)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-1df91d2a"]]),pt="",Te=["tabIndex","aria-label","aria-disabled"],We=["id"],Re=L(Object.assign({name:"NbButtonGradientBorderToBackground",inheritAttrs:!1},{__name:"NbButtonGradientBorderToBackground",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"blue"},buttonColor:{type:String,default:"linear-gradient(120deg,#fa7faa,#ff9691 25%,#ffb287 50%,transparent 55%,transparent)"},buttonHoverColor:{type:String,default:"linear-gradient(11deg, #c83852, #b44092 50%, #6a5fc1)"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(o=>({"9a6bd336":p.value,af7fbc14:c.value,"0b36ee1b":l.value,d9aa144e:a.value,"01d4b136":n.value,c5bce062:s.value,"779f80e6":f.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const o=r.value?"component-disabled":"",i=k.value!=="b"?"inline-block":"block",m=z.value?z.value:"#ffffff",E=I.value?I.value:"#000000",Y=N.value?N.value:"#ffe54c",X=!y.value||y.value<0?0:y.value,_=[!1,!0].includes(g.value)?g.value:!0,A=x.value?x.value:"#ffffff",D=S.value?S.value:"#000000",K=!h.value||h.value<86?86:h.value,O=!v.value||v.value<0?1:v.value,F=!V.value||V.value<0?.2:V.value,M=C.value?C.value:"'Lato', sans-serif",P=H.value?H.value:"1.6em",j=!$.value||$.value<0?200:$.value;return{disabled:o,display:i,buttonColor:m,buttonHoverColor:E,borderColor:Y,showBorder:_,borderRadius:X,textColor:A,textHoverColor:D,width:K,paddingX:O,paddingY:F,font:M,fontSize:P,fontWeight:j}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value;return{minWidth:"33px",width:o.display==="block"?"auto":`${o.width}px`,lineHeight:"1.42857143",fontSize:o.fontSize,fontWeight:o.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>{const o=d.value;return`${o.paddingY}rem ${o.paddingX}rem`}),a=t.computed(()=>`${d.value.borderRadius}rem`),l=t.computed(()=>d.value.textColor),s=t.computed(()=>d.value.textHoverColor),c=t.computed(()=>d.value.buttonColor),f=t.computed(()=>d.value.buttonHoverColor),T=()=>{W("clicked")};return(o,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:T,onKeydown:[i[0]||(i[0]=t.withKeys(m=>!t.unref(r)&&e.hasTabIndexEnter&&T(),["enter"])),i[1]||(i[1]=t.withKeys(t.withModifiers(m=>!t.unref(r)&&e.hasTabIndexSpace&&T(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[i[2]||(i[2]=t.createTextVNode("Default Text"))],!0)],12,We)],46,Te)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-551d4abb"]]),yt="",Ee=["tabIndex","aria-label","aria-disabled"],Ye=["id"],Xe=L(Object.assign({name:"NbButtonNormal",inheritAttrs:!1},{__name:"NbButtonNormal",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"blue"},buttonColor:{type:String,default:"tomato"},buttonHoverColor:{type:String,default:"green"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},hasAnimation:{type:Boolean,default:!1},animationDuration:{type:Number,default:.3},animationDurationType:{type:String,default:"s",validator:e=>["ms","s"].indexOf(e)!==-1}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(m=>({"4459caa6":l.value,"5c71f5c8":s.value,"0b267cb7":f.value,"53d6f26a":o.value,"9c869d24":c.value,"5c0e9276":T.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$,hasAnimation:d,animationDuration:w,animationDurationType:u}=t.toRefs(R),B=t.computed(()=>{const m=r.value?"component-disabled":"",E=k.value!=="b"?"inline-block":"block",Y=z.value?z.value:"#ffffff",X=I.value?I.value:"#000000",_=N.value?N.value:"#ffe54c",A=!y.value||y.value<0?0:y.value,D=[!1,!0].includes(g.value)?g.value:!0,K=x.value?x.value:"#ffffff",O=S.value?S.value:"#000000",F=!h.value||h.value<86?86:h.value,M=!v.value||v.value<0?1:v.value,P=!V.value||V.value<0?.2:V.value,j=C.value?C.value:"'Lato', sans-serif",G=H.value?H.value:"1.6em",J=!$.value||$.value<0?200:$.value,Pe=d.value?"component-transition":"",je=!w.value||w.value<0?.3:w.value,qe=!u.value||u.value<0?"ms":u.value;return{disabled:m,display:E,buttonColor:Y,buttonHoverColor:X,borderColor:_,showBorder:D,borderRadius:A,textColor:K,textHoverColor:O,width:F,paddingX:M,paddingY:P,font:j,fontSize:G,fontWeight:J,hasAnimation:Pe,animationDuration:je,animationDurationType:qe}}),p=t.computed(()=>B.value.disabled),n=t.computed(()=>({display:B.value.display})),a=t.computed(()=>{const m=B.value,E=m.display==="block"?"auto":`${m.width}px`;return{...m.showBorder?{border:`1px solid ${m.borderColor}`}:{},borderRadius:`${m.borderRadius}rem`,minWidth:"33px",width:E,padding:`${m.paddingY}rem ${m.paddingX}rem`,lineHeight:"1.42857143",fontSize:m.fontSize,fontWeight:m.fontWeight}}),l=t.computed(()=>B.value.font),s=t.computed(()=>B.value.textColor),c=t.computed(()=>B.value.textHoverColor),f=t.computed(()=>B.value.buttonColor),T=t.computed(()=>B.value.buttonHoverColor),o=t.computed(()=>{const m=B.value;return m.hasAnimation?`all ${m.animationDuration}${m.animationDurationType} ease-in-out`:""}),i=()=>{W("clicked")};return(m,E)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([n.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:i,onKeydown:[E[0]||(E[0]=t.withKeys(Y=>!t.unref(r)&&e.hasTabIndexEnter&&i(),["enter"])),E[1]||(E[1]=t.withKeys(t.withModifiers(Y=>!t.unref(r)&&e.hasTabIndexSpace&&i(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset component",{"component-transition":t.unref(d)}]),style:t.normalizeStyle([a.value])},[t.renderSlot(m.$slots,"content",{},()=>[E[2]||(E[2]=t.createTextVNode("Default Text"))],!0)],14,Ye)],46,Ee)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-a7ab7bdc"]]),gt="",Le=["tabIndex","aria-label","aria-disabled"],_e=["id"],Ae=L(Object.assign({name:"NbButtonShadow",inheritAttrs:!1},{__name:"NbButtonShadow",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#000000"},textHoverColor:{type:String,default:"tomato"},buttonColor:{type:String,default:"#faf77d"},buttonHoverColor:{type:String,default:"#faf77d"},buttonShadowColor:{type:String,default:"#01d7b0"},borderColor:{type:String,default:"#191a1b"},borderRadius:{type:Number,default:0},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(o=>({"932e9364":p.value,b5ada742:l.value,"30817ec4":n.value,de146bc2:c.value,"300cdfc6":s.value,"105400c6":a.value,a7aceb46:f.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,buttonShadowColor:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const o=r.value?"component-disabled":"",i=k.value!=="b"?"inline-block":"block",m=z.value?z.value:"#ffffff",E=I.value?I.value:"#000000",Y=g.value?g.value:"#01d7b0",X=N.value?N.value:"#ffe54c",_=!y.value||y.value<0?0:y.value,A=x.value?x.value:"#ffffff",D=S.value?S.value:"#000000",K=!h.value||h.value<86?86:h.value,O=!v.value||v.value<0?1:v.value,F=!V.value||V.value<0?.2:V.value,M=C.value?C.value:"'Lato', sans-serif",P=H.value?H.value:"1.6em",j=!$.value||$.value<0?200:$.value;return{disabled:o,display:i,buttonColor:m,buttonHoverColor:E,buttonShadowColor:Y,borderColor:X,borderRadius:_,textColor:A,textHoverColor:D,width:K,paddingX:O,paddingY:F,font:M,fontSize:P,fontWeight:j}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value,i=o.display==="block"?"auto":`${o.width}px`;return{border:`2px solid ${o.borderColor}`,borderRadius:`${o.borderRadius}rem`,minWidth:"33px",width:i,padding:`${o.paddingY}rem ${o.paddingX}rem`,lineHeight:"1.42857143",fontSize:o.fontSize,fontWeight:o.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>d.value.textColor),a=t.computed(()=>d.value.textHoverColor),l=t.computed(()=>d.value.buttonColor),s=t.computed(()=>d.value.buttonHoverColor),c=t.computed(()=>{const o=d.value;return`3px 3px 0 -1px ${o.buttonShadowColor}, 3px 3px 0 ${o.buttonShadowColor}`}),f=t.computed(()=>{const o=d.value;return`0 0 0 -1px ${o.buttonShadowColor}, 0 0 0 ${o.buttonShadowColor};`}),T=()=>{W("clicked")};return(o,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:T,onKeydown:[i[0]||(i[0]=t.withKeys(m=>!t.unref(r)&&e.hasTabIndexEnter&&T(),["enter"])),i[1]||(i[1]=t.withKeys(t.withModifiers(m=>!t.unref(r)&&e.hasTabIndexSpace&&T(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[i[2]||(i[2]=t.createTextVNode("Default Text"))],!0)],12,_e)],46,Le)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-40806072"]]),Ct="",De=["tabIndex","aria-label","aria-disabled"],Ke=["id"],Oe=L(Object.assign({name:"NbButtonUnderlineExpand",inheritAttrs:!1},{__name:"NbButtonUnderlineExpand",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"rgb(0, 105, 255)"},textHoverColor:{type:String,default:"#ffffff"},borderColor:{type:String,default:"rgb(0, 105, 255)"},borderHoverColor:{type:String,default:"rgb(20, 51, 214)"},borderHeight:{type:Number,default:1.5,validator:e=>e||1.5},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},textAlign:{type:String,default:"middle",validator:e=>["left","center","right"].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(f=>({"7a81bde5":B.value,"7d23359b":p.value,"348d6e88":a.value,"4d2cba24":s.value,fd940f62:n.value,aa789c64:l.value}));const W=b,R=e,{display:k,borderColor:z,borderHoverColor:N,borderHeight:I,textColor:g,textHoverColor:y,width:x,paddingX:S,paddingY:h,disabled:v,fontFamily:V,fontSize:r,fontWeight:C,textAlign:H}=t.toRefs(R),$=t.computed(()=>{const f=v.value?"component-disabled":"",T=k.value!=="b"?"inline-block":"block",o=z.value?z.value:"#ffffff",i=N.value?N.value:"#000000",m=I.value?I.value:1.5,E=g.value?g.value:"#ffffff",Y=y.value?y.value:"#000000",X=!x.value||x.value<86?86:x.value,_=!S.value||S.value<0?1:S.value,A=!h.value||h.value<0?.2:h.value,D=V.value?V.value:"'Lato', sans-serif",K=r.value?r.value:"1.6em",O=!C.value||C.value<0?200:C.value,F=H.value?H.value:"center";return{disabled:f,display:T,borderColor:o,borderHoverColor:i,borderHeight:m,textColor:E,textHoverColor:Y,width:X,paddingX:_,paddingY:A,font:D,fontSize:K,fontWeight:O,textAlign:F}}),d=t.computed(()=>$.value.disabled),w=t.computed(()=>{const f=$.value;return{display:f.display,textAlign:f.textAlign}}),u=t.computed(()=>{const f=$.value;return{minWidth:"33px",width:f.display==="block"?"auto":`${f.width}px`,padding:`${f.paddingY}rem ${f.paddingX}rem`,lineHeight:"1.42857143",fontSize:f.fontSize,fontWeight:f.fontWeight}}),B=t.computed(()=>$.value.font),p=t.computed(()=>$.value.textColor),n=t.computed(()=>$.value.textHoverColor),a=t.computed(()=>$.value.borderColor),l=t.computed(()=>$.value.borderHoverColor),s=t.computed(()=>`${$.value.borderHeight}px`),c=()=>{W("clicked")};return(f,T)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",d.value]),style:t.normalizeStyle([w.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(v),onClick:c,onKeydown:[T[0]||(T[0]=t.withKeys(o=>!t.unref(v)&&e.hasTabIndexEnter&&c(),["enter"])),T[1]||(T[1]=t.withKeys(t.withModifiers(o=>!t.unref(v)&&e.hasTabIndexSpace&&c(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([u.value])},[t.renderSlot(f.$slots,"content",{},()=>[T[2]||(T[2]=t.createTextVNode("Default Text"))],!0)],12,Ke)],46,De)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2c21f930"]]),St="",Fe=["tabIndex","aria-label","aria-disabled"],Me=["id"],U={NbButtonVavaGame:te,NbButtonShowHover:le,NbButtonPrevNext:ue,NbButtonMechanical:ce,NbButtonMechanical2:pe,NbButtonHamburger:ve,NbButtonColorOutside:Ce,NbButtonColorHover:he,NbButtonAlternateText:$e,NbButtonBack:ke,NbButtonNormal:Xe,NbButtonShadow:Ae,NbButtonUnderlineExpand:Oe,NbButtonUnderlineFill:L(Object.assign({name:"NbButtonUnderlineExpand",inheritAttrs:!1},{__name:"NbButtonUnderlineFill",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"rgb(0, 105, 255)"},textHoverColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"rgb(0, 105, 255)"},buttonHoverColor:{type:String,default:"rgb(20, 51, 214)"},borderColor:{type:String,default:"#ffe54c"},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},textAlign:{type:String,default:"middle",validator:e=>["left","center","right"].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(s=>({49544310:u.value,69196589:n.value,"0abc0b24":B.value,b41efd9a:a.value,bf3f8148:p.value}));const W=b,R=e,{display:k,buttonColor:z,buttonHoverColor:N,textColor:I,textHoverColor:g,width:y,paddingX:x,paddingY:S,disabled:h,fontFamily:v,fontSize:V,fontWeight:r,textAlign:C}=t.toRefs(R),H=t.computed(()=>{const s=h.value?"component-disabled":"",c=k.value!=="b"?"inline-block":"block",f=z.value?z.value:"#ffffff",T=N.value?N.value:"#000000",o=I.value?I.value:"#ffffff",i=g.value?g.value:"#000000",m=!y.value||y.value<86?86:y.value,E=!x.value||x.value<0?1:x.value,Y=!S.value||S.value<0?.2:S.value,X=v.value?v.value:"'Lato', sans-serif",_=V.value?V.value:"1.6em",A=!r.value||r.value<0?200:r.value,D=C.value?C.value:"center";return{disabled:s,display:c,buttonColor:f,buttonHoverColor:T,textColor:o,textHoverColor:i,width:m,paddingX:E,paddingY:Y,font:X,fontSize:_,fontWeight:A,textAlign:D}}),$=t.computed(()=>H.value.disabled),d=t.computed(()=>{const s=H.value;return{display:s.display,textAlign:s.textAlign}}),w=t.computed(()=>{const s=H.value;return{minWidth:"33px",width:s.display==="block"?"auto":`${s.width}px`,padding:`${s.paddingY}rem ${s.paddingX}rem`,lineHeight:"1.42857143",fontSize:s.fontSize,fontWeight:s.fontWeight}}),u=t.computed(()=>H.value.font),B=t.computed(()=>H.value.textColor),p=t.computed(()=>H.value.textHoverColor),n=t.computed(()=>{const s=H.value;return`linear-gradient(${s.buttonColor}, ${s.buttonColor}) center bottom / 1px 1px repeat-x`}),a=t.computed(()=>{const s=H.value;return`linear-gradient(${s.buttonHoverColor}, ${s.buttonHoverColor}) center bottom / 100% 100% repeat-x`}),l=()=>{W("clicked")};return(s,c)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",$.value]),style:t.normalizeStyle([d.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(h),onClick:l,onKeydown:[c[0]||(c[0]=t.withKeys(f=>!t.unref(h)&&e.hasTabIndexEnter&&l(),["enter"])),c[1]||(c[1]=t.withKeys(t.withModifiers(f=>!t.unref(h)&&e.hasTabIndexSpace&&l(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([w.value])},[t.renderSlot(s.$slots,"content",{},()=>[c[2]||(c[2]=t.createTextVNode("Default Text"))],!0)],12,Me)],46,Fe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-d0692556"]]),NbButtonGradientBorderToBackground:Re};return{install(e){for(const b in U)if(Object.prototype.hasOwnProperty.call(U,b)){const W=U[b];e.component(W.name,W)}}}});
|
|
1
|
+
(function(t,q){typeof exports=="object"&&typeof module<"u"?module.exports=q(require("vue")):typeof define=="function"&&define.amd?define(["vue"],q):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=q(t.Vue))})(this,function(t){"use strict";const q="",L=(e,b)=>{const W=e.__vccOpts||e;for(const[R,k]of b)W[R]=k;return W},Q=["tabIndex","aria-label","aria-disabled"],Z=["id"],ee={class:"component-content__text"},te=L(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const b=e.toLowerCase();return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ece8e1"},buttonColor:{type:String,default:"blue"},textColorHover:{type:String,default:"gray"},buttonColorHover:{type:String,default:"cyan"},borderColor:{type:String,default:"yellow"},borderOpacity:{type:Number,default:.5},paddingXBorder:{type:Number,default:.3,validator:e=>e||.3},paddingYBorder:{type:Number,default:.3,validator:e=>e||.3},paddingXContent:{type:Number,default:.5,validator:e=>e||.5},paddingYContent:{type:Number,default:.5,validator:e=>e||.5},uppercase:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(i=>({"3b94cba3":l.value,"6146add9":f.value,"2753eae3":T.value,"4edfa97a":s.value,dd0b6f3c:c.value}));const W=b,R=e,{display:k,textColor:z,textColorHover:N,buttonColor:I,buttonColorHover:g,uppercase:y,paddingXContent:x,paddingYContent:S,paddingXBorder:h,paddingYBorder:v,borderColor:V,borderOpacity:r,disabled:C,fontFamily:H,fontSize:$,fontWeight:d}=t.toRefs(R),w=t.computed(()=>{const i=C.value?"component-disabled":"",m=k.value!=="b"?"inline-block":"block",E=z.value?z.value:"#ece8e1",Y=I.value?I.value:"green",X=N.value?N.value:"#ece8e1",_=g.value?g.value:"cyan",A=V.value?V.value:"#ffffff",D=!r.value||!(r.value>=0&&r.value<=1)?"0.5":r.value,K=!h.value||h.value<0?.3:h.value,O=!v.value||v.value<0?.3:v.value,F=!x.value||x.value<0?.5:x.value,M=!S.value||S.value<0?.5:S.value,P=y.value?"uppercase":"none",j=H.value?H.value:"'Lato', sans-serif",G=$.value?$.value:"1.6em",J=!d.value||d.value<0?100:d.value;return{disabled:i,display:m,textColor:E,buttonColor:Y,textColorHover:X,buttonColorHover:_,borderColor:A,borderOpacity:D,paddingXBorder:K,paddingYBorder:O,paddingXContent:F,paddingYContent:M,uppercase:P,font:j,fontSize:G,fontWeight:J}}),u=t.computed(()=>w.value.disabled),B=t.computed(()=>({display:w.value.display})),p=t.computed(()=>{const i=w.value;return{padding:`${i.paddingYBorder}rem ${i.paddingXBorder}rem`,fontSize:i.fontSize,fontWeight:i.fontWeight}}),n=t.computed(()=>{const i=w.value;return{textTransform:i.uppercase,padding:`${i.paddingYContent}rem ${i.paddingXContent}rem`,backgroundColor:i.buttonColor}}),a=t.computed(()=>({backgroundColor:w.value.buttonColorHover})),l=t.computed(()=>w.value.font),s=t.computed(()=>w.value.borderColor),c=t.computed(()=>w.value.borderOpacity),f=t.computed(()=>w.value.textColor),T=t.computed(()=>w.value.textColorHover),o=()=>{W("clicked")};return(i,m)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",u.value]),style:t.normalizeStyle([B.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(C),onClick:o,onKeydown:[m[0]||(m[0]=t.withKeys(E=>!t.unref(C)&&e.hasTabIndexEnter&&o(),["enter"])),m[1]||(m[1]=t.withKeys(t.withModifiers(E=>!t.unref(C)&&e.hasTabIndexSpace&&o(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([p.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([n.value])},[t.createElementVNode("span",ee,[t.renderSlot(i.$slots,"content",{},()=>[m[2]||(m[2]=t.createTextVNode("Default Text"))],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,Z)],46,Q)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-c8141ce9"]]),Ge="",ae=["tabIndex","aria-label","aria-disabled"],oe=["id"],le=L(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#145deb"},textColorHover:{type:String,default:"#4bd6b5"},buttonColorHover:{type:String,default:"10, 38, 184"},buttonColorOpacityHover:{type:Number,default:.1},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},verticalAlign:{type:String,default:"middle",validator:e=>["top","middle","bottom"].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(p=>({"630b5d13":u.value,"6584a110":d.value,"3cc5d20d":w.value,e8db6f2c:e.textColorHover,"7e70901c":t.unref(k)}));const W=b,R=e,{textColor:k,buttonColorHover:z,buttonColorOpacityHover:N,paddingX:I,paddingY:g,disabled:y,borderRadius:x,verticalAlign:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const p=y.value?"component-disabled":"",n=S.value?S.value:"middle",a=k?k.value:"ffffff",l=!I.value||I.value<0?1:I.value,s=!g.value||g.value<0?.2:g.value,c=!x.value||x.value<0?0:x.value,f=z.value?z.value:"10, 38, 184",T=!N.value||N.value<0?.1:N.value,o=h.value?h.value:"'Lato', sans-serif",i=v.value?v.value:"1.6rem",m=!V.value||V.value<0?100:V.value;return{disabled:p,borderRadius:c,textColor:a,paddingX:l,paddingY:s,buttonColorHover:f,buttonColorOpacityHover:T,font:o,fontSize:i,fontWeight:m,verticalAlign:n}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({verticalAlign:r.value.verticalAlign})),$=t.computed(()=>{const p=r.value;return{color:p.textColor,padding:`${p.paddingY}rem 0`,borderRadius:`${p.borderRadius}rem`,fontSize:p.fontSize,fontWeight:p.fontWeight}}),d=t.computed(()=>{const p=r.value;return`${p.paddingY}rem ${p.paddingX}rem`}),w=t.computed(()=>{const p=r.value;return`rgba(${p.buttonColorHover}, ${p.buttonColorOpacityHover})`}),u=t.computed(()=>r.value.font),B=()=>{W("clicked")};return(p,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(y),onClick:B,onKeydown:[n[1]||(n[1]=t.withKeys(a=>!t.unref(y)&&e.hasTabIndexEnter&&B(),["enter"])),n[2]||(n[2]=t.withKeys(t.withModifiers(a=>!t.unref(y)&&e.hasTabIndexSpace&&B(),["prevent"]),["space"]))]},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([$.value]),onClick:n[0]||(n[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(p.$slots,"content",{},()=>[n[3]||(n[3]=t.createTextVNode("Default Text"))],!0)],12,oe)],46,ae)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f844cd94"]]),Qe="",ne=["id"],re=["tabIndex","aria-label","aria-disabled"],de=["tabIndex","aria-label","aria-disabled"],ue=L(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},tabIndexPrev:{type:Number,default:0},tabIndexNext:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabelPrev:{type:String,default:"Alternate Text Button"},ariaLabelNext:{type:String,default:"Alternate Text Button"},colorPrimary:{type:String,default:"tomato"},colorSecondary:{type:String,default:"blue"},textColor:{type:String,default:"#fff"},textColorHover:{type:String,default:"yellow"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:10,validator:e=>e||10},marginBetween:{type:Number,default:2,validator:e=>e||1},borderRadius:{type:Number,default:6,validator:e=>e||1},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showPreview:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showNext:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledPreview:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledNext:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(n=>({"16c88917":B.value,"6e1325e7":e.colorPrimary,"118d2324":e.textColor,"72f42419":e.colorSecondary,"195b3f6e":e.textColorHover}));const W=b,R=e,{paddingX:k,paddingY:z,marginBetween:N,borderRadius:I,disabled:g,disabledPreview:y,disabledNext:x,fontFamily:S,fontSize:h,fontWeight:v}=t.toRefs(R),V=t.computed(()=>{const n=g.value?"component-disabled":"",a=y.value?"component-disabled":"",l=x.value?"component-disabled":"",s=!N.value||N.value<0?0:N.value,c=!I.value||I.value<0?0:I.value,f=!k.value||k.value<0?1:k.value,T=!z.value||z.value<0?10:z.value,o=h.value?h.value:"1.6em",i=!v.value||v.value<0?100:v.value;return{disabled:n,disabledPreview:a,disabledNext:l,marginBetween:`${s}px`,borderRadius:`${c}px`,paddingX:`${f}px`,paddingY:`${T}px`,fontSize:o,fontWeight:i}}),r=t.computed(()=>V.value.disabled),C=t.computed(()=>V.value.disabledPreview),H=t.computed(()=>V.value.disabledNext),$=t.computed(()=>({display:V.value.display})),d=t.computed(()=>{const n=V.value;return{fontSize:n.fontSize,fontWeight:n.fontWeight}}),w=t.computed(()=>{const n=V.value;return{borderRadius:`${n.borderRadius} 0px 0px ${n.borderRadius}`,marginRight:n.marginBetween,padding:`${n.paddingX} ${n.paddingY}`}}),u=t.computed(()=>{const n=V.value;return{borderRadius:`0px ${n.borderRadius} ${n.borderRadius} 0px`,marginLeft:n.marginBetween,padding:`${n.paddingX} ${n.paddingY}`}}),B=t.computed(()=>`'${S.value?S.value:"'Lato', sans-serif"}'`),p=n=>{W("clicked",n)};return(n,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",r.value]),style:t.normalizeStyle([$.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(d.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["buttonNextPreview buttonPreview",C.value]),style:t.normalizeStyle(w.value),tabIndex:e.tabIndexPrev,role:"button","aria-label":e.ariaLabelPrev,"aria-disabled":t.unref(g),onClick:a[0]||(a[0]=l=>p("preview")),onKeydown:[a[1]||(a[1]=t.withKeys(l=>!t.unref(g)&&e.hasTabIndexEnter&&p("preview"),["enter"])),a[2]||(a[2]=t.withKeys(t.withModifiers(l=>!t.unref(g)&&e.hasTabIndexSpace&&p("preview"),["prevent"]),["space"]))]},[t.renderSlot(n.$slots,"prev",{},()=>[a[6]||(a[6]=t.createTextVNode("← Preview"))],!0)],46,re)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["buttonNextPreview buttonNext",H.value]),style:t.normalizeStyle(u.value),tabIndex:e.tabIndexNext,role:"button","aria-label":e.ariaLabelNext,"aria-disabled":t.unref(g),onClick:a[3]||(a[3]=l=>p("next")),onKeydown:[a[4]||(a[4]=t.withKeys(l=>!t.unref(g)&&e.hasTabIndexEnter&&p("next"),["enter"])),a[5]||(a[5]=t.withKeys(t.withModifiers(l=>!t.unref(g)&&e.hasTabIndexSpace&&p("next"),["prevent"]),["space"]))]},[t.renderSlot(n.$slots,"next",{},()=>[a[7]||(a[7]=t.createTextVNode("Next →"))],!0)],46,de)):t.createCommentVNode("",!0)],12,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-235db30a"]]),et="",se=["tabIndex","aria-label","aria-disabled"],ie=["id"],ce=L(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},containerColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},animationSlow:{type:Boolean,default:!1},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(a=>({"75e08b28":u.value,"38d76e94":t.unref(z),"1e761906":p.value,60007562:B.value}));const W=b,R=e,{display:k,buttonColor:z,textColor:N,containerColor:I,paddingX:g,paddingY:y,borderRadius:x,disabled:S,animationSlow:h,fontFamily:v,fontSize:V,fontWeight:r}=t.toRefs(R),C=t.computed(()=>{const a=S.value?"component-disabled":"",l=k.value!=="b"?"inline-block":"block",s=I.value?I.value:"#ffffff",c=z.value?z.value:"#bbbbbb",f=N.value?N.value:"#ffffff",T=!g.value||g.value<0?1:g.value,o=!y.value||y.value<0?.2:y.value,i=!x.value||x.value<0?0:x.value,m=h.value?"":"component-transition__no-slow",E=v.value?v.value:"'Lato', sans-serif",Y=V.value?V.value:"1.6em",X=!r.value||r.value<0?100:r.value;return{disabled:a,display:l,containerColor:s,buttonColor:c,textColor:f,paddingX:T,paddingY:o,borderRadius:i,animationSlow:m,font:E,fontSize:Y,fontWeight:X}}),H=t.computed(()=>C.value.disabled),$=t.computed(()=>({display:C.value.display})),d=t.computed(()=>{const a=C.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),w=t.computed(()=>C.value.animationSlow),u=t.computed(()=>C.value.font),B=t.computed(()=>C.value.textColor),p=t.computed(()=>C.value.buttonColor),n=()=>{W("clicked")};return(a,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",H.value]),style:t.normalizeStyle([$.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:n,onKeydown:[l[0]||(l[0]=t.withKeys(s=>!t.unref(S)&&e.hasTabIndexEnter&&n(),["enter"])),l[1]||(l[1]=t.withKeys(t.withModifiers(s=>!t.unref(S)&&e.hasTabIndexSpace&&n(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",w.value]),style:t.normalizeStyle([d.value])},[t.renderSlot(a.$slots,"content",{},()=>[l[2]||(l[2]=t.createTextVNode("Default Text"))],!0)],14,ie)],46,se)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-cd185961"]]),at="",fe=["tabIndex","aria-label","aria-disabled"],be=["id"],pe=L(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},shadowColor:{type:String,default:"#002f3c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(u=>({"41c9f13c":d.value}));const W=b,R=e,{display:k,buttonColor:z,textColor:N,paddingX:I,paddingY:g,borderRadius:y,shadowColor:x,disabled:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const u=S.value?"component-disabled":"",B=k.value!=="b"?"inline-block":"block",p=z.value?z.value:"#bbbbbb",n=x.value?x.value:"#002f3c",a=N.value?N.value:"#ffffff",l=!I.value||I.value<0?1:I.value,s=!g.value||g.value<0?1:g.value,c=!y.value||y.value<0?0:y.value,f=h.value?h.value:"'Lato', sans-serif",T=v.value?v.value:"1.6em",o=!V.value||V.value<0?100:V.value;return{disabled:u,display:B,buttonColor:p,shadowColor:n,textColor:a,paddingX:l,paddingY:s,borderRadius:c,font:f,fontSize:T,fontWeight:o}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({display:r.value.display})),$=t.computed(()=>{const u=r.value;return{color:u.textColor,backgroundColor:u.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${u.shadowColor}`,padding:`${u.paddingY}rem ${u.paddingX}rem`,padding:`${u.paddingY}rem ${u.paddingX}rem`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),d=t.computed(()=>r.value.font),w=()=>{W("clicked")};return(u,B)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:w,onKeydown:[B[0]||(B[0]=t.withKeys(p=>!t.unref(S)&&e.hasTabIndexEnter&&w(),["enter"])),B[1]||(B[1]=t.withKeys(t.withModifiers(p=>!t.unref(S)&&e.hasTabIndexSpace&&w(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([$.value])},[t.renderSlot(u.$slots,"content",{},()=>[B[2]||(B[2]=t.createTextVNode("Default Text"))],!0)],12,be)],46,fe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-d1239e03"]]),lt="",me=["tabIndex","aria-label","aria-disabled"],ye=["id"],ve=L(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},status:{type:Boolean,default:!1,validator:e=>[!1,!0].includes(e)},color:{type:String,default:"#ffffff"},colorHover:{type:String,default:"yellow"},containerColor:{type:String,default:"#333333"},containerColorHover:{type:String,default:"red"},paddingX:{type:Number,default:3,validator:e=>e||3},paddingY:{type:Number,default:3,validator:e=>e||3},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(u=>({"05489a45":$.value,b1646024:d.value}));const W=b,R=e;t.onMounted(()=>{k.value=z.value});const k=t.ref(!1),{status:z,color:N,containerColor:I,containerColorHover:g,colorHover:y,paddingX:x,paddingY:S,disabled:h}=t.toRefs(R),v=t.computed(()=>{const u=h.value?"component-disabled":"",B=k.value?"change":"",p=I.value?I.value:"#333333",n=N.value?N.value:"#ffffff",a=!x.value||x.value<0?3:x.value,l=!S.value||S.value<0?3:S.value,s=g.value?g.value:"yellow",c=y.value?y.value:"red";return{disabled:u,buttonStatus:B,containerColor:p,paddingX:a,paddingY:l,color:n,containerColorHover:s,colorHover:c}}),V=t.computed(()=>v.value.disabled),r=t.computed(()=>{const u=v.value;return{padding:`${u.paddingY}px ${u.paddingX}px`,backgroundColor:u.containerColor}}),C=t.computed(()=>({backgroundColor:v.value.color})),H=t.computed(()=>v.value.buttonStatus),$=t.computed(()=>v.value.containerColorHover),d=t.computed(()=>v.value.colorHover),w=()=>{const u=!k.value;k.value=u,W("clicked",u)};return t.watch(z,()=>{k.value=z.value}),(u,B)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",V.value]),style:t.normalizeStyle([r.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(h),onClick:w,onKeydown:[B[0]||(B[0]=t.withKeys(p=>!t.unref(h)&&e.hasTabIndexEnter&&w(),["enter"])),B[1]||(B[1]=t.withKeys(t.withModifiers(p=>!t.unref(h)&&e.hasTabIndexSpace&&w(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",H.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(C.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(C.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(C.value)},null,4)],10,ye)],46,me)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-ee16aa34"]]),rt="",ge=["tabIndex","aria-label","aria-disabled"],Ve=["id"],Ce=L(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},borderColor:{type:String,default:"#ffe54c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(a=>({"1be7c59c":u.value,"25955d43":p.value,bccb6a10:w.value,"374c98a8":B.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,textColor:I,paddingX:g,paddingY:y,borderRadius:x,disabled:S,fontFamily:h,fontSize:v,fontWeight:V}=t.toRefs(R),r=t.computed(()=>{const a=S.value?"component-disabled":"",l=k.value!=="b"?"inline-block":"block",s=z.value?z.value:"#bbbbbb",c=N.value?N.value:"#ffe54c",f=I.value?I.value:"#ffffff",T=!g.value||g.value<0?1:g.value,o=!y.value||y.value<0?.2:y.value,i=!x.value||x.value<0?0:x.value,m=h.value?h.value:"'Lato', sans-serif",E=v.value?v.value:"1.6em",Y=!V.value||V.value<0?200:V.value;return{disabled:a,display:l,buttonColor:s,borderColor:c,textColor:f,paddingX:T,paddingY:o,borderRadius:i,font:m,fontSize:E,fontWeight:Y}}),C=t.computed(()=>r.value.disabled),H=t.computed(()=>({display:r.value.display})),$=t.computed(()=>{const a=r.value;return{color:a.textColor,fontSize:a.fontSize,fontWeight:a.fontWeight}}),d=t.computed(()=>{const a=r.value;return{padding:`${a.paddingY}rem ${a.paddingX}rem`,border:`1px solid ${a.borderColor}`,borderRadius:w.value}}),w=t.computed(()=>`${r.value.borderRadius}rem`),u=t.computed(()=>r.value.font),B=t.computed(()=>r.value.textColor),p=t.computed(()=>r.value.buttonColor),n=()=>{W("clicked")};return(a,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([H.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(S),onClick:n,onKeydown:[l[0]||(l[0]=t.withKeys(s=>!t.unref(S)&&e.hasTabIndexEnter&&n(),["enter"])),l[1]||(l[1]=t.withKeys(t.withModifiers(s=>!t.unref(S)&&e.hasTabIndexSpace&&n(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([$.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([d.value])},[t.renderSlot(a.$slots,"content",{},()=>[l[2]||(l[2]=t.createTextVNode("Default Text"))],!0)],4),l[3]||(l[3]=t.createElementVNode("div",{class:"component-shadow"},null,-1))],12,Ve)],46,ge)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4ae432a3"]]),ut="",xe=["tabIndex","aria-label","aria-disabled"],Se=["id"],he=L(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e.toLowerCase();return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},borderRadius:{type:Number,default:.375},textColorHover:{type:String,default:"#cccccc"},buttonColor:{type:String,default:"#bbbbbb"},buttonColorHover:{type:String,default:"#959595"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||700}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(l=>({"37a8072e":w.value,"420521fa":p.value,"2e48555d":B.value,"37cde362":n.value,f8f7c1c2:u.value}));const W=b,R=e,{display:k,textColor:z,paddingX:N,paddingY:I,borderRadius:g,disabled:y,fontFamily:x,fontSize:S,fontWeight:h,textColorHover:v,buttonColor:V,buttonColorHover:r}=t.toRefs(R),C=t.computed(()=>{const l=y.value?"component-disabled":"",s=k.value!=="b"?"inline-block":"block",c=z?z.value:"ffffff",f=!N.value||N.value<0?1:N.value,T=!I.value||I.value<0?.2:I.value,o=!g.value||g.value<0?0:g.value,i=x.value?x.value:"'Lato', sans-serif",m=S.value?S.value:"1.6rem",E=!h.value||h.value<0?100:h.value,Y=v.value?v.value:"#cccccc",X=V.value?V.value:"#bbbbbb",_=r.value?r.value:"#959595";return{disabled:l,display:s,font:i,fontSize:m,fontWeight:E,textColor:c,paddingX:f,paddingY:T,borderRadius:o,textColorHover:Y,buttonColor:X,buttonColorHover:_}}),H=t.computed(()=>C.value.disabled),$=t.computed(()=>{const l=C.value;return{display:l.display,borderRadius:`${l.borderRadius}rem`}}),d=t.computed(()=>{const l=C.value;return{color:l.textColor,padding:`${l.paddingY}rem ${l.paddingX}rem`,borderRadius:`${l.borderRadius}rem`,fontSize:l.fontSize,fontWeight:l.fontWeight}}),w=t.computed(()=>C.value.font),u=t.computed(()=>C.value.textColor),B=t.computed(()=>C.value.textColorHover),p=t.computed(()=>C.value.buttonColor),n=t.computed(()=>C.value.buttonColorHover),a=()=>{W("clicked")};return(l,s)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",H.value]),style:t.normalizeStyle([$.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(y),onClick:a,onKeydown:[s[0]||(s[0]=t.withKeys(c=>!t.unref(y)&&e.hasTabIndexEnter&&a(),["enter"])),s[1]||(s[1]=t.withKeys(t.withModifiers(c=>!t.unref(y)&&e.hasTabIndexSpace&&a(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([d.value])},[t.renderSlot(l.$slots,"content",{},()=>[s[2]||(s[2]=t.createTextVNode("Default Text"))],!0)],12,Se)],46,xe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-d083f1f8"]]),it="",we=["tabIndex","aria-label","aria-disabled"],Be=["id"],Ne={class:"first-child"},Ie={class:"last-child"},$e=L(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"#000000"},buttonColor:{type:String,default:"#ffffff"},buttonHoverColor:{type:String,default:"red"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.4,validator:e=>e||.4},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(c=>({"516e8559":p.value,"48b787e2":n.value,"0e5ada5b":a.value,"1291c2ea":l.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const c=r.value?"component-disabled":"",f=k.value!=="b"?"inline-block":"block",T=z.value?z.value:"#ffffff",o=I.value?I.value:"#000000",i=N.value?N.value:"#ffe54c",m=!y.value||y.value<0?0:y.value,E=[!1,!0].includes(g.value)?g.value:!0,Y=x.value?x.value:"#ffffff",X=S.value?S.value:"#000000",_=!h.value||h.value<86?86:h.value,A=!v.value||v.value<0?1:v.value,D=!V.value||V.value<0?.4:V.value,K=C.value?C.value:"'Lato', sans-serif",O=H.value?H.value:"1.6em",F=!$.value||$.value<0?200:$.value;return{disabled:c,display:f,buttonColor:T,buttonHoverColor:o,borderColor:i,showBorder:E,borderRadius:m,textColor:Y,textHoverColor:X,width:_,paddingX:A,paddingY:D,font:K,fontSize:O,fontWeight:F}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const c=d.value,f=c.display==="block"?"auto":`${c.width}px`;return{...c.showBorder?{border:`1px solid ${c.borderColor}`}:{},borderRadius:`${c.borderRadius}rem`,background:c.buttonColor,minWidth:"33px",width:f,padding:`${c.paddingY}rem ${c.paddingX}rem`,lineHeight:"1.42857143",fontSize:c.fontSize,fontWeight:c.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>d.value.textColor),a=t.computed(()=>d.value.textHoverColor),l=t.computed(()=>d.value.buttonHoverColor),s=()=>{W("clicked")};return(c,f)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:s,onKeydown:[f[0]||(f[0]=t.withKeys(T=>!t.unref(r)&&e.hasTabIndexEnter&&s(),["enter"])),f[1]||(f[1]=t.withKeys(t.withModifiers(T=>!t.unref(r)&&e.hasTabIndexSpace&&s(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",Ne,[t.renderSlot(c.$slots,"content",{},()=>[f[2]||(f[2]=t.createTextVNode("Default Text"))],!0)]),t.createElementVNode("div",Ie,[t.renderSlot(c.$slots,"content",{},()=>[f[3]||(f[3]=t.createTextVNode("Default Text"))],!0)])],12,Be)],46,we)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-b10ffc3e"]]),ft="",ze=["tabIndex","aria-label","aria-disabled"],He=["id"],ke=L(Object.assign({name:"NbButtonBack",inheritAttrs:!1},{__name:"NbButtonBack",props:{nbId:{type:String,required:!0},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},color:{type:String,default:"#477e99"},textColor:{type:String,default:"#77d2ff"},text:{type:String,default:"back"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(d=>({aa62e326:r.value,adaa07ba:V.value,40060860:v.value})),t.onMounted(()=>{H()});const W=b,R=e,{color:k,textColor:z,disabled:N,fontFamily:I,fontSize:g,fontWeight:y}=t.toRefs(R),x=t.computed(()=>{const d=N.value?"component-disabled":"",w=k.value?k.value:"#77d2ff",u=z.value?z.value:"#6dc1ec",B=I.value?I.value:"'Lato', sans-serif",p=g.value?g.value:"1.6em",n=!y.value||y.value<0?400:y.value;return{color:w,textColor:u,font:B,fontSize:p,fontWeight:n,disabled:d}}),S=t.computed(()=>({})),h=t.computed(()=>{const d=x.value;return{fontSize:d.fontSize,fontWeight:d.fontWeight}}),v=t.computed(()=>x.value.color),V=t.computed(()=>x.value.textColor),r=t.computed(()=>x.value.font),C=t.computed(()=>x.value.disabled),H=()=>{},$=()=>{W("clicked")};return(d,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",C.value]),style:t.normalizeStyle([S.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(N),onClick:$,onKeydown:[w[0]||(w[0]=t.withKeys(u=>!t.unref(N)&&e.hasTabIndexEnter&&$(),["enter"])),w[1]||(w[1]=t.withKeys(t.withModifiers(u=>!t.unref(N)&&e.hasTabIndexSpace&&$(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([h.value])},[w[2]||(w[2]=t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16"},[t.createElementVNode("path",{d:"M14 8a.75.75 0 01-.75.75H4.56l1.22 1.22a.75.75 0 11-1.06 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 111.06 1.06L4.56 7.25h8.69A.75.75 0 0114 8z","clip-rule":"evenodd"})],-1)),t.createElementVNode("span",null,t.toDisplayString(e.text),1)],12,He)],46,ze)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-1df91d2a"]]),pt="",Te=["tabIndex","aria-label","aria-disabled"],We=["id"],Re=L(Object.assign({name:"NbButtonGradientBorderToBackground",inheritAttrs:!1},{__name:"NbButtonGradientBorderToBackground",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"blue"},buttonColor:{type:String,default:"linear-gradient(120deg,#fa7faa,#ff9691 25%,#ffb287 50%,transparent 55%,transparent)"},buttonHoverColor:{type:String,default:"linear-gradient(11deg, #c83852, #b44092 50%, #6a5fc1)"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(o=>({"9a6bd336":p.value,af7fbc14:c.value,"0b36ee1b":l.value,d9aa144e:a.value,"01d4b136":n.value,c5bce062:s.value,"779f80e6":f.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const o=r.value?"component-disabled":"",i=k.value!=="b"?"inline-block":"block",m=z.value?z.value:"#ffffff",E=I.value?I.value:"#000000",Y=N.value?N.value:"#ffe54c",X=!y.value||y.value<0?0:y.value,_=[!1,!0].includes(g.value)?g.value:!0,A=x.value?x.value:"#ffffff",D=S.value?S.value:"#000000",K=!h.value||h.value<86?86:h.value,O=!v.value||v.value<0?1:v.value,F=!V.value||V.value<0?.2:V.value,M=C.value?C.value:"'Lato', sans-serif",P=H.value?H.value:"1.6em",j=!$.value||$.value<0?200:$.value;return{disabled:o,display:i,buttonColor:m,buttonHoverColor:E,borderColor:Y,showBorder:_,borderRadius:X,textColor:A,textHoverColor:D,width:K,paddingX:O,paddingY:F,font:M,fontSize:P,fontWeight:j}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value;return{minWidth:"33px",width:o.display==="block"?"auto":`${o.width}px`,lineHeight:"1.42857143",fontSize:o.fontSize,fontWeight:o.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>{const o=d.value;return`${o.paddingY}rem ${o.paddingX}rem`}),a=t.computed(()=>`${d.value.borderRadius}rem`),l=t.computed(()=>d.value.textColor),s=t.computed(()=>d.value.textHoverColor),c=t.computed(()=>d.value.buttonColor),f=t.computed(()=>d.value.buttonHoverColor),T=()=>{W("clicked")};return(o,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:T,onKeydown:[i[0]||(i[0]=t.withKeys(m=>!t.unref(r)&&e.hasTabIndexEnter&&T(),["enter"])),i[1]||(i[1]=t.withKeys(t.withModifiers(m=>!t.unref(r)&&e.hasTabIndexSpace&&T(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[i[2]||(i[2]=t.createTextVNode("Default Text"))],!0)],12,We)],46,Te)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-551d4abb"]]),yt="",Ee=["tabIndex","aria-label","aria-disabled"],Ye=["id"],Xe=L(Object.assign({name:"NbButtonNormal",inheritAttrs:!1},{__name:"NbButtonNormal",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"blue"},buttonColor:{type:String,default:"tomato"},buttonHoverColor:{type:String,default:"green"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},hasAnimation:{type:Boolean,default:!1},animationDuration:{type:Number,default:.3},animationDurationType:{type:String,default:"s",validator:e=>["ms","s"].indexOf(e)!==-1}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(m=>({"4459caa6":l.value,"5c71f5c8":s.value,"0b267cb7":f.value,"53d6f26a":o.value,"9c869d24":c.value,"5c0e9276":T.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,showBorder:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$,hasAnimation:d,animationDuration:w,animationDurationType:u}=t.toRefs(R),B=t.computed(()=>{const m=r.value?"component-disabled":"",E=k.value!=="b"?"inline-block":"block",Y=z.value?z.value:"#ffffff",X=I.value?I.value:"#000000",_=N.value?N.value:"#ffe54c",A=!y.value||y.value<0?0:y.value,D=[!1,!0].includes(g.value)?g.value:!0,K=x.value?x.value:"#ffffff",O=S.value?S.value:"#000000",F=!h.value||h.value<86?86:h.value,M=!v.value||v.value<0?1:v.value,P=!V.value||V.value<0?.2:V.value,j=C.value?C.value:"'Lato', sans-serif",G=H.value?H.value:"1.6em",J=!$.value||$.value<0?200:$.value,Pe=d.value?"component-transition":"",je=!w.value||w.value<0?.3:w.value,qe=!u.value||u.value<0?"ms":u.value;return{disabled:m,display:E,buttonColor:Y,buttonHoverColor:X,borderColor:_,showBorder:D,borderRadius:A,textColor:K,textHoverColor:O,width:F,paddingX:M,paddingY:P,font:j,fontSize:G,fontWeight:J,hasAnimation:Pe,animationDuration:je,animationDurationType:qe}}),p=t.computed(()=>B.value.disabled),n=t.computed(()=>({display:B.value.display})),a=t.computed(()=>{const m=B.value,E=m.display==="block"?"auto":`${m.width}px`;return{...m.showBorder?{border:`1px solid ${m.borderColor}`}:{},borderRadius:`${m.borderRadius}rem`,minWidth:"33px",width:E,padding:`${m.paddingY}rem ${m.paddingX}rem`,lineHeight:"1.42857143",fontSize:m.fontSize,fontWeight:m.fontWeight}}),l=t.computed(()=>B.value.font),s=t.computed(()=>B.value.textColor),c=t.computed(()=>B.value.textHoverColor),f=t.computed(()=>B.value.buttonColor),T=t.computed(()=>B.value.buttonHoverColor),o=t.computed(()=>{const m=B.value;return m.hasAnimation?`all ${m.animationDuration}${m.animationDurationType} ease-in-out`:""}),i=()=>{W("clicked")};return(m,E)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([n.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:i,onKeydown:[E[0]||(E[0]=t.withKeys(Y=>!t.unref(r)&&e.hasTabIndexEnter&&i(),["enter"])),E[1]||(E[1]=t.withKeys(t.withModifiers(Y=>!t.unref(r)&&e.hasTabIndexSpace&&i(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset component",{"component-transition":t.unref(d)}]),style:t.normalizeStyle([a.value])},[t.renderSlot(m.$slots,"content",{},()=>[E[2]||(E[2]=t.createTextVNode("Default Text"))],!0)],14,Ye)],46,Ee)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-a7ab7bdc"]]),gt="",Le=["tabIndex","aria-label","aria-disabled"],_e=["id"],Ae=L(Object.assign({name:"NbButtonShadow",inheritAttrs:!1},{__name:"NbButtonShadow",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"#000000"},textHoverColor:{type:String,default:"tomato"},buttonColor:{type:String,default:"#faf77d"},buttonHoverColor:{type:String,default:"#faf77d"},buttonShadowColor:{type:String,default:"#01d7b0"},borderColor:{type:String,default:"#191a1b"},borderRadius:{type:Number,default:0},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(o=>({"932e9364":p.value,b5ada742:l.value,"30817ec4":n.value,de146bc2:c.value,"300cdfc6":s.value,"105400c6":a.value,a7aceb46:f.value}));const W=b,R=e,{display:k,buttonColor:z,borderColor:N,buttonHoverColor:I,buttonShadowColor:g,borderRadius:y,textColor:x,textHoverColor:S,width:h,paddingX:v,paddingY:V,disabled:r,fontFamily:C,fontSize:H,fontWeight:$}=t.toRefs(R),d=t.computed(()=>{const o=r.value?"component-disabled":"",i=k.value!=="b"?"inline-block":"block",m=z.value?z.value:"#ffffff",E=I.value?I.value:"#000000",Y=g.value?g.value:"#01d7b0",X=N.value?N.value:"#ffe54c",_=!y.value||y.value<0?0:y.value,A=x.value?x.value:"#ffffff",D=S.value?S.value:"#000000",K=!h.value||h.value<86?86:h.value,O=!v.value||v.value<0?1:v.value,F=!V.value||V.value<0?.2:V.value,M=C.value?C.value:"'Lato', sans-serif",P=H.value?H.value:"1.6em",j=!$.value||$.value<0?200:$.value;return{disabled:o,display:i,buttonColor:m,buttonHoverColor:E,buttonShadowColor:Y,borderColor:X,borderRadius:_,textColor:A,textHoverColor:D,width:K,paddingX:O,paddingY:F,font:M,fontSize:P,fontWeight:j}}),w=t.computed(()=>d.value.disabled),u=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value,i=o.display==="block"?"auto":`${o.width}px`;return{border:`2px solid ${o.borderColor}`,borderRadius:`${o.borderRadius}rem`,minWidth:"33px",width:i,padding:`${o.paddingY}rem ${o.paddingX}rem`,lineHeight:"1.42857143",fontSize:o.fontSize,fontWeight:o.fontWeight}}),p=t.computed(()=>d.value.font),n=t.computed(()=>d.value.textColor),a=t.computed(()=>d.value.textHoverColor),l=t.computed(()=>d.value.buttonColor),s=t.computed(()=>d.value.buttonHoverColor),c=t.computed(()=>{const o=d.value;return`3px 3px 0 -1px ${o.buttonShadowColor}, 3px 3px 0 ${o.buttonShadowColor}`}),f=t.computed(()=>{const o=d.value;return`0 0 0 -1px ${o.buttonShadowColor}, 0 0 0 ${o.buttonShadowColor};`}),T=()=>{W("clicked")};return(o,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([u.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(r),onClick:T,onKeydown:[i[0]||(i[0]=t.withKeys(m=>!t.unref(r)&&e.hasTabIndexEnter&&T(),["enter"])),i[1]||(i[1]=t.withKeys(t.withModifiers(m=>!t.unref(r)&&e.hasTabIndexSpace&&T(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[i[2]||(i[2]=t.createTextVNode("Default Text"))],!0)],12,_e)],46,Le)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-40806072"]]),Ct="",De=["tabIndex","aria-label","aria-disabled"],Ke=["id"],Oe=L(Object.assign({name:"NbButtonUnderlineExpand",inheritAttrs:!1},{__name:"NbButtonUnderlineExpand",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"rgb(0, 105, 255)"},textHoverColor:{type:String,default:"#ffffff"},borderColor:{type:String,default:"rgb(0, 105, 255)"},borderHoverColor:{type:String,default:"rgb(20, 51, 214)"},borderHeight:{type:Number,default:1.5,validator:e=>e||1.5},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},textAlign:{type:String,default:"middle",validator:e=>["left","center","right"].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(f=>({"7a81bde5":B.value,"7d23359b":p.value,"348d6e88":a.value,"4d2cba24":s.value,fd940f62:n.value,aa789c64:l.value}));const W=b,R=e,{display:k,borderColor:z,borderHoverColor:N,borderHeight:I,textColor:g,textHoverColor:y,width:x,paddingX:S,paddingY:h,disabled:v,fontFamily:V,fontSize:r,fontWeight:C,textAlign:H}=t.toRefs(R),$=t.computed(()=>{const f=v.value?"component-disabled":"",T=k.value!=="b"?"inline-block":"block",o=z.value?z.value:"#ffffff",i=N.value?N.value:"#000000",m=I.value?I.value:1.5,E=g.value?g.value:"#ffffff",Y=y.value?y.value:"#000000",X=!x.value||x.value<86?86:x.value,_=!S.value||S.value<0?1:S.value,A=!h.value||h.value<0?.2:h.value,D=V.value?V.value:"'Lato', sans-serif",K=r.value?r.value:"1.6em",O=!C.value||C.value<0?200:C.value,F=H.value?H.value:"center";return{disabled:f,display:T,borderColor:o,borderHoverColor:i,borderHeight:m,textColor:E,textHoverColor:Y,width:X,paddingX:_,paddingY:A,font:D,fontSize:K,fontWeight:O,textAlign:F}}),d=t.computed(()=>$.value.disabled),w=t.computed(()=>{const f=$.value;return{display:f.display,textAlign:f.textAlign}}),u=t.computed(()=>{const f=$.value;return{minWidth:"33px",width:f.display==="block"?"auto":`${f.width}px`,padding:`${f.paddingY}rem ${f.paddingX}rem`,lineHeight:"1.42857143",fontSize:f.fontSize,fontWeight:f.fontWeight}}),B=t.computed(()=>$.value.font),p=t.computed(()=>$.value.textColor),n=t.computed(()=>$.value.textHoverColor),a=t.computed(()=>$.value.borderColor),l=t.computed(()=>$.value.borderHoverColor),s=t.computed(()=>`${$.value.borderHeight}px`),c=()=>{W("clicked")};return(f,T)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",d.value]),style:t.normalizeStyle([w.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(v),onClick:c,onKeydown:[T[0]||(T[0]=t.withKeys(o=>!t.unref(v)&&e.hasTabIndexEnter&&c(),["enter"])),T[1]||(T[1]=t.withKeys(t.withModifiers(o=>!t.unref(v)&&e.hasTabIndexSpace&&c(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([u.value])},[t.renderSlot(f.$slots,"content",{},()=>[T[2]||(T[2]=t.createTextVNode("Default Text"))],!0)],12,Ke)],46,De)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-2c21f930"]]),St="",Fe=["tabIndex","aria-label","aria-disabled"],Me=["id"],U={NbButtonVavaGame:te,NbButtonShowHover:le,NbButtonPrevNext:ue,NbButtonMechanical:ce,NbButtonMechanical2:pe,NbButtonHamburger:ve,NbButtonColorOutside:Ce,NbButtonColorHover:he,NbButtonAlternateText:$e,NbButtonBack:ke,NbButtonNormal:Xe,NbButtonShadow:Ae,NbButtonUnderlineExpand:Oe,NbButtonUnderlineFill:L(Object.assign({name:"NbButtonUnderlineFill",inheritAttrs:!1},{__name:"NbButtonUnderlineFill",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const b=e?e.toLowerCase():"";return["b","ib"].includes(b)}},tabIndex:{type:Number,default:0},hasTabIndexEnter:{type:Boolean,default:!0},hasTabIndexSpace:{type:Boolean,default:!0},ariaLabel:{type:String,default:"Alternate Text Button"},textColor:{type:String,default:"rgb(0, 105, 255)"},textHoverColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"rgb(0, 105, 255)"},buttonHoverColor:{type:String,default:"rgb(20, 51, 214)"},borderColor:{type:String,default:"#ffe54c"},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200},textAlign:{type:String,default:"middle",validator:e=>["left","center","right"].includes(e)}},emits:["clicked"],setup(e,{emit:b}){t.useCssVars(s=>({ac5239a0:u.value,"0f3dd37e":n.value,"19e30db4":B.value,"19f2837b":a.value,"480e33a4":p.value}));const W=b,R=e,{display:k,buttonColor:z,buttonHoverColor:N,textColor:I,textHoverColor:g,width:y,paddingX:x,paddingY:S,disabled:h,fontFamily:v,fontSize:V,fontWeight:r,textAlign:C}=t.toRefs(R),H=t.computed(()=>{const s=h.value?"component-disabled":"",c=k.value!=="b"?"inline-block":"block",f=z.value?z.value:"#ffffff",T=N.value?N.value:"#000000",o=I.value?I.value:"#ffffff",i=g.value?g.value:"#000000",m=!y.value||y.value<86?86:y.value,E=!x.value||x.value<0?1:x.value,Y=!S.value||S.value<0?.2:S.value,X=v.value?v.value:"'Lato', sans-serif",_=V.value?V.value:"1.6em",A=!r.value||r.value<0?200:r.value,D=C.value?C.value:"center";return{disabled:s,display:c,buttonColor:f,buttonHoverColor:T,textColor:o,textHoverColor:i,width:m,paddingX:E,paddingY:Y,font:X,fontSize:_,fontWeight:A,textAlign:D}}),$=t.computed(()=>H.value.disabled),d=t.computed(()=>{const s=H.value;return{display:s.display,textAlign:s.textAlign}}),w=t.computed(()=>{const s=H.value;return{minWidth:"33px",width:s.display==="block"?"auto":`${s.width}px`,padding:`${s.paddingY}rem ${s.paddingX}rem`,lineHeight:"1.42857143",fontSize:s.fontSize,fontWeight:s.fontWeight}}),u=t.computed(()=>H.value.font),B=t.computed(()=>H.value.textColor),p=t.computed(()=>H.value.textHoverColor),n=t.computed(()=>{const s=H.value;return`linear-gradient(${s.buttonColor}, ${s.buttonColor}) center bottom / 1px 1px repeat-x`}),a=t.computed(()=>{const s=H.value;return`linear-gradient(${s.buttonHoverColor}, ${s.buttonHoverColor}) center bottom / 100% 100% repeat-x`}),l=()=>{W("clicked")};return(s,c)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",$.value]),style:t.normalizeStyle([d.value]),tabIndex:e.tabIndex,role:"button","aria-label":e.ariaLabel,"aria-disabled":t.unref(h),onClick:l,onKeydown:[c[0]||(c[0]=t.withKeys(f=>!t.unref(h)&&e.hasTabIndexEnter&&l(),["enter"])),c[1]||(c[1]=t.withKeys(t.withModifiers(f=>!t.unref(h)&&e.hasTabIndexSpace&&l(),["prevent"]),["space"]))]},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component",style:t.normalizeStyle([w.value])},[t.renderSlot(s.$slots,"content",{},()=>[c[2]||(c[2]=t.createTextVNode("Default Text"))],!0)],12,Me)],46,Fe)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-50ace146"]]),NbButtonGradientBorderToBackground:Re};return{install(e){for(const b in U)if(Object.prototype.hasOwnProperty.call(U,b)){const W=U[b];e.component(W.name,W)}}}});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-c8141ce9]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-c8141ce9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-c8141ce9] *{margin:0;padding:0}.nb-reset[data-v-c8141ce9] *,.nb-reset[data-v-c8141ce9] *:before,.nb-reset[data-v-c8141ce9] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-c8141ce9]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--3b94cba3);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .7s ease-out .2s;text-align:center;position:relative;text-rendering:optimizeLegibility;z-index:1;color:var(--6146add9)}.component[data-v-c8141ce9]:hover{color:var(--2753eae3)}.component[data-v-c8141ce9]:before,.component[data-v-c8141ce9]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--4edfa97a);left:0;opacity:var(--dd0b6f3c)}.component[data-v-c8141ce9]:before{top:0;border-bottom:0}.component[data-v-c8141ce9]:after{bottom:0;border-top:0}.component .component-content[data-v-c8141ce9]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-c8141ce9]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-c8141ce9]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-c8141ce9]{left:-17%;right:none;transform:translate(-100%) skew(0);transition:transform .3s ease-out;height:100%;position:absolute;top:0;z-index:12}.component-disabled[data-v-c8141ce9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-c8141ce9]{opacity:.6}.nb-wrapper[data-v-f844cd94]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-flex}.nb-reset[data-v-f844cd94]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-f844cd94] *{margin:0;padding:0}.nb-reset[data-v-f844cd94] *,.nb-reset[data-v-f844cd94] *:before,.nb-reset[data-v-f844cd94] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f844cd94]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--630b5d13);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:transparent;transition:.2s ease-in-out;position:relative;border:.063rem solid transparent;overflow:hidden;outline:.188rem solid transparent}.component[data-v-f844cd94]:focus,.component[data-v-f844cd94]:hover{padding:var(--6584a110)!important;background-color:var(--3cc5d20d);color:var(--e8db6f2c)!important}.component-disabled[data-v-f844cd94]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f844cd94]{--disabled-button-color: var(--3cc5d20d);--disabled-color: var(--7e70901c);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-235db30a]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-reset[data-v-235db30a]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-235db30a] *{margin:0;padding:0}.nb-reset[data-v-235db30a] *,.nb-reset[data-v-235db30a] *:before,.nb-reset[data-v-235db30a] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-235db30a]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--16c88917);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-235db30a]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-235db30a]:hover{cursor:pointer}.component .buttonPreview[data-v-235db30a]{background-color:var(--6e1325e7);color:var(--118d2324)}.component .buttonPreview[data-v-235db30a]:hover{background-color:var(--72f42419);color:var(--195b3f6e)}.component .buttonNext[data-v-235db30a]{color:var(--118d2324);background-color:var(--72f42419)}.component .buttonNext[data-v-235db30a]:hover{background-color:var(--6e1325e7);color:var(--195b3f6e)}.component-disabled[data-v-235db30a]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-235db30a]:hover{cursor:not-allowed}.nb-wrapper[data-v-cd185961]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-cd185961]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-cd185961] *{margin:0;padding:0}.nb-reset[data-v-cd185961] *,.nb-reset[data-v-cd185961] *:before,.nb-reset[data-v-cd185961] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-cd185961]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--75e08b28);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;box-shadow:3px 3px 0 -1px var(--38d76e94),3px 3px 0 var(--38d76e94)}.component.component-transition[data-v-cd185961]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-cd185961]{transition:all .05s ease-in!important}.component[data-v-cd185961]:hover{box-shadow:0 0 0 -1px var(--38d76e94),0 0 0 var(--38d76e94);transform:translate(3px,3px)}.component[data-v-cd185961]:active,.component[data-v-cd185961]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-cd185961]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-cd185961]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-cd185961]{--disabled-button-color: var(--1e761906);--disabled-color: var(--60007562);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-d1239e03]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-d1239e03]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-d1239e03] *{margin:0;padding:0}.nb-reset[data-v-d1239e03] *,.nb-reset[data-v-d1239e03] *:before,.nb-reset[data-v-d1239e03] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-d1239e03]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--41c9f13c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative!important;transition:all .05s ease-in!important;white-space:nowrap!important}.component[data-v-d1239e03]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-d1239e03]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-d1239e03]{opacity:.6}.nb-wrapper[data-v-ee16aa34]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-wrapper[data-v-ee16aa34]:hover{background-color:var(--05489a45)!important}.nb-wrapper:hover .component .component__line-one[data-v-ee16aa34],.nb-wrapper:hover .component .component__line-two[data-v-ee16aa34],.nb-wrapper:hover .component .component__line-three[data-v-ee16aa34]{background-color:var(--b1646024)!important}.nb-reset[data-v-ee16aa34]{line-height:1.42857143}.nb-reset[data-v-ee16aa34] *{margin:0;padding:0}.nb-reset[data-v-ee16aa34] *,.nb-reset[data-v-ee16aa34] *:before,.nb-reset[data-v-ee16aa34] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-ee16aa34]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .component__line-one[data-v-ee16aa34],.component .component__line-two[data-v-ee16aa34],.component .component__line-three[data-v-ee16aa34]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-ee16aa34]:not(:last-child),.component .component__line-two[data-v-ee16aa34]:not(:last-child),.component .component__line-three[data-v-ee16aa34]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-ee16aa34]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-ee16aa34]{opacity:0}.component.change .component__line-three[data-v-ee16aa34]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-ee16aa34]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-ee16aa34]{opacity:.5}.nb-wrapper[data-v-4ae432a3]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-4ae432a3]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-4ae432a3] *{margin:0;padding:0}.nb-reset[data-v-4ae432a3] *,.nb-reset[data-v-4ae432a3] *:before,.nb-reset[data-v-4ae432a3] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4ae432a3]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--1be7c59c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative}.component .component-content[data-v-4ae432a3]{position:relative;z-index:4;overflow:hidden}.component .component-shadow[data-v-4ae432a3]{--disabled-button-color: var(--25955d43);background-color:var(--disabled-button-color)!important;width:100%;height:100%;position:absolute;top:7px;left:7px;transition:.2s;border-radius:var(--bccb6a10);z-index:3}.component:hover .component-shadow[data-v-4ae432a3]{top:0;left:0}.component-disabled[data-v-4ae432a3]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-4ae432a3]{--disabled-color: var(--374c98a8);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component .component-shadow[data-v-4ae432a3]{top:0;left:0}.nb-wrapper[data-v-d083f1f8]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-d083f1f8]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-d083f1f8] *{margin:0;padding:0}.nb-reset[data-v-d083f1f8] *,.nb-reset[data-v-d083f1f8] *:before,.nb-reset[data-v-d083f1f8] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-d083f1f8]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--37a8072e);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--420521fa);text-transform:none;padding:0 14px;text-align:center;transition:all .3s ease-in-out;box-shadow:none;text-decoration:none;outline:none}.component[data-v-d083f1f8]:hover{color:var(--2e48555d);background:var(--37cde362)}.component-disabled[data-v-d083f1f8]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-d083f1f8]{--disabled-button-color: var(--420521fa);--disabled-color: var(--f8f7c1c2);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-b10ffc3e]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-b10ffc3e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-b10ffc3e] *{margin:0;padding:0}.nb-reset[data-v-b10ffc3e] *,.nb-reset[data-v-b10ffc3e] *:before,.nb-reset[data-v-b10ffc3e] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-b10ffc3e]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:var(--516e8559);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative;overflow:hidden}.component .first-child[data-v-b10ffc3e]{--disabled-color: var(--48b787e2);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-b10ffc3e]{color:var(--text-color)!important;--text-color: var(--0e5ada5b);display:block;position:absolute;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:1;bottom:0;left:50%;transform:translateY(225%) translate(-50%)}.component[data-v-b10ffc3e]:after{--button-color: var(--1291c2ea);content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:var(--button-color)!important;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(7.2deg) scaleY(0);z-index:10}.component[data-v-b10ffc3e]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-b10ffc3e]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-b10ffc3e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-b10ffc3e]{--disabled-color: var(--48b787e2);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-1df91d2a]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block}.nb-reset[data-v-1df91d2a]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-1df91d2a] *{margin:0;padding:0}.nb-reset[data-v-1df91d2a] *,.nb-reset[data-v-1df91d2a] *:before,.nb-reset[data-v-1df91d2a] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-1df91d2a]{margin:0;box-sizing:border-box;line-height:16px;font-family:var(--aa62e326);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative;border:none;color:var(--adaa07ba);background:transparent;letter-spacing:0;text-transform:uppercase;cursor:pointer;font-size:14px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;transition:all .15s linear}.component:hover svg[data-v-1df91d2a]{opacity:1;animation:start-animation-1df91d2a .2s linear alternate;animation-fill-mode:forwards}.component svg[data-v-1df91d2a]{animation:end-animation-1df91d2a .2s linear alternate;animation-fill-mode:forwards;transform:scale(2.2) translate(0);fill:var(--40060860);height:11px}@keyframes start-animation-1df91d2a{0%{opacity:0;transform:scale(2.2) translate(0)}to{transform:scale(2.2) translate(-5px);opacity:1}}@keyframes end-animation-1df91d2a{0%{transform:scale(2.2) translate(-5px);opacity:1}to{opacity:0;transform:scale(2.2) translate(0)}}.component-disabled[data-v-1df91d2a]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-1df91d2a]{--disabled-color: var(--adaa07ba);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-551d4abb]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-551d4abb]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-551d4abb] *{margin:0;padding:0}.nb-reset[data-v-551d4abb] *,.nb-reset[data-v-551d4abb] *:before,.nb-reset[data-v-551d4abb] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-551d4abb]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--9a6bd336);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;overflow:hidden;background:var(--af7fbc14);background-clip:padding-box;background-position:98% 0;background-size:250% 100%;color:var(--0b36ee1b);position:relative;transition:background-position .2s,outline-width .2s;border-radius:var(--d9aa144e);padding:var(--01d4b136)}.component[data-v-551d4abb]:hover{background-position:2% 0;color:var(--c5bce062)}.component[data-v-551d4abb]:hover:before{opacity:0}.component[data-v-551d4abb]:before{content:"";background:var(--779f80e6);top:0;right:0;bottom:0;left:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:.125rem;position:absolute;transition:opacity .2s;z-index:-1;display:block;border-radius:var(--d9aa144e)}.component-disabled[data-v-551d4abb]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-551d4abb]{--disabled-color: var(--0b36ee1b);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-a7ab7bdc]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block}.nb-reset[data-v-a7ab7bdc]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-a7ab7bdc] *{margin:0;padding:0}.nb-reset[data-v-a7ab7bdc] *,.nb-reset[data-v-a7ab7bdc] *:before,.nb-reset[data-v-a7ab7bdc] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-a7ab7bdc]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4459caa6);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;text-transform:none;text-align:center;box-shadow:none;text-decoration:none;outline:none;color:var(--5c71f5c8);background:var(--0b267cb7)}.component.component-transition[data-v-a7ab7bdc]{transition:var(--53d6f26a)}.component[data-v-a7ab7bdc]:hover{color:var(--9c869d24);background:var(--5c0e9276)}.component-disabled[data-v-a7ab7bdc]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-a7ab7bdc]{--disabled-color: var(--5c71f5c8);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-40806072]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-40806072]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-40806072] *{margin:0;padding:0}.nb-reset[data-v-40806072] *,.nb-reset[data-v-40806072] *:before,.nb-reset[data-v-40806072] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-40806072]{margin:0 0 8px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--932e9364);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--b5ada742);color:var(--30817ec4);box-shadow:var(--de146bc2);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all .05s ease-in!important}.component[data-v-40806072]:hover{background-color:var(--300cdfc6);color:var(--105400c6);box-shadow:var(--a7aceb46);transform:translate(3px,3px)}.component-disabled[data-v-40806072]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-40806072]{--disabled-color: var(--30817ec4);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-2c21f930]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-2c21f930]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-2c21f930] *{margin:0;padding:0}.nb-reset[data-v-2c21f930] *,.nb-reset[data-v-2c21f930] *:before,.nb-reset[data-v-2c21f930] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-2c21f930]{margin:0 0 -4px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--7a81bde5);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative;color:var(--7d23359b)}.component[data-v-2c21f930]:after{content:"";background:currentcolor;color:var(--348d6e88);height:var(--4d2cba24);left:0;bottom:2px;position:absolute;transform:scaleX(0);transform-origin:0px 0px;transition:transform .3s ease-in-out 0s;width:100%}.component[data-v-2c21f930]:focus,.component[data-v-2c21f930]:hover{color:var(--fd940f62)}.component[data-v-2c21f930]:focus:after,.component[data-v-2c21f930]:hover:after{transform:scaleX(1);color:var(--aa789c64)}.component-disabled[data-v-2c21f930]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-2c21f930]{--disabled-color: var(--7d23359b);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-d0692556]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-d0692556]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-d0692556] *{margin:0;padding:0}.nb-reset[data-v-d0692556] *,.nb-reset[data-v-d0692556] *:before,.nb-reset[data-v-d0692556] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-d0692556]{margin:0 0 3px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--49544310);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background:var(--69196589);color:var(--0abc0b24);transition:background .3s ease-in-out 0s,color .3s ease-in-out 0s}.component[data-v-d0692556]:focus,.component[data-v-d0692556]:hover{background:var(--b41efd9a);color:var(--bf3f8148)}.component-disabled[data-v-d0692556]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-d0692556]{--disabled-color: var(--0abc0b24);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-c8141ce9]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-c8141ce9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-c8141ce9] *{margin:0;padding:0}.nb-reset[data-v-c8141ce9] *,.nb-reset[data-v-c8141ce9] *:before,.nb-reset[data-v-c8141ce9] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-c8141ce9]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--3b94cba3);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .7s ease-out .2s;text-align:center;position:relative;text-rendering:optimizeLegibility;z-index:1;color:var(--6146add9)}.component[data-v-c8141ce9]:hover{color:var(--2753eae3)}.component[data-v-c8141ce9]:before,.component[data-v-c8141ce9]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--4edfa97a);left:0;opacity:var(--dd0b6f3c)}.component[data-v-c8141ce9]:before{top:0;border-bottom:0}.component[data-v-c8141ce9]:after{bottom:0;border-top:0}.component .component-content[data-v-c8141ce9]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-c8141ce9]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-c8141ce9]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-c8141ce9]{left:-17%;right:none;transform:translate(-100%) skew(0);transition:transform .3s ease-out;height:100%;position:absolute;top:0;z-index:12}.component-disabled[data-v-c8141ce9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-c8141ce9]{opacity:.6}.nb-wrapper[data-v-f844cd94]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-flex}.nb-reset[data-v-f844cd94]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-f844cd94] *{margin:0;padding:0}.nb-reset[data-v-f844cd94] *,.nb-reset[data-v-f844cd94] *:before,.nb-reset[data-v-f844cd94] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f844cd94]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--630b5d13);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:transparent;transition:.2s ease-in-out;position:relative;border:.063rem solid transparent;overflow:hidden;outline:.188rem solid transparent}.component[data-v-f844cd94]:focus,.component[data-v-f844cd94]:hover{padding:var(--6584a110)!important;background-color:var(--3cc5d20d);color:var(--e8db6f2c)!important}.component-disabled[data-v-f844cd94]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f844cd94]{--disabled-button-color: var(--3cc5d20d);--disabled-color: var(--7e70901c);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-235db30a]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-reset[data-v-235db30a]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-235db30a] *{margin:0;padding:0}.nb-reset[data-v-235db30a] *,.nb-reset[data-v-235db30a] *:before,.nb-reset[data-v-235db30a] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-235db30a]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--16c88917);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-235db30a]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-235db30a]:hover{cursor:pointer}.component .buttonPreview[data-v-235db30a]{background-color:var(--6e1325e7);color:var(--118d2324)}.component .buttonPreview[data-v-235db30a]:hover{background-color:var(--72f42419);color:var(--195b3f6e)}.component .buttonNext[data-v-235db30a]{color:var(--118d2324);background-color:var(--72f42419)}.component .buttonNext[data-v-235db30a]:hover{background-color:var(--6e1325e7);color:var(--195b3f6e)}.component-disabled[data-v-235db30a]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-235db30a]:hover{cursor:not-allowed}.nb-wrapper[data-v-cd185961]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-cd185961]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-cd185961] *{margin:0;padding:0}.nb-reset[data-v-cd185961] *,.nb-reset[data-v-cd185961] *:before,.nb-reset[data-v-cd185961] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-cd185961]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--75e08b28);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;box-shadow:3px 3px 0 -1px var(--38d76e94),3px 3px 0 var(--38d76e94)}.component.component-transition[data-v-cd185961]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-cd185961]{transition:all .05s ease-in!important}.component[data-v-cd185961]:hover{box-shadow:0 0 0 -1px var(--38d76e94),0 0 0 var(--38d76e94);transform:translate(3px,3px)}.component[data-v-cd185961]:active,.component[data-v-cd185961]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-cd185961]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-cd185961]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-cd185961]{--disabled-button-color: var(--1e761906);--disabled-color: var(--60007562);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-d1239e03]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-d1239e03]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-d1239e03] *{margin:0;padding:0}.nb-reset[data-v-d1239e03] *,.nb-reset[data-v-d1239e03] *:before,.nb-reset[data-v-d1239e03] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-d1239e03]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--41c9f13c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative!important;transition:all .05s ease-in!important;white-space:nowrap!important}.component[data-v-d1239e03]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-d1239e03]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-d1239e03]{opacity:.6}.nb-wrapper[data-v-ee16aa34]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-wrapper[data-v-ee16aa34]:hover{background-color:var(--05489a45)!important}.nb-wrapper:hover .component .component__line-one[data-v-ee16aa34],.nb-wrapper:hover .component .component__line-two[data-v-ee16aa34],.nb-wrapper:hover .component .component__line-three[data-v-ee16aa34]{background-color:var(--b1646024)!important}.nb-reset[data-v-ee16aa34]{line-height:1.42857143}.nb-reset[data-v-ee16aa34] *{margin:0;padding:0}.nb-reset[data-v-ee16aa34] *,.nb-reset[data-v-ee16aa34] *:before,.nb-reset[data-v-ee16aa34] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-ee16aa34]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .component__line-one[data-v-ee16aa34],.component .component__line-two[data-v-ee16aa34],.component .component__line-three[data-v-ee16aa34]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-ee16aa34]:not(:last-child),.component .component__line-two[data-v-ee16aa34]:not(:last-child),.component .component__line-three[data-v-ee16aa34]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-ee16aa34]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-ee16aa34]{opacity:0}.component.change .component__line-three[data-v-ee16aa34]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-ee16aa34]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-ee16aa34]{opacity:.5}.nb-wrapper[data-v-4ae432a3]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-4ae432a3]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-4ae432a3] *{margin:0;padding:0}.nb-reset[data-v-4ae432a3] *,.nb-reset[data-v-4ae432a3] *:before,.nb-reset[data-v-4ae432a3] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4ae432a3]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--1be7c59c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative}.component .component-content[data-v-4ae432a3]{position:relative;z-index:4;overflow:hidden}.component .component-shadow[data-v-4ae432a3]{--disabled-button-color: var(--25955d43);background-color:var(--disabled-button-color)!important;width:100%;height:100%;position:absolute;top:7px;left:7px;transition:.2s;border-radius:var(--bccb6a10);z-index:3}.component:hover .component-shadow[data-v-4ae432a3]{top:0;left:0}.component-disabled[data-v-4ae432a3]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-4ae432a3]{--disabled-color: var(--374c98a8);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component .component-shadow[data-v-4ae432a3]{top:0;left:0}.nb-wrapper[data-v-d083f1f8]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-d083f1f8]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-d083f1f8] *{margin:0;padding:0}.nb-reset[data-v-d083f1f8] *,.nb-reset[data-v-d083f1f8] *:before,.nb-reset[data-v-d083f1f8] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-d083f1f8]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--37a8072e);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--420521fa);text-transform:none;padding:0 14px;text-align:center;transition:all .3s ease-in-out;box-shadow:none;text-decoration:none;outline:none}.component[data-v-d083f1f8]:hover{color:var(--2e48555d);background:var(--37cde362)}.component-disabled[data-v-d083f1f8]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-d083f1f8]{--disabled-button-color: var(--420521fa);--disabled-color: var(--f8f7c1c2);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-b10ffc3e]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-b10ffc3e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-b10ffc3e] *{margin:0;padding:0}.nb-reset[data-v-b10ffc3e] *,.nb-reset[data-v-b10ffc3e] *:before,.nb-reset[data-v-b10ffc3e] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-b10ffc3e]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:var(--516e8559);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative;overflow:hidden}.component .first-child[data-v-b10ffc3e]{--disabled-color: var(--48b787e2);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-b10ffc3e]{color:var(--text-color)!important;--text-color: var(--0e5ada5b);display:block;position:absolute;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:1;bottom:0;left:50%;transform:translateY(225%) translate(-50%)}.component[data-v-b10ffc3e]:after{--button-color: var(--1291c2ea);content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:var(--button-color)!important;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(7.2deg) scaleY(0);z-index:10}.component[data-v-b10ffc3e]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-b10ffc3e]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-b10ffc3e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-b10ffc3e]{--disabled-color: var(--48b787e2);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-1df91d2a]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block}.nb-reset[data-v-1df91d2a]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-1df91d2a] *{margin:0;padding:0}.nb-reset[data-v-1df91d2a] *,.nb-reset[data-v-1df91d2a] *:before,.nb-reset[data-v-1df91d2a] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-1df91d2a]{margin:0;box-sizing:border-box;line-height:16px;font-family:var(--aa62e326);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative;border:none;color:var(--adaa07ba);background:transparent;letter-spacing:0;text-transform:uppercase;cursor:pointer;font-size:14px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;transition:all .15s linear}.component:hover svg[data-v-1df91d2a]{opacity:1;animation:start-animation-1df91d2a .2s linear alternate;animation-fill-mode:forwards}.component svg[data-v-1df91d2a]{animation:end-animation-1df91d2a .2s linear alternate;animation-fill-mode:forwards;transform:scale(2.2) translate(0);fill:var(--40060860);height:11px}@keyframes start-animation-1df91d2a{0%{opacity:0;transform:scale(2.2) translate(0)}to{transform:scale(2.2) translate(-5px);opacity:1}}@keyframes end-animation-1df91d2a{0%{transform:scale(2.2) translate(-5px);opacity:1}to{opacity:0;transform:scale(2.2) translate(0)}}.component-disabled[data-v-1df91d2a]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-1df91d2a]{--disabled-color: var(--adaa07ba);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-551d4abb]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-551d4abb]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-551d4abb] *{margin:0;padding:0}.nb-reset[data-v-551d4abb] *,.nb-reset[data-v-551d4abb] *:before,.nb-reset[data-v-551d4abb] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-551d4abb]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--9a6bd336);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;overflow:hidden;background:var(--af7fbc14);background-clip:padding-box;background-position:98% 0;background-size:250% 100%;color:var(--0b36ee1b);position:relative;transition:background-position .2s,outline-width .2s;border-radius:var(--d9aa144e);padding:var(--01d4b136)}.component[data-v-551d4abb]:hover{background-position:2% 0;color:var(--c5bce062)}.component[data-v-551d4abb]:hover:before{opacity:0}.component[data-v-551d4abb]:before{content:"";background:var(--779f80e6);top:0;right:0;bottom:0;left:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:.125rem;position:absolute;transition:opacity .2s;z-index:-1;display:block;border-radius:var(--d9aa144e)}.component-disabled[data-v-551d4abb]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-551d4abb]{--disabled-color: var(--0b36ee1b);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-a7ab7bdc]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block}.nb-reset[data-v-a7ab7bdc]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-a7ab7bdc] *{margin:0;padding:0}.nb-reset[data-v-a7ab7bdc] *,.nb-reset[data-v-a7ab7bdc] *:before,.nb-reset[data-v-a7ab7bdc] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-a7ab7bdc]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4459caa6);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;text-transform:none;text-align:center;box-shadow:none;text-decoration:none;outline:none;color:var(--5c71f5c8);background:var(--0b267cb7)}.component.component-transition[data-v-a7ab7bdc]{transition:var(--53d6f26a)}.component[data-v-a7ab7bdc]:hover{color:var(--9c869d24);background:var(--5c0e9276)}.component-disabled[data-v-a7ab7bdc]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-a7ab7bdc]{--disabled-color: var(--5c71f5c8);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-40806072]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-40806072]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-40806072] *{margin:0;padding:0}.nb-reset[data-v-40806072] *,.nb-reset[data-v-40806072] *:before,.nb-reset[data-v-40806072] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-40806072]{margin:0 0 8px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--932e9364);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--b5ada742);color:var(--30817ec4);box-shadow:var(--de146bc2);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all .05s ease-in!important}.component[data-v-40806072]:hover{background-color:var(--300cdfc6);color:var(--105400c6);box-shadow:var(--a7aceb46);transform:translate(3px,3px)}.component-disabled[data-v-40806072]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-40806072]{--disabled-color: var(--30817ec4);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-2c21f930]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-2c21f930]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-2c21f930] *{margin:0;padding:0}.nb-reset[data-v-2c21f930] *,.nb-reset[data-v-2c21f930] *:before,.nb-reset[data-v-2c21f930] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-2c21f930]{margin:0 0 -4px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--7a81bde5);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative;color:var(--7d23359b)}.component[data-v-2c21f930]:after{content:"";background:currentcolor;color:var(--348d6e88);height:var(--4d2cba24);left:0;bottom:2px;position:absolute;transform:scaleX(0);transform-origin:0px 0px;transition:transform .3s ease-in-out 0s;width:100%}.component[data-v-2c21f930]:focus,.component[data-v-2c21f930]:hover{color:var(--fd940f62)}.component[data-v-2c21f930]:focus:after,.component[data-v-2c21f930]:hover:after{transform:scaleX(1);color:var(--aa789c64)}.component-disabled[data-v-2c21f930]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-2c21f930]{--disabled-color: var(--7d23359b);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-50ace146]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:bottom}.nb-reset[data-v-50ace146]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-50ace146] *{margin:0;padding:0}.nb-reset[data-v-50ace146] *,.nb-reset[data-v-50ace146] *:before,.nb-reset[data-v-50ace146] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-50ace146]{margin:0 0 3px;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ac5239a0);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background:var(--0f3dd37e);color:var(--19e30db4);transition:background .3s ease-in-out 0s,color .3s ease-in-out 0s}.component[data-v-50ace146]:focus,.component[data-v-50ace146]:hover{background:var(--19f2837b);color:var(--480e33a4)}.component-disabled[data-v-50ace146]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-50ace146]{--disabled-color: var(--19e30db4);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
|