@vlalg-nimbus/nb-buttons 2.0.5 → 2.0.7

package/dist/nb-buttons.js

@@ -1,10 +1,10 @@
-import { useCssVars as F, toRefs as M, computed as t, openBlock as D, createElementBlock as O, normalizeClass as X, normalizeStyle as N, createElementVNode as R, renderSlot as T, createTextVNode as A, createCommentVNode as L, unref as te, withModifiers as re, onMounted as de, ref as se, watch as ie } from "vue";
-const j = (e, s) => {
+import { useCssVars as M, toRefs as j, computed as t, openBlock as D, createElementBlock as O, normalizeClass as R, normalizeStyle as N, createElementVNode as k, renderSlot as T, createTextVNode as A, createCommentVNode as L, unref as te, withModifiers as re, onMounted as de, ref as se, watch as ie, pushScopeId as ce, popScopeId as fe } from "vue";
+const q = (e, s) => {
   const w = e.__vccOpts || e;
   for (const [V, b] of s)
     w[V] = b;
   return w;
-}, ce = ["id"], fe = { class: "component-content__text" }, ve = /* @__PURE__ */ Object.assign({
+}, ve = ["id"], be = { class: "component-content__text" }, pe = /* @__PURE__ */ Object.assign({
   name: "NbButtonVavaGame",
   inheritAttrs: !1
 }, {
@@ -94,12 +94,12 @@ const j = (e, s) => {
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((c) => ({
+    M((c) => ({
       "859731ae": n.value,
-      "101619df": Y.value,
+      "101619df": X.value,
       "90f5dac6": z.value,
-      f0f7a800: k.value,
-      33084168: u.value
+      f0f7a800: Y.value,
+      33084168: r.value
     }));
     const {
       display: V,
@@ -107,24 +107,24 @@ const j = (e, s) => {
       textColorHover: m,
       buttonColor: p,
       buttonColorHover: y,
-      uppercase: S,
+      uppercase: _,
       paddingXContent: g,
-      paddingYContent: h,
+      paddingYContent: x,
       paddingXBorder: C,
       paddingYBorder: f,
       borderColor: i,
-      borderOpacity: r,
+      borderOpacity: u,
       disabled: v,
       fontFamily: $,
       fontSize: B,
-      fontWeight: x
-    } = M(w), _ = t(() => {
-      const c = v.value ? "component-disabled" : "", I = V.value !== "b" ? "inline-block" : "block", P = b.value ? b.value : "#ece8e1", q = p.value ? p.value : "green", G = m.value ? m.value : "#ece8e1", E = y.value ? y.value : "cyan", J = i.value ? i.value : "#ffffff", K = !r.value || !(r.value >= 0 && r.value <= 1) ? "0.5" : r.value, Q = !C.value || C.value < 0 ? 0.3 : C.value, U = !f.value || f.value < 0 ? 0.3 : f.value, Z = !g.value || g.value < 0 ? 0.5 : g.value, ae = !h.value || h.value < 0 ? 0.5 : h.value, oe = S.value ? "uppercase" : "none", le = $.value ? $.value : "'Lato', sans-serif", ne = B.value ? B.value : "1.6em", ue = !x.value || x.value < 0 ? 100 : x.value;
+      fontWeight: h
+    } = j(w), S = t(() => {
+      const c = v.value ? "component-disabled" : "", I = V.value !== "b" ? "inline-block" : "block", P = b.value ? b.value : "#ece8e1", F = p.value ? p.value : "green", G = m.value ? m.value : "#ece8e1", E = y.value ? y.value : "cyan", J = i.value ? i.value : "#ffffff", K = !u.value || !(u.value >= 0 && u.value <= 1) ? "0.5" : u.value, Q = !C.value || C.value < 0 ? 0.3 : C.value, U = !f.value || f.value < 0 ? 0.3 : f.value, Z = !g.value || g.value < 0 ? 0.5 : g.value, ae = !x.value || x.value < 0 ? 0.5 : x.value, oe = _.value ? "uppercase" : "none", le = $.value ? $.value : "'Lato', sans-serif", ne = B.value ? B.value : "1.6em", ue = !h.value || h.value < 0 ? 100 : h.value;
       return {
         disabled: c,
         display: I,
         textColor: P,
-        buttonColor: q,
+        buttonColor: F,
         textColorHover: G,
         buttonColorHover: E,
         borderColor: J,
@@ -138,57 +138,57 @@ const j = (e, s) => {
         fontSize: ne,
         fontWeight: ue
       };
-    }), o = t(() => _.value.disabled), H = t(() => ({
-      display: _.value.display
+    }), o = t(() => S.value.disabled), H = t(() => ({
+      display: S.value.display
     })), d = t(() => {
-      const c = _.value;
+      const c = S.value;
       return {
         padding: `${c.paddingYBorder}rem ${c.paddingXBorder}rem`,
         fontSize: c.fontSize,
         fontWeight: c.fontWeight
       };
-    }), a = t(() => {
-      const c = _.value;
+    }), l = t(() => {
+      const c = S.value;
       return {
         textTransform: c.uppercase,
         padding: `${c.paddingYContent}rem ${c.paddingXContent}rem`,
         backgroundColor: c.buttonColor
       };
-    }), l = t(() => ({
-      backgroundColor: _.value.buttonColorHover
-    })), n = t(() => _.value.font), k = t(() => _.value.borderColor), u = t(() => _.value.borderOpacity), Y = t(() => _.value.textColor), z = t(() => _.value.textColorHover), W = () => {
+    }), a = t(() => ({
+      backgroundColor: S.value.buttonColorHover
+    })), n = t(() => S.value.font), Y = t(() => S.value.borderColor), r = t(() => S.value.borderOpacity), X = t(() => S.value.textColor), z = t(() => S.value.textColorHover), W = () => {
       s("clicked");
     };
     return (c, I) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", o.value]),
+      class: R(["nb-wrapper", o.value]),
       style: N([H.value]),
       onClick: W
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component"]),
+        class: R(["nb-reset", "component"]),
         style: N([d.value])
       }, [
-        R("div", {
+        k("div", {
           class: "component-content",
-          style: N([a.value])
+          style: N([l.value])
         }, [
-          R("span", fe, [
+          k("span", be, [
             T(c.$slots, "content", {}, () => [
               A("Default Text")
             ], !0)
           ]),
-          R("span", {
+          k("span", {
             class: "component-content__mask",
-            style: N([l.value])
+            style: N([a.value])
           }, null, 4)
         ], 4)
-      ], 12, ce)
+      ], 12, ve)
     ], 6)) : L("", !0);
   }
-}), be = /* @__PURE__ */ j(ve, [["__scopeId", "data-v-4cddc525"]]);
-const pe = ["id"], ye = /* @__PURE__ */ Object.assign({
+}), ye = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-4cddc525"]]);
+const ge = ["id"], me = /* @__PURE__ */ Object.assign({
   name: "NbButtonShowHover",
   inheritAttrs: !1
 }, {
@@ -256,10 +256,10 @@ const pe = ["id"], ye = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((d) => ({
+    M((d) => ({
       "4b8ff329": o.value,
-      "456d13a6": x.value,
-      55665737: _.value,
+      "456d13a6": h.value,
+      55665737: S.value,
       "6b7abb00": e.textColorHover,
       b18900c8: te(V)
     }));
@@ -269,31 +269,31 @@ const pe = ["id"], ye = /* @__PURE__ */ Object.assign({
       buttonColorOpacityHover: m,
       paddingX: p,
       paddingY: y,
-      disabled: S,
+      disabled: _,
       borderRadius: g,
-      verticalAlign: h,
+      verticalAlign: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = M(w), r = t(() => {
-      const d = S.value ? "component-disabled" : "", a = h.value ? h.value : "middle", l = V ? V.value : "ffffff", n = !p.value || p.value < 0 ? 1 : p.value, k = !y.value || y.value < 0 ? 0.2 : y.value, u = !g.value || g.value < 0 ? 0 : g.value, Y = b.value ? b.value : "10, 38, 184", z = !m.value || m.value < 0 ? 0.1 : m.value, W = C.value ? C.value : "'Lato', sans-serif", c = f.value ? f.value : "1.6rem", I = !i.value || i.value < 0 ? 100 : i.value;
+    } = j(w), u = t(() => {
+      const d = _.value ? "component-disabled" : "", l = x.value ? x.value : "middle", a = V ? V.value : "ffffff", n = !p.value || p.value < 0 ? 1 : p.value, Y = !y.value || y.value < 0 ? 0.2 : y.value, r = !g.value || g.value < 0 ? 0 : g.value, X = b.value ? b.value : "10, 38, 184", z = !m.value || m.value < 0 ? 0.1 : m.value, W = C.value ? C.value : "'Lato', sans-serif", c = f.value ? f.value : "1.6rem", I = !i.value || i.value < 0 ? 100 : i.value;
       return {
         disabled: d,
-        borderRadius: u,
-        textColor: l,
+        borderRadius: r,
+        textColor: a,
         paddingX: n,
-        paddingY: k,
-        buttonColorHover: Y,
+        paddingY: Y,
+        buttonColorHover: X,
         buttonColorOpacityHover: z,
         font: W,
         fontSize: c,
         fontWeight: I,
-        verticalAlign: a
+        verticalAlign: l
       };
-    }), v = t(() => r.value.disabled), $ = t(() => ({
-      verticalAlign: r.value.verticalAlign
+    }), v = t(() => u.value.disabled), $ = t(() => ({
+      verticalAlign: u.value.verticalAlign
     })), B = t(() => {
-      const d = r.value;
+      const d = u.value;
       return {
         color: d.textColor,
         padding: `${d.paddingY}rem 0`,
@@ -301,36 +301,36 @@ const pe = ["id"], ye = /* @__PURE__ */ Object.assign({
         fontSize: d.fontSize,
         fontWeight: d.fontWeight
       };
-    }), x = t(() => {
-      const d = r.value;
+    }), h = t(() => {
+      const d = u.value;
       return `${d.paddingY}rem ${d.paddingX}rem`;
-    }), _ = t(() => {
-      const d = r.value;
+    }), S = t(() => {
+      const d = u.value;
       return `rgba(${d.buttonColorHover}, ${d.buttonColorOpacityHover})`;
-    }), o = t(() => r.value.font), H = () => {
+    }), o = t(() => u.value.font), H = () => {
       s("clicked");
     };
-    return (d, a) => e.nbId ? (D(), O("div", {
+    return (d, l) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", v.value]),
+      class: R(["nb-wrapper", v.value]),
       style: N([$.value]),
       onClick: H
     }, [
-      R("a", {
+      k("a", {
         id: e.nbId,
         class: "nb-reset component tertiary",
         style: N([B.value]),
-        onClick: a[0] || (a[0] = re(() => {
+        onClick: l[0] || (l[0] = re(() => {
         }, ["prevent"]))
       }, [
         T(d.$slots, "content", {}, () => [
           A("Default Text")
         ], !0)
-      ], 12, pe)
+      ], 12, ge)
     ], 6)) : L("", !0);
   }
-}), ge = /* @__PURE__ */ j(ye, [["__scopeId", "data-v-35424129"]]);
-const me = ["id"], Ve = /* @__PURE__ */ Object.assign({
+}), Ve = /* @__PURE__ */ q(me, [["__scopeId", "data-v-35424129"]]);
+const Ce = ["id"], Se = /* @__PURE__ */ Object.assign({
   name: "NbButtonPrevNext",
   inheritAttrs: !1
 }, {
@@ -419,7 +419,7 @@ const me = ["id"], Ve = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((a) => ({
+    M((l) => ({
       "2446b547": H.value,
       a50bbbd2: e.colorPrimary,
       "0f9f603e": e.textColor,
@@ -432,84 +432,84 @@ const me = ["id"], Ve = /* @__PURE__ */ Object.assign({
       marginBetween: m,
       borderRadius: p,
       disabled: y,
-      disabledPreview: S,
+      disabledPreview: _,
       disabledNext: g,
-      fontFamily: h,
+      fontFamily: x,
       fontSize: C,
       fontWeight: f
-    } = M(w), i = t(() => {
-      const a = y.value ? "component-disabled" : "", l = S.value ? "component-disabled" : "", n = g.value ? "component-disabled" : "", k = !m.value || m.value < 0 ? 0 : m.value, u = !p.value || p.value < 0 ? 0 : p.value, Y = !V.value || V.value < 0 ? 1 : V.value, z = !b.value || b.value < 0 ? 10 : b.value, W = C.value ? C.value : "1.6em", c = !f.value || f.value < 0 ? 100 : f.value;
+    } = j(w), i = t(() => {
+      const l = y.value ? "component-disabled" : "", a = _.value ? "component-disabled" : "", n = g.value ? "component-disabled" : "", Y = !m.value || m.value < 0 ? 0 : m.value, r = !p.value || p.value < 0 ? 0 : p.value, X = !V.value || V.value < 0 ? 1 : V.value, z = !b.value || b.value < 0 ? 10 : b.value, W = C.value ? C.value : "1.6em", c = !f.value || f.value < 0 ? 100 : f.value;
       return {
-        disabled: a,
-        disabledPreview: l,
+        disabled: l,
+        disabledPreview: a,
         disabledNext: n,
-        marginBetween: `${k}px`,
-        borderRadius: `${u}px`,
-        paddingX: `${Y}px`,
+        marginBetween: `${Y}px`,
+        borderRadius: `${r}px`,
+        paddingX: `${X}px`,
         paddingY: `${z}px`,
         fontSize: W,
         fontWeight: c
       };
-    }), r = t(() => i.value.disabled), v = t(() => i.value.disabledPreview), $ = t(() => i.value.disabledNext), B = t(() => ({
+    }), u = t(() => i.value.disabled), v = t(() => i.value.disabledPreview), $ = t(() => i.value.disabledNext), B = t(() => ({
       display: i.value.display
-    })), x = t(() => {
-      const a = i.value;
+    })), h = t(() => {
+      const l = i.value;
       return {
-        fontSize: a.fontSize,
-        fontWeight: a.fontWeight
+        fontSize: l.fontSize,
+        fontWeight: l.fontWeight
       };
-    }), _ = t(() => {
-      const a = i.value;
+    }), S = t(() => {
+      const l = i.value;
       return {
-        borderRadius: `${a.borderRadius} 0px 0px ${a.borderRadius}`,
-        marginRight: a.marginBetween,
-        padding: `${a.paddingX} ${a.paddingY}`
+        borderRadius: `${l.borderRadius} 0px 0px ${l.borderRadius}`,
+        marginRight: l.marginBetween,
+        padding: `${l.paddingX} ${l.paddingY}`
       };
     }), o = t(() => {
-      const a = i.value;
+      const l = i.value;
       return {
-        borderRadius: `0px ${a.borderRadius} ${a.borderRadius} 0px`,
-        marginLeft: a.marginBetween,
-        padding: `${a.paddingX} ${a.paddingY}`
+        borderRadius: `0px ${l.borderRadius} ${l.borderRadius} 0px`,
+        marginLeft: l.marginBetween,
+        padding: `${l.paddingX} ${l.paddingY}`
       };
-    }), H = t(() => `'${h.value ? h.value : "'Lato', sans-serif"}'`), d = (a) => {
-      s("clicked", a);
+    }), H = t(() => `'${x.value ? x.value : "'Lato', sans-serif"}'`), d = (l) => {
+      s("clicked", l);
     };
-    return (a, l) => e.nbId ? (D(), O("div", {
+    return (l, a) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", r.value]),
+      class: R(["nb-wrapper", u.value]),
       style: N([B.value])
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component"]),
-        style: N(x.value)
+        class: R(["nb-reset", "component"]),
+        style: N(h.value)
       }, [
         e.showPreview ? (D(), O("div", {
           key: 0,
-          onClick: l[0] || (l[0] = (n) => d("preview")),
-          class: X(["buttonNextPreview buttonPreview", v.value]),
-          style: N(_.value)
+          onClick: a[0] || (a[0] = (n) => d("preview")),
+          class: R(["buttonNextPreview buttonPreview", v.value]),
+          style: N(S.value)
         }, [
-          T(a.$slots, "prev", {}, () => [
+          T(l.$slots, "prev", {}, () => [
             A("← Preview")
           ], !0)
         ], 6)) : L("", !0),
         e.showNext ? (D(), O("div", {
           key: 1,
-          onClick: l[1] || (l[1] = (n) => d("next")),
-          class: X(["buttonNextPreview buttonNext", $.value]),
+          onClick: a[1] || (a[1] = (n) => d("next")),
+          class: R(["buttonNextPreview buttonNext", $.value]),
           style: N(o.value)
         }, [
-          T(a.$slots, "next", {}, () => [
+          T(l.$slots, "next", {}, () => [
             A("Next →")
           ], !0)
         ], 6)) : L("", !0)
-      ], 12, me)
+      ], 12, Ce)
     ], 6)) : L("", !0);
   }
-}), Ce = /* @__PURE__ */ j(Ve, [["__scopeId", "data-v-f26b5a64"]]);
-const Se = ["id"], xe = /* @__PURE__ */ Object.assign({
+}), _e = /* @__PURE__ */ q(Se, [["__scopeId", "data-v-f26b5a64"]]);
+const xe = ["id"], he = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical",
   inheritAttrs: !1
 }, {
@@ -580,7 +580,7 @@ const Se = ["id"], xe = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((l) => ({
+    M((a) => ({
       "196eb3ca": o.value,
       "5a845ff6": te(b),
       "44f25ea8": d.value,
@@ -592,64 +592,64 @@ const Se = ["id"], xe = /* @__PURE__ */ Object.assign({
       textColor: m,
       containerColor: p,
       paddingX: y,
-      paddingY: S,
+      paddingY: _,
       borderRadius: g,
-      disabled: h,
+      disabled: x,
       animationSlow: C,
       fontFamily: f,
       fontSize: i,
-      fontWeight: r
-    } = M(w), v = t(() => {
-      const l = h.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", k = p.value ? p.value : "#ffffff", u = b.value ? b.value : "#bbbbbb", Y = m.value ? m.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !S.value || S.value < 0 ? 0.2 : S.value, c = !g.value || g.value < 0 ? 0 : g.value, I = C.value ? "" : "component-transition__no-slow", P = f.value ? f.value : "'Lato', sans-serif", q = i.value ? i.value : "1.6em", G = !r.value || r.value < 0 ? 100 : r.value;
+      fontWeight: u
+    } = j(w), v = t(() => {
+      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", Y = p.value ? p.value : "#ffffff", r = b.value ? b.value : "#bbbbbb", X = m.value ? m.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !_.value || _.value < 0 ? 0.2 : _.value, c = !g.value || g.value < 0 ? 0 : g.value, I = C.value ? "" : "component-transition__no-slow", P = f.value ? f.value : "'Lato', sans-serif", F = i.value ? i.value : "1.6em", G = !u.value || u.value < 0 ? 100 : u.value;
       return {
-        disabled: l,
+        disabled: a,
         display: n,
-        containerColor: k,
-        buttonColor: u,
-        textColor: Y,
+        containerColor: Y,
+        buttonColor: r,
+        textColor: X,
         paddingX: z,
         paddingY: W,
         borderRadius: c,
         animationSlow: I,
         font: P,
-        fontSize: q,
+        fontSize: F,
         fontWeight: G
       };
     }), $ = t(() => v.value.disabled), B = t(() => ({
       display: v.value.display
-    })), x = t(() => {
-      const l = v.value;
+    })), h = t(() => {
+      const a = v.value;
       return {
-        border: `2px solid ${l.containerColor}`,
-        color: l.textColor,
-        backgroundColor: l.buttonColor,
-        padding: `${l.paddingY}rem ${l.paddingX}rem`,
-        borderRadius: `${l.borderRadius}rem`,
-        fontSize: l.fontSize,
-        fontWeight: l.fontWeight
+        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
       };
-    }), _ = t(() => v.value.animationSlow), o = t(() => v.value.font), H = t(() => v.value.textColor), d = t(() => v.value.buttonColor), a = () => {
+    }), S = t(() => v.value.animationSlow), o = t(() => v.value.font), H = t(() => v.value.textColor), d = t(() => v.value.buttonColor), l = () => {
       s("clicked");
     };
-    return (l, n) => e.nbId ? (D(), O("div", {
+    return (a, n) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", $.value]),
+      class: R(["nb-wrapper", $.value]),
       style: N([B.value]),
-      onClick: a
+      onClick: l
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component", "component-transition", _.value]),
-        style: N([x.value])
+        class: R(["nb-reset", "component", "component-transition", S.value]),
+        style: N([h.value])
       }, [
-        T(l.$slots, "content", {}, () => [
+        T(a.$slots, "content", {}, () => [
           A("Default Text")
         ], !0)
-      ], 14, Se)
+      ], 14, xe)
     ], 6)) : L("", !0);
   }
-}), _e = /* @__PURE__ */ j(xe, [["__scopeId", "data-v-11d6e180"]]);
-const he = ["id"], Ne = /* @__PURE__ */ Object.assign({
+}), Ne = /* @__PURE__ */ q(he, [["__scopeId", "data-v-11d6e180"]]);
+const we = ["id"], Be = /* @__PURE__ */ Object.assign({
   name: "NbButtonMechanical2",
   inheritAttrs: !1
 }, {
@@ -716,8 +716,8 @@ const he = ["id"], Ne = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((o) => ({
-      "143d0975": x.value
+    M((o) => ({
+      "143d0975": h.value
     }));
     const {
       display: V,
@@ -725,31 +725,31 @@ const he = ["id"], Ne = /* @__PURE__ */ Object.assign({
       textColor: m,
       paddingX: p,
       paddingY: y,
-      borderRadius: S,
+      borderRadius: _,
       shadowColor: g,
-      disabled: h,
+      disabled: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = M(w), r = t(() => {
-      const o = h.value ? "component-disabled" : "", H = V.value !== "b" ? "inline-block" : "block", d = b.value ? b.value : "#bbbbbb", a = g.value ? g.value : "#002f3c", l = m.value ? m.value : "#ffffff", n = !p.value || p.value < 0 ? 1 : p.value, k = !y.value || y.value < 0 ? 1 : y.value, u = !S.value || S.value < 0 ? 0 : S.value, Y = C.value ? C.value : "'Lato', sans-serif", z = f.value ? f.value : "1.6em", W = !i.value || i.value < 0 ? 100 : i.value;
+    } = j(w), u = t(() => {
+      const o = x.value ? "component-disabled" : "", H = V.value !== "b" ? "inline-block" : "block", d = b.value ? b.value : "#bbbbbb", l = g.value ? g.value : "#002f3c", a = m.value ? m.value : "#ffffff", n = !p.value || p.value < 0 ? 1 : p.value, Y = !y.value || y.value < 0 ? 1 : y.value, r = !_.value || _.value < 0 ? 0 : _.value, X = C.value ? C.value : "'Lato', sans-serif", z = f.value ? f.value : "1.6em", W = !i.value || i.value < 0 ? 100 : i.value;
       return {
         disabled: o,
         display: H,
         buttonColor: d,
-        shadowColor: a,
-        textColor: l,
+        shadowColor: l,
+        textColor: a,
         paddingX: n,
-        paddingY: k,
-        borderRadius: u,
-        font: Y,
+        paddingY: Y,
+        borderRadius: r,
+        font: X,
         fontSize: z,
         fontWeight: W
       };
-    }), v = t(() => r.value.disabled), $ = t(() => ({
-      display: r.value.display
+    }), v = t(() => u.value.disabled), $ = t(() => ({
+      display: u.value.display
     })), B = t(() => {
-      const o = r.value;
+      const o = u.value;
       return {
         color: o.textColor,
         backgroundColor: o.buttonColor,
@@ -760,28 +760,28 @@ const he = ["id"], Ne = /* @__PURE__ */ Object.assign({
         fontSize: o.fontSize,
         fontWeight: o.fontWeight
       };
-    }), x = t(() => r.value.font), _ = () => {
+    }), h = t(() => u.value.font), S = () => {
       s("clicked");
     };
     return (o, H) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", v.value]),
+      class: R(["nb-wrapper", v.value]),
       style: N([$.value]),
-      onClick: _
+      onClick: S
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component", "component-transition"]),
+        class: R(["nb-reset", "component", "component-transition"]),
         style: N([B.value])
       }, [
         T(o.$slots, "content", {}, () => [
           A("Default Text")
         ], !0)
-      ], 12, he)
+      ], 12, we)
     ], 6)) : L("", !0);
   }
-}), we = /* @__PURE__ */ j(Ne, [["__scopeId", "data-v-f22590f0"]]);
-const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
+}), $e = /* @__PURE__ */ q(Be, [["__scopeId", "data-v-f22590f0"]]);
+const He = ["id"], ke = /* @__PURE__ */ Object.assign({
   name: "NbButtonHamburger",
   inheritAttrs: !1
 }, {
@@ -831,9 +831,9 @@ const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((o) => ({
+    M((o) => ({
       "4f0c7280": B.value,
-      "86dec5da": x.value
+      "86dec5da": h.value
     })), de(() => {
       V.value = b.value;
     });
@@ -842,23 +842,23 @@ const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
       color: m,
       containerColor: p,
       containerColorHover: y,
-      colorHover: S,
+      colorHover: _,
       paddingX: g,
-      paddingY: h,
+      paddingY: x,
       disabled: C
-    } = M(w), f = t(() => {
-      const o = C.value ? "component-disabled" : "", H = V.value ? "change" : "", d = p.value ? p.value : "#333333", a = m.value ? m.value : "#ffffff", l = !g.value || g.value < 0 ? 3 : g.value, n = !h.value || h.value < 0 ? 3 : h.value, k = y.value ? y.value : "yellow", u = S.value ? S.value : "red";
+    } = j(w), f = t(() => {
+      const o = C.value ? "component-disabled" : "", H = V.value ? "change" : "", d = p.value ? p.value : "#333333", l = m.value ? m.value : "#ffffff", a = !g.value || g.value < 0 ? 3 : g.value, n = !x.value || x.value < 0 ? 3 : x.value, Y = y.value ? y.value : "yellow", r = _.value ? _.value : "red";
       return {
         disabled: o,
         buttonStatus: H,
         containerColor: d,
-        paddingX: l,
+        paddingX: a,
         paddingY: n,
-        color: a,
-        containerColorHover: k,
-        colorHover: u
+        color: l,
+        containerColorHover: Y,
+        colorHover: r
       };
-    }), i = t(() => f.value.disabled), r = t(() => {
+    }), i = t(() => f.value.disabled), u = t(() => {
       const o = f.value;
       return {
         padding: `${o.paddingY}px ${o.paddingX}px`,
@@ -866,7 +866,7 @@ const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
       };
     }), v = t(() => ({
       backgroundColor: f.value.color
-    })), $ = t(() => f.value.buttonStatus), B = t(() => f.value.containerColorHover), x = t(() => f.value.colorHover), _ = () => {
+    })), $ = t(() => f.value.buttonStatus), B = t(() => f.value.containerColorHover), h = t(() => f.value.colorHover), S = () => {
       const o = !V.value;
       V.value = o, s("clicked", o);
     };
@@ -874,31 +874,31 @@ const Be = ["id"], $e = /* @__PURE__ */ Object.assign({
       V.value = b.value;
     }), (o, H) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", i.value]),
-      style: N([r.value]),
-      onClick: _
+      class: R(["nb-wrapper", i.value]),
+      style: N([u.value]),
+      onClick: S
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component", $.value])
+        class: R(["nb-reset", "component", $.value])
       }, [
-        R("div", {
+        k("div", {
           class: "component__line-one",
           style: N(v.value)
         }, null, 4),
-        R("div", {
+        k("div", {
           class: "component__line-two",
           style: N(v.value)
         }, null, 4),
-        R("div", {
+        k("div", {
           class: "component__line-three",
           style: N(v.value)
         }, null, 4)
-      ], 10, Be)
+      ], 10, He)
     ], 6)) : L("", !0);
   }
-}), He = /* @__PURE__ */ j($e, [["__scopeId", "data-v-37573ac0"]]);
-const ke = ["id"], Ye = /* @__PURE__ */ Object.assign({
+}), Ye = /* @__PURE__ */ q(ke, [["__scopeId", "data-v-37573ac0"]]);
+const Xe = (e) => (ce("data-v-91c3c32d"), e = e(), fe(), e), Re = ["id"], ze = /* @__PURE__ */ Xe(() => /* @__PURE__ */ k("div", { class: "component-shadow" }, null, -1)), We = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorOutside",
   inheritAttrs: !1
 }, {
@@ -965,11 +965,11 @@ const ke = ["id"], Ye = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((a) => ({
-      c461ea64: _.value,
-      "39967e42": H.value,
-      ed566e48: x.value,
-      "0d683344": o.value
+    M((a) => ({
+      "1268e22f": o.value,
+      b72ce280: d.value,
+      "8beb00ca": S.value,
+      "58edf536": H.value
     }));
     const {
       display: V,
@@ -977,61 +977,71 @@ const ke = ["id"], Ye = /* @__PURE__ */ Object.assign({
       borderColor: m,
       textColor: p,
       paddingX: y,
-      paddingY: S,
+      paddingY: _,
       borderRadius: g,
-      disabled: h,
+      disabled: x,
       fontFamily: C,
       fontSize: f,
       fontWeight: i
-    } = M(w), r = t(() => {
-      const a = h.value ? "component-disabled" : "", l = V.value !== "b" ? "inline-block" : "block", n = b.value ? b.value : "#bbbbbb", k = m.value ? m.value : "#ffe54c", u = p.value ? p.value : "#ffffff", Y = !y.value || y.value < 0 ? 1 : y.value, z = !S.value || S.value < 0 ? 0.2 : S.value, W = !g.value || g.value < 0 ? 0 : g.value, c = C.value ? C.value : "'Lato', sans-serif", I = f.value ? f.value : "1.6em", P = !i.value || i.value < 0 ? 200 : i.value;
+    } = j(w), u = t(() => {
+      const a = x.value ? "component-disabled" : "", n = V.value !== "b" ? "inline-block" : "block", Y = b.value ? b.value : "#bbbbbb", r = m.value ? m.value : "#ffe54c", X = p.value ? p.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !_.value || _.value < 0 ? 0.2 : _.value, c = !g.value || g.value < 0 ? 0 : g.value, I = C.value ? C.value : "'Lato', sans-serif", P = f.value ? f.value : "1.6em", F = !i.value || i.value < 0 ? 200 : i.value;
       return {
         disabled: a,
-        display: l,
-        buttonColor: n,
-        borderColor: k,
-        textColor: u,
-        paddingX: Y,
-        paddingY: z,
-        borderRadius: W,
-        font: c,
-        fontSize: I,
-        fontWeight: P
+        display: n,
+        buttonColor: Y,
+        borderColor: r,
+        textColor: X,
+        paddingX: z,
+        paddingY: W,
+        borderRadius: c,
+        font: I,
+        fontSize: P,
+        fontWeight: F
       };
-    }), v = t(() => r.value.disabled), $ = t(() => ({
-      display: r.value.display
+    }), v = t(() => u.value.disabled), $ = t(() => ({
+      display: u.value.display
     })), B = t(() => {
-      const a = r.value;
+      const a = u.value;
       return {
-        border: `1px solid ${a.borderColor}`,
         color: a.textColor,
-        padding: `${a.paddingY}rem ${a.paddingX}rem`,
-        borderRadius: x.value,
         fontSize: a.fontSize,
         fontWeight: a.fontWeight
       };
-    }), x = t(() => `${r.value.borderRadius}rem`), _ = t(() => r.value.font), o = t(() => r.value.textColor), H = t(() => r.value.buttonColor), d = () => {
+    }), h = t(() => {
+      const a = u.value;
+      return {
+        padding: `${a.paddingY}rem ${a.paddingX}rem`,
+        border: `1px solid ${a.borderColor}`,
+        borderRadius: S.value
+      };
+    }), S = t(() => `${u.value.borderRadius}rem`), o = t(() => u.value.font), H = t(() => u.value.textColor), d = t(() => u.value.buttonColor), l = () => {
       s("clicked");
     };
-    return (a, l) => e.nbId ? (D(), O("div", {
+    return (a, n) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", v.value]),
+      class: R(["nb-wrapper", v.value]),
       style: N([$.value]),
-      onClick: d
+      onClick: l
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component"]),
+        class: R(["nb-reset", "component"]),
         style: N([B.value])
       }, [
-        T(a.$slots, "content", {}, () => [
-          A("Default Text")
-        ], !0)
-      ], 12, ke)
+        k("div", {
+          class: "component-content",
+          style: N([h.value])
+        }, [
+          T(a.$slots, "content", {}, () => [
+            A("Default Text")
+          ], !0)
+        ], 4),
+        ze
+      ], 12, Re)
     ], 6)) : L("", !0);
   }
-}), Xe = /* @__PURE__ */ j(Ye, [["__scopeId", "data-v-0201e93e"]]);
-const Re = ["id"], ze = /* @__PURE__ */ Object.assign({
+}), Ie = /* @__PURE__ */ q(We, [["__scopeId", "data-v-91c3c32d"]]);
+const De = ["id"], Oe = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorHover",
   inheritAttrs: !1
 }, {
@@ -1102,11 +1112,11 @@ const Re = ["id"], ze = /* @__PURE__ */ Object.assign({
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((n) => ({
-      "70b0363a": _.value,
+    M((n) => ({
+      "70b0363a": S.value,
       "2d562374": d.value,
       "360329a3": H.value,
-      "3c24be28": a.value,
+      "3c24be28": l.value,
       "7f8991ce": o.value
     }));
     const {
@@ -1115,26 +1125,26 @@ const Re = ["id"], ze = /* @__PURE__ */ Object.assign({
       paddingX: m,
       paddingY: p,
       borderRadius: y,
-      disabled: S,
+      disabled: _,
       fontFamily: g,
-      fontSize: h,
+      fontSize: x,
       fontWeight: C,
       textColorHover: f,
       buttonColor: i,
-      buttonColorHover: r
-    } = M(w), v = t(() => {
-      const n = S.value ? "component-disabled" : "", k = V.value !== "b" ? "inline-block" : "block", u = b ? b.value : "ffffff", Y = !m.value || m.value < 0 ? 1 : m.value, z = !p.value || p.value < 0 ? 0.2 : p.value, W = !y.value || y.value < 0 ? 0 : y.value, c = g.value ? g.value : "'Lato', sans-serif", I = h.value ? h.value : "1.6rem", P = !C.value || C.value < 0 ? 100 : C.value, q = f.value ? f.value : "#cccccc", G = i.value ? i.value : "#bbbbbb", E = r.value ? r.value : "#959595";
+      buttonColorHover: u
+    } = j(w), v = t(() => {
+      const n = _.value ? "component-disabled" : "", Y = V.value !== "b" ? "inline-block" : "block", r = b ? b.value : "ffffff", X = !m.value || m.value < 0 ? 1 : m.value, z = !p.value || p.value < 0 ? 0.2 : p.value, W = !y.value || y.value < 0 ? 0 : y.value, c = g.value ? g.value : "'Lato', sans-serif", I = x.value ? x.value : "1.6rem", P = !C.value || C.value < 0 ? 100 : C.value, F = f.value ? f.value : "#cccccc", G = i.value ? i.value : "#bbbbbb", E = u.value ? u.value : "#959595";
       return {
         disabled: n,
-        display: k,
+        display: Y,
         font: c,
         fontSize: I,
         fontWeight: P,
-        textColor: u,
-        paddingX: Y,
+        textColor: r,
+        paddingX: X,
         paddingY: z,
         borderRadius: W,
-        textColorHover: q,
+        textColorHover: F,
         buttonColor: G,
         buttonColorHover: E
       };
@@ -1144,7 +1154,7 @@ const Re = ["id"], ze = /* @__PURE__ */ Object.assign({
         display: n.display,
         borderRadius: `${n.borderRadius}rem`
       };
-    }), x = t(() => {
+    }), h = t(() => {
       const n = v.value;
       return {
         color: n.textColor,
@@ -1153,27 +1163,27 @@ const Re = ["id"], ze = /* @__PURE__ */ Object.assign({
         fontSize: n.fontSize,
         fontWeight: n.fontWeight
       };
-    }), _ = t(() => v.value.font), o = t(() => v.value.textColor), H = t(() => v.value.textColorHover), d = t(() => v.value.buttonColor), a = t(() => v.value.buttonColorHover), l = () => {
+    }), S = t(() => v.value.font), o = t(() => v.value.textColor), H = t(() => v.value.textColorHover), d = t(() => v.value.buttonColor), l = t(() => v.value.buttonColorHover), a = () => {
       s("clicked");
     };
-    return (n, k) => (D(), O("div", {
-      class: X(["nb-wrapper", $.value]),
+    return (n, Y) => (D(), O("div", {
+      class: R(["nb-wrapper", $.value]),
       style: N([B.value]),
-      onClick: l
+      onClick: a
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
         class: "nb-reset component component-transition",
-        style: N([x.value])
+        style: N([h.value])
       }, [
         T(n.$slots, "content", {}, () => [
           A("Default Text")
         ], !0)
-      ], 12, Re)
+      ], 12, De)
     ], 6));
   }
-}), We = /* @__PURE__ */ j(ze, [["__scopeId", "data-v-849fae4e"]]);
-const Ie = ["id"], De = { class: "first-child" }, Oe = { class: "last-child" }, Le = /* @__PURE__ */ Object.assign({
+}), Le = /* @__PURE__ */ q(Oe, [["__scopeId", "data-v-849fae4e"]]);
+const Te = ["id"], Ae = { class: "first-child" }, Pe = { class: "last-child" }, Fe = /* @__PURE__ */ Object.assign({
   name: "NbButtonAlternateText",
   inheritAttrs: !1
 }, {
@@ -1258,10 +1268,10 @@ const Ie = ["id"], De = { class: "first-child" }, Oe = { class: "last-child" },
   emits: ["clicked"],
   setup(e, { emit: s }) {
     const w = e;
-    F((u) => ({
+    M((r) => ({
       70620026: d.value,
-      "2928e4ba": a.value,
-      "0fe93572": l.value,
+      "2928e4ba": l.value,
+      "0fe93572": a.value,
       "4dcaff7e": n.value
     }));
     const {
@@ -1270,27 +1280,27 @@ const Ie = ["id"], De = { class: "first-child" }, Oe = { class: "last-child" },
       borderColor: m,
       buttonHoverColor: p,
       showBorder: y,
-      borderRadius: S,
+      borderRadius: _,
       textColor: g,
-      textHoverColor: h,
+      textHoverColor: x,
       width: C,
       paddingX: f,
       paddingY: i,
-      disabled: r,
+      disabled: u,
       fontFamily: v,
       fontSize: $,
       fontWeight: B
-    } = M(w), x = t(() => {
-      const u = r.value ? "component-disabled" : "", Y = V.value !== "b" ? "inline-block" : "block", z = b.value ? b.value : "#ffffff", W = p.value ? p.value : "#000000", c = m.value ? m.value : "#ffe54c", I = !S.value || S.value < 0 ? 0 : S.value, P = [!1, !0].includes(y.value) ? y.value : !0, q = g.value ? g.value : "#ffffff", G = h.value ? h.value : "#000000", E = !C.value || C.value < 86 ? 86 : C.value, J = !f.value || f.value < 0 ? 1 : f.value, K = !i.value || i.value < 0 ? 0.4 : i.value, Q = v.value ? v.value : "'Lato', sans-serif", U = $.value ? $.value : "1.6em", Z = !B.value || B.value < 0 ? 200 : B.value;
+    } = j(w), h = t(() => {
+      const r = u.value ? "component-disabled" : "", X = V.value !== "b" ? "inline-block" : "block", z = b.value ? b.value : "#ffffff", W = p.value ? p.value : "#000000", c = m.value ? m.value : "#ffe54c", I = !_.value || _.value < 0 ? 0 : _.value, P = [!1, !0].includes(y.value) ? y.value : !0, F = g.value ? g.value : "#ffffff", G = x.value ? x.value : "#000000", E = !C.value || C.value < 86 ? 86 : C.value, J = !f.value || f.value < 0 ? 1 : f.value, K = !i.value || i.value < 0 ? 0.4 : i.value, Q = v.value ? v.value : "'Lato', sans-serif", U = $.value ? $.value : "1.6em", Z = !B.value || B.value < 0 ? 200 : B.value;
       return {
-        disabled: u,
-        display: Y,
+        disabled: r,
+        display: X,
         buttonColor: z,
         buttonHoverColor: W,
         borderColor: c,
         showBorder: P,
         borderRadius: I,
-        textColor: q,
+        textColor: F,
         textHoverColor: G,
         width: E,
         paddingX: J,
@@ -1299,59 +1309,59 @@ const Ie = ["id"], De = { class: "first-child" }, Oe = { class: "last-child" },
         fontSize: U,
         fontWeight: Z
       };
-    }), _ = t(() => x.value.disabled), o = t(() => ({
-      display: x.value.display
+    }), S = t(() => h.value.disabled), o = t(() => ({
+      display: h.value.display
     })), H = t(() => {
-      const u = x.value, Y = u.display === "block" ? "auto" : `${u.width}px`;
+      const r = h.value, X = r.display === "block" ? "auto" : `${r.width}px`;
       return {
-        ...u.showBorder ? { border: `1px solid ${u.borderColor}` } : {},
-        borderRadius: `${u.borderRadius}rem`,
-        background: u.buttonColor,
+        ...r.showBorder ? { border: `1px solid ${r.borderColor}` } : {},
+        borderRadius: `${r.borderRadius}rem`,
+        background: r.buttonColor,
         minWidth: "33px",
-        width: Y,
-        padding: `${u.paddingY}rem ${u.paddingX}rem`,
+        width: X,
+        padding: `${r.paddingY}rem ${r.paddingX}rem`,
         lineHeight: "1.42857143",
-        fontSize: u.fontSize,
-        fontWeight: u.fontWeight
+        fontSize: r.fontSize,
+        fontWeight: r.fontWeight
       };
-    }), d = t(() => x.value.font), a = t(() => x.value.textColor), l = t(() => x.value.textHoverColor), n = t(() => x.value.buttonHoverColor), k = () => {
+    }), d = t(() => h.value.font), l = t(() => h.value.textColor), a = t(() => h.value.textHoverColor), n = t(() => h.value.buttonHoverColor), Y = () => {
       s("clicked");
     };
-    return (u, Y) => e.nbId ? (D(), O("div", {
+    return (r, X) => e.nbId ? (D(), O("div", {
       key: 0,
-      class: X(["nb-wrapper", _.value]),
+      class: R(["nb-wrapper", S.value]),
       style: N([o.value]),
-      onClick: k
+      onClick: Y
     }, [
-      R("div", {
+      k("div", {
         id: e.nbId,
-        class: X(["nb-reset", "component"]),
+        class: R(["nb-reset", "component"]),
         style: N([H.value])
       }, [
-        R("div", De, [
-          T(u.$slots, "content", {}, () => [
+        k("div", Ae, [
+          T(r.$slots, "content", {}, () => [
             A("Default Text")
           ], !0)
         ]),
-        R("div", Oe, [
-          T(u.$slots, "content", {}, () => [
+        k("div", Pe, [
+          T(r.$slots, "content", {}, () => [
             A("Default Text")
           ], !0)
         ])
-      ], 12, Ie)
+      ], 12, Te)
     ], 6)) : L("", !0);
   }
-}), Te = /* @__PURE__ */ j(Le, [["__scopeId", "data-v-fe71a891"]]), ee = {
-  NbButtonVavaGame: be,
-  NbButtonShowHover: ge,
-  NbButtonPrevNext: Ce,
-  NbButtonMechanical: _e,
-  NbButtonMechanical2: we,
-  NbButtonHamburger: He,
-  NbButtonColorOutside: Xe,
-  NbButtonColorHover: We,
-  NbButtonAlternateText: Te
-}, Pe = {
+}), Me = /* @__PURE__ */ q(Fe, [["__scopeId", "data-v-fe71a891"]]), ee = {
+  NbButtonVavaGame: ye,
+  NbButtonShowHover: Ve,
+  NbButtonPrevNext: _e,
+  NbButtonMechanical: Ne,
+  NbButtonMechanical2: $e,
+  NbButtonHamburger: Ye,
+  NbButtonColorOutside: Ie,
+  NbButtonColorHover: Le,
+  NbButtonAlternateText: Me
+}, qe = {
   install(e) {
     for (const s in ee)
       if (Object.prototype.hasOwnProperty.call(ee, s)) {
@@ -1361,5 +1371,5 @@ const Ie = ["id"], De = { class: "first-child" }, Oe = { class: "last-child" },
   }
 };
 export {
-  Pe as default
+  qe as default
 };

package/dist/nb-buttons.umd.cjs

@@ -1 +1 @@
-(function(t,E){typeof exports=="object"&&typeof module<"u"?module.exports=E(require("vue")):typeof define=="function"&&define.amd?define(["vue"],E):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=E(t.Vue))})(this,function(t){"use strict";const E="",X=(e,s)=>{const h=e.__vccOpts||e;for(const[V,b]of s)h[V]=b;return h},M=["id"],q={class:"component-content__text"},G=X(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(c=>({"859731ae":n.value,"101619df":k.value,"90f5dac6":H.value,f0f7a800:$.value,33084168:r.value}));const{display:V,textColor:b,textColorHover:g,buttonColor:m,buttonColorHover:y,uppercase:S,paddingXContent:v,paddingYContent:N,paddingXBorder:C,paddingYBorder:f,borderColor:i,borderOpacity:d,disabled:p,fontFamily:z,fontSize:B,fontWeight:_}=t.toRefs(h),x=t.computed(()=>{const c=p.value?"component-disabled":"",Y=V.value!=="b"?"inline-block":"block",W=b.value?b.value:"#ece8e1",I=m.value?m.value:"green",T=g.value?g.value:"#ece8e1",D=y.value?y.value:"cyan",L=i.value?i.value:"#ffffff",A=!d.value||!(d.value>=0&&d.value<=1)?"0.5":d.value,P=!C.value||C.value<0?.3:C.value,F=!f.value||f.value<0?.3:f.value,j=!v.value||v.value<0?.5:v.value,fe=!N.value||N.value<0?.5:N.value,pe=S.value?"uppercase":"none",be=z.value?z.value:"'Lato', sans-serif",me=B.value?B.value:"1.6em",ye=!_.value||_.value<0?100:_.value;return{disabled:c,display:Y,textColor:W,buttonColor:I,textColorHover:T,buttonColorHover:D,borderColor:L,borderOpacity:A,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),a=t.computed(()=>x.value.disabled),w=t.computed(()=>({display:x.value.display})),u=t.computed(()=>{const c=x.value;return{padding:`${c.paddingYBorder}rem ${c.paddingXBorder}rem`,fontSize:c.fontSize,fontWeight:c.fontWeight}}),o=t.computed(()=>{const c=x.value;return{textTransform:c.uppercase,padding:`${c.paddingYContent}rem ${c.paddingXContent}rem`,backgroundColor:c.buttonColor}}),l=t.computed(()=>({backgroundColor:x.value.buttonColorHover})),n=t.computed(()=>x.value.font),$=t.computed(()=>x.value.borderColor),r=t.computed(()=>x.value.borderOpacity),k=t.computed(()=>x.value.textColor),H=t.computed(()=>x.value.textColorHover),R=()=>{s("clicked")};return(c,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",a.value]),style:t.normalizeStyle([w.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([u.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([o.value])},[t.createElementVNode("span",q,[t.renderSlot(c.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([l.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4cddc525"]]),ge="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(u=>({"4b8ff329":a.value,"456d13a6":_.value,55665737:x.value,"6b7abb00":e.textColorHover,b18900c8:t.unref(V)}));const{textColor:V,buttonColorHover:b,buttonColorOpacityHover:g,paddingX:m,paddingY:y,disabled:S,borderRadius:v,verticalAlign:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const u=S.value?"component-disabled":"",o=N.value?N.value:"middle",l=V?V.value:"ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?.2:y.value,r=!v.value||v.value<0?0:v.value,k=b.value?b.value:"10, 38, 184",H=!g.value||g.value<0?.1:g.value,R=C.value?C.value:"'Lato', sans-serif",c=f.value?f.value:"1.6rem",Y=!i.value||i.value<0?100:i.value;return{disabled:u,borderRadius:r,textColor:l,paddingX:n,paddingY:$,buttonColorHover:k,buttonColorOpacityHover:H,font:R,fontSize:c,fontWeight:Y,verticalAlign:o}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({verticalAlign:d.value.verticalAlign})),B=t.computed(()=>{const u=d.value;return{color:u.textColor,padding:`${u.paddingY}rem 0`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),_=t.computed(()=>{const u=d.value;return`${u.paddingY}rem ${u.paddingX}rem`}),x=t.computed(()=>{const u=d.value;return`rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`}),a=t.computed(()=>d.value.font),w=()=>{s("clicked")};return(u,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:w},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:o[0]||(o[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(u.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-35424129"]]),Ce="",Q=["id"],U=X(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(o=>({"2446b547":w.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:V,paddingY:b,marginBetween:g,borderRadius:m,disabled:y,disabledPreview:S,disabledNext:v,fontFamily:N,fontSize:C,fontWeight:f}=t.toRefs(h),i=t.computed(()=>{const o=y.value?"component-disabled":"",l=S.value?"component-disabled":"",n=v.value?"component-disabled":"",$=!g.value||g.value<0?0:g.value,r=!m.value||m.value<0?0:m.value,k=!V.value||V.value<0?1:V.value,H=!b.value||b.value<0?10:b.value,R=C.value?C.value:"1.6em",c=!f.value||f.value<0?100:f.value;return{disabled:o,disabledPreview:l,disabledNext:n,marginBetween:`${$}px`,borderRadius:`${r}px`,paddingX:`${k}px`,paddingY:`${H}px`,fontSize:R,fontWeight:c}}),d=t.computed(()=>i.value.disabled),p=t.computed(()=>i.value.disabledPreview),z=t.computed(()=>i.value.disabledNext),B=t.computed(()=>({display:i.value.display})),_=t.computed(()=>{const o=i.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),x=t.computed(()=>{const o=i.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),a=t.computed(()=>{const o=i.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),w=t.computed(()=>`'${N.value?N.value:"'Lato', sans-serif"}'`),u=o=>{s("clicked",o)};return(o,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",d.value]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(_.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:l[0]||(l[0]=n=>u("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",p.value]),style:t.normalizeStyle(x.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:l[1]||(l[1]=n=>u("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",z.value]),style:t.normalizeStyle(a.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),_e="",Z=["id"],ee=X(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(l=>({"196eb3ca":a.value,"5a845ff6":t.unref(b),"44f25ea8":u.value,"3eb45b5e":w.value}));const{display:V,buttonColor:b,textColor:g,containerColor:m,paddingX:y,paddingY:S,borderRadius:v,disabled:N,animationSlow:C,fontFamily:f,fontSize:i,fontWeight:d}=t.toRefs(h),p=t.computed(()=>{const l=N.value?"component-disabled":"",n=V.value!=="b"?"inline-block":"block",$=m.value?m.value:"#ffffff",r=b.value?b.value:"#bbbbbb",k=g.value?g.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!S.value||S.value<0?.2:S.value,c=!v.value||v.value<0?0:v.value,Y=C.value?"":"component-transition__no-slow",W=f.value?f.value:"'Lato', sans-serif",I=i.value?i.value:"1.6em",T=!d.value||d.value<0?100:d.value;return{disabled:l,display:n,containerColor:$,buttonColor:r,textColor:k,paddingX:H,paddingY:R,borderRadius:c,animationSlow:Y,font:W,fontSize:I,fontWeight:T}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>({display:p.value.display})),_=t.computed(()=>{const l=p.value;return{border:`2px solid ${l.containerColor}`,color:l.textColor,backgroundColor:l.buttonColor,padding:`${l.paddingY}rem ${l.paddingX}rem`,borderRadius:`${l.borderRadius}rem`,fontSize:l.fontSize,fontWeight:l.fontWeight}}),x=t.computed(()=>p.value.animationSlow),a=t.computed(()=>p.value.font),w=t.computed(()=>p.value.textColor),u=t.computed(()=>p.value.buttonColor),o=()=>{s("clicked")};return(l,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",x.value]),style:t.normalizeStyle([_.value])},[t.renderSlot(l.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Ne="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(a=>({"143d0975":_.value}));const{display:V,buttonColor:b,textColor:g,paddingX:m,paddingY:y,borderRadius:S,shadowColor:v,disabled:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const a=N.value?"component-disabled":"",w=V.value!=="b"?"inline-block":"block",u=b.value?b.value:"#bbbbbb",o=v.value?v.value:"#002f3c",l=g.value?g.value:"#ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?1:y.value,r=!S.value||S.value<0?0:S.value,k=C.value?C.value:"'Lato', sans-serif",H=f.value?f.value:"1.6em",R=!i.value||i.value<0?100:i.value;return{disabled:a,display:w,buttonColor:u,shadowColor:o,textColor:l,paddingX:n,paddingY:$,borderRadius:r,font:k,fontSize:H,fontWeight:R}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const a=d.value;return{color:a.textColor,backgroundColor:a.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${a.shadowColor}`,padding:`${a.paddingY}rem ${a.paddingX}rem`,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>d.value.font),x=()=>{s("clicked")};return(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:x},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f22590f0"]]),Be="",ae=["id"],le=X(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(a=>({"4f0c7280":B.value,"86dec5da":_.value})),t.onMounted(()=>{V.value=b.value});const V=t.ref(!1),{status:b,color:g,containerColor:m,containerColorHover:y,colorHover:S,paddingX:v,paddingY:N,disabled:C}=t.toRefs(h),f=t.computed(()=>{const a=C.value?"component-disabled":"",w=V.value?"change":"",u=m.value?m.value:"#333333",o=g.value?g.value:"#ffffff",l=!v.value||v.value<0?3:v.value,n=!N.value||N.value<0?3:N.value,$=y.value?y.value:"yellow",r=S.value?S.value:"red";return{disabled:a,buttonStatus:w,containerColor:u,paddingX:l,paddingY:n,color:o,containerColorHover:$,colorHover:r}}),i=t.computed(()=>f.value.disabled),d=t.computed(()=>{const a=f.value;return{padding:`${a.paddingY}px ${a.paddingX}px`,backgroundColor:a.containerColor}}),p=t.computed(()=>({backgroundColor:f.value.color})),z=t.computed(()=>f.value.buttonStatus),B=t.computed(()=>f.value.containerColorHover),_=t.computed(()=>f.value.colorHover),x=()=>{const a=!V.value;V.value=a,s("clicked",a)};return t.watch(b,()=>{V.value=b.value}),(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",i.value]),style:t.normalizeStyle([d.value]),onClick:x},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",z.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(p.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(o=>({c461ea64:x.value,"39967e42":w.value,ed566e48:_.value,"0d683344":a.value}));const{display:V,buttonColor:b,borderColor:g,textColor:m,paddingX:y,paddingY:S,borderRadius:v,disabled:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const o=N.value?"component-disabled":"",l=V.value!=="b"?"inline-block":"block",n=b.value?b.value:"#bbbbbb",$=g.value?g.value:"#ffe54c",r=m.value?m.value:"#ffffff",k=!y.value||y.value<0?1:y.value,H=!S.value||S.value<0?.2:S.value,R=!v.value||v.value<0?0:v.value,c=C.value?C.value:"'Lato', sans-serif",Y=f.value?f.value:"1.6em",W=!i.value||i.value<0?200:i.value;return{disabled:o,display:l,buttonColor:n,borderColor:$,textColor:r,paddingX:k,paddingY:H,borderRadius:R,font:c,fontSize:Y,fontWeight:W}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value;return{border:`1px solid ${o.borderColor}`,color:o.textColor,padding:`${o.paddingY}rem ${o.paddingX}rem`,borderRadius:_.value,fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>`${d.value.borderRadius}rem`),x=t.computed(()=>d.value.font),a=t.computed(()=>d.value.textColor),w=t.computed(()=>d.value.buttonColor),u=()=>{s("clicked")};return(o,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:u},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-0201e93e"]]),ke="",de=["id"],ue=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(n=>({"70b0363a":x.value,"2d562374":u.value,"360329a3":w.value,"3c24be28":o.value,"7f8991ce":a.value}));const{display:V,textColor:b,paddingX:g,paddingY:m,borderRadius:y,disabled:S,fontFamily:v,fontSize:N,fontWeight:C,textColorHover:f,buttonColor:i,buttonColorHover:d}=t.toRefs(h),p=t.computed(()=>{const n=S.value?"component-disabled":"",$=V.value!=="b"?"inline-block":"block",r=b?b.value:"ffffff",k=!g.value||g.value<0?1:g.value,H=!m.value||m.value<0?.2:m.value,R=!y.value||y.value<0?0:y.value,c=v.value?v.value:"'Lato', sans-serif",Y=N.value?N.value:"1.6rem",W=!C.value||C.value<0?100:C.value,I=f.value?f.value:"#cccccc",T=i.value?i.value:"#bbbbbb",D=d.value?d.value:"#959595";return{disabled:n,display:$,font:c,fontSize:Y,fontWeight:W,textColor:r,paddingX:k,paddingY:H,borderRadius:R,textColorHover:I,buttonColor:T,buttonColorHover:D}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>{const n=p.value;return{display:n.display,borderRadius:`${n.borderRadius}rem`}}),_=t.computed(()=>{const n=p.value;return{color:n.textColor,padding:`${n.paddingY}rem ${n.paddingX}rem`,borderRadius:`${n.borderRadius}rem`,fontSize:n.fontSize,fontWeight:n.fontWeight}}),x=t.computed(()=>p.value.font),a=t.computed(()=>p.value.textColor),w=t.computed(()=>p.value.textColorHover),u=t.computed(()=>p.value.buttonColor),o=t.computed(()=>p.value.buttonColorHover),l=()=>{s("clicked")};return(n,$)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([_.value])},[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,de)],6))}}),[["__scopeId","data-v-849fae4e"]]),Re="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},O={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:re,NbButtonColorHover:ue,NbButtonAlternateText:X(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(r=>({70620026:u.value,"2928e4ba":o.value,"0fe93572":l.value,"4dcaff7e":n.value}));const{display:V,buttonColor:b,borderColor:g,buttonHoverColor:m,showBorder:y,borderRadius:S,textColor:v,textHoverColor:N,width:C,paddingX:f,paddingY:i,disabled:d,fontFamily:p,fontSize:z,fontWeight:B}=t.toRefs(h),_=t.computed(()=>{const r=d.value?"component-disabled":"",k=V.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",c=g.value?g.value:"#ffe54c",Y=!S.value||S.value<0?0:S.value,W=[!1,!0].includes(y.value)?y.value:!0,I=v.value?v.value:"#ffffff",T=N.value?N.value:"#000000",D=!C.value||C.value<86?86:C.value,L=!f.value||f.value<0?1:f.value,A=!i.value||i.value<0?.4:i.value,P=p.value?p.value:"'Lato', sans-serif",F=z.value?z.value:"1.6em",j=!B.value||B.value<0?200:B.value;return{disabled:r,display:k,buttonColor:H,buttonHoverColor:R,borderColor:c,showBorder:W,borderRadius:Y,textColor:I,textHoverColor:T,width:D,paddingX:L,paddingY:A,font:P,fontSize:F,fontWeight:j}}),x=t.computed(()=>_.value.disabled),a=t.computed(()=>({display:_.value.display})),w=t.computed(()=>{const r=_.value,k=r.display==="block"?"auto":`${r.width}px`;return{...r.showBorder?{border:`1px solid ${r.borderColor}`}:{},borderRadius:`${r.borderRadius}rem`,background:r.buttonColor,minWidth:"33px",width:k,padding:`${r.paddingY}rem ${r.paddingX}rem`,lineHeight:"1.42857143",fontSize:r.fontSize,fontWeight:r.fontWeight}}),u=t.computed(()=>_.value.font),o=t.computed(()=>_.value.textColor),l=t.computed(()=>_.value.textHoverColor),n=t.computed(()=>_.value.buttonHoverColor),$=()=>{s("clicked")};return(r,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([a.value]),onClick:$},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",ie,[t.renderSlot(r.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(r.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fe71a891"]])};return{install(e){for(const s in O)if(Object.prototype.hasOwnProperty.call(O,s)){const h=O[s];e.component(h.name,h)}}}});
+(function(t,D){typeof exports=="object"&&typeof module<"u"?module.exports=D(require("vue")):typeof define=="function"&&define.amd?define(["vue"],D):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=D(t.Vue))})(this,function(t){"use strict";const D="",X=(e,s)=>{const h=e.__vccOpts||e;for(const[g,b]of s)h[g]=b;return h},M=["id"],q={class:"component-content__text"},G=X(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(c=>({"859731ae":n.value,"101619df":k.value,"90f5dac6":H.value,f0f7a800:$.value,33084168:d.value}));const{display:g,textColor:b,textColorHover:V,buttonColor:m,buttonColorHover:y,uppercase:_,paddingXContent:v,paddingYContent:x,paddingXBorder:C,paddingYBorder:f,borderColor:i,borderOpacity:r,disabled:p,fontFamily:z,fontSize:B,fontWeight:N}=t.toRefs(h),S=t.computed(()=>{const c=p.value?"component-disabled":"",Y=g.value!=="b"?"inline-block":"block",W=b.value?b.value:"#ece8e1",I=m.value?m.value:"green",T=V.value?V.value:"#ece8e1",E=y.value?y.value:"cyan",L=i.value?i.value:"#ffffff",A=!r.value||!(r.value>=0&&r.value<=1)?"0.5":r.value,P=!C.value||C.value<0?.3:C.value,F=!f.value||f.value<0?.3:f.value,j=!v.value||v.value<0?.5:v.value,be=!x.value||x.value<0?.5:x.value,me=_.value?"uppercase":"none",ye=z.value?z.value:"'Lato', sans-serif",ve=B.value?B.value:"1.6em",Ve=!N.value||N.value<0?100:N.value;return{disabled:c,display:Y,textColor:W,buttonColor:I,textColorHover:T,buttonColorHover:E,borderColor:L,borderOpacity:A,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:be,uppercase:me,font:ye,fontSize:ve,fontWeight:Ve}}),a=t.computed(()=>S.value.disabled),w=t.computed(()=>({display:S.value.display})),u=t.computed(()=>{const c=S.value;return{padding:`${c.paddingYBorder}rem ${c.paddingXBorder}rem`,fontSize:c.fontSize,fontWeight:c.fontWeight}}),l=t.computed(()=>{const c=S.value;return{textTransform:c.uppercase,padding:`${c.paddingYContent}rem ${c.paddingXContent}rem`,backgroundColor:c.buttonColor}}),o=t.computed(()=>({backgroundColor:S.value.buttonColorHover})),n=t.computed(()=>S.value.font),$=t.computed(()=>S.value.borderColor),d=t.computed(()=>S.value.borderOpacity),k=t.computed(()=>S.value.textColor),H=t.computed(()=>S.value.textColorHover),R=()=>{s("clicked")};return(c,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",a.value]),style:t.normalizeStyle([w.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([u.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([l.value])},[t.createElementVNode("span",q,[t.renderSlot(c.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([o.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4cddc525"]]),Ce="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(u=>({"4b8ff329":a.value,"456d13a6":N.value,55665737:S.value,"6b7abb00":e.textColorHover,b18900c8:t.unref(g)}));const{textColor:g,buttonColorHover:b,buttonColorOpacityHover:V,paddingX:m,paddingY:y,disabled:_,borderRadius:v,verticalAlign:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const u=_.value?"component-disabled":"",l=x.value?x.value:"middle",o=g?g.value:"ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?.2:y.value,d=!v.value||v.value<0?0:v.value,k=b.value?b.value:"10, 38, 184",H=!V.value||V.value<0?.1:V.value,R=C.value?C.value:"'Lato', sans-serif",c=f.value?f.value:"1.6rem",Y=!i.value||i.value<0?100:i.value;return{disabled:u,borderRadius:d,textColor:o,paddingX:n,paddingY:$,buttonColorHover:k,buttonColorOpacityHover:H,font:R,fontSize:c,fontWeight:Y,verticalAlign:l}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({verticalAlign:r.value.verticalAlign})),B=t.computed(()=>{const u=r.value;return{color:u.textColor,padding:`${u.paddingY}rem 0`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),N=t.computed(()=>{const u=r.value;return`${u.paddingY}rem ${u.paddingX}rem`}),S=t.computed(()=>{const u=r.value;return`rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`}),a=t.computed(()=>r.value.font),w=()=>{s("clicked")};return(u,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:w},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:l[0]||(l[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(u.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-35424129"]]),_e="",Q=["id"],U=X(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(l=>({"2446b547":w.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:g,paddingY:b,marginBetween:V,borderRadius:m,disabled:y,disabledPreview:_,disabledNext:v,fontFamily:x,fontSize:C,fontWeight:f}=t.toRefs(h),i=t.computed(()=>{const l=y.value?"component-disabled":"",o=_.value?"component-disabled":"",n=v.value?"component-disabled":"",$=!V.value||V.value<0?0:V.value,d=!m.value||m.value<0?0:m.value,k=!g.value||g.value<0?1:g.value,H=!b.value||b.value<0?10:b.value,R=C.value?C.value:"1.6em",c=!f.value||f.value<0?100:f.value;return{disabled:l,disabledPreview:o,disabledNext:n,marginBetween:`${$}px`,borderRadius:`${d}px`,paddingX:`${k}px`,paddingY:`${H}px`,fontSize:R,fontWeight:c}}),r=t.computed(()=>i.value.disabled),p=t.computed(()=>i.value.disabledPreview),z=t.computed(()=>i.value.disabledNext),B=t.computed(()=>({display:i.value.display})),N=t.computed(()=>{const l=i.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),S=t.computed(()=>{const l=i.value;return{borderRadius:`${l.borderRadius} 0px 0px ${l.borderRadius}`,marginRight:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),a=t.computed(()=>{const l=i.value;return{borderRadius:`0px ${l.borderRadius} ${l.borderRadius} 0px`,marginLeft:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),w=t.computed(()=>`'${x.value?x.value:"'Lato', sans-serif"}'`),u=l=>{s("clicked",l)};return(l,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",r.value]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(N.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:o[0]||(o[0]=n=>u("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",p.value]),style:t.normalizeStyle(S.value)},[t.renderSlot(l.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:o[1]||(o[1]=n=>u("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",z.value]),style:t.normalizeStyle(a.value)},[t.renderSlot(l.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),Ne="",Z=["id"],ee=X(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(o=>({"196eb3ca":a.value,"5a845ff6":t.unref(b),"44f25ea8":u.value,"3eb45b5e":w.value}));const{display:g,buttonColor:b,textColor:V,containerColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,animationSlow:C,fontFamily:f,fontSize:i,fontWeight:r}=t.toRefs(h),p=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=m.value?m.value:"#ffffff",d=b.value?b.value:"#bbbbbb",k=V.value?V.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?"":"component-transition__no-slow",W=f.value?f.value:"'Lato', sans-serif",I=i.value?i.value:"1.6em",T=!r.value||r.value<0?100:r.value;return{disabled:o,display:n,containerColor:$,buttonColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,animationSlow:Y,font:W,fontSize:I,fontWeight:T}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>({display:p.value.display})),N=t.computed(()=>{const o=p.value;return{border:`2px solid ${o.containerColor}`,color:o.textColor,backgroundColor:o.buttonColor,padding:`${o.paddingY}rem ${o.paddingX}rem`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),S=t.computed(()=>p.value.animationSlow),a=t.computed(()=>p.value.font),w=t.computed(()=>p.value.textColor),u=t.computed(()=>p.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",S.value]),style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Be="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(a=>({"143d0975":N.value}));const{display:g,buttonColor:b,textColor:V,paddingX:m,paddingY:y,borderRadius:_,shadowColor:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const a=x.value?"component-disabled":"",w=g.value!=="b"?"inline-block":"block",u=b.value?b.value:"#bbbbbb",l=v.value?v.value:"#002f3c",o=V.value?V.value:"#ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?1:y.value,d=!_.value||_.value<0?0:_.value,k=C.value?C.value:"'Lato', sans-serif",H=f.value?f.value:"1.6em",R=!i.value||i.value<0?100:i.value;return{disabled:a,display:w,buttonColor:u,shadowColor:l,textColor:o,paddingX:n,paddingY:$,borderRadius:d,font:k,fontSize:H,fontWeight:R}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const a=r.value;return{color:a.textColor,backgroundColor:a.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${a.shadowColor}`,padding:`${a.paddingY}rem ${a.paddingX}rem`,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),N=t.computed(()=>r.value.font),S=()=>{s("clicked")};return(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f22590f0"]]),we="",ae=["id"],le=X(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(a=>({"4f0c7280":B.value,"86dec5da":N.value})),t.onMounted(()=>{g.value=b.value});const g=t.ref(!1),{status:b,color:V,containerColor:m,containerColorHover:y,colorHover:_,paddingX:v,paddingY:x,disabled:C}=t.toRefs(h),f=t.computed(()=>{const a=C.value?"component-disabled":"",w=g.value?"change":"",u=m.value?m.value:"#333333",l=V.value?V.value:"#ffffff",o=!v.value||v.value<0?3:v.value,n=!x.value||x.value<0?3:x.value,$=y.value?y.value:"yellow",d=_.value?_.value:"red";return{disabled:a,buttonStatus:w,containerColor:u,paddingX:o,paddingY:n,color:l,containerColorHover:$,colorHover:d}}),i=t.computed(()=>f.value.disabled),r=t.computed(()=>{const a=f.value;return{padding:`${a.paddingY}px ${a.paddingX}px`,backgroundColor:a.containerColor}}),p=t.computed(()=>({backgroundColor:f.value.color})),z=t.computed(()=>f.value.buttonStatus),B=t.computed(()=>f.value.containerColorHover),N=t.computed(()=>f.value.colorHover),S=()=>{const a=!g.value;g.value=a,s("clicked",a)};return t.watch(b,()=>{g.value=b.value}),(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",i.value]),style:t.normalizeStyle([r.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",z.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(p.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),ke="",ne=e=>(t.pushScopeId("data-v-91c3c32d"),e=e(),t.popScopeId(),e),re=["id"],de=ne(()=>t.createElementVNode("div",{class:"component-shadow"},null,-1)),ue=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(o=>({"1268e22f":a.value,b72ce280:u.value,"8beb00ca":S.value,"58edf536":w.value}));const{display:g,buttonColor:b,borderColor:V,textColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=b.value?b.value:"#bbbbbb",d=V.value?V.value:"#ffe54c",k=m.value?m.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?C.value:"'Lato', sans-serif",W=f.value?f.value:"1.6em",I=!i.value||i.value<0?200:i.value;return{disabled:o,display:n,buttonColor:$,borderColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,font:Y,fontSize:W,fontWeight:I}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const o=r.value;return{color:o.textColor,fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=r.value;return{padding:`${o.paddingY}rem ${o.paddingX}rem`,border:`1px solid ${o.borderColor}`,borderRadius:S.value}}),S=t.computed(()=>`${r.value.borderRadius}rem`),a=t.computed(()=>r.value.font),w=t.computed(()=>r.value.textColor),u=t.computed(()=>r.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],4),de],12,re)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-91c3c32d"]]),Re="",se=["id"],ie=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(n=>({"70b0363a":S.value,"2d562374":u.value,"360329a3":w.value,"3c24be28":l.value,"7f8991ce":a.value}));const{display:g,textColor:b,paddingX:V,paddingY:m,borderRadius:y,disabled:_,fontFamily:v,fontSize:x,fontWeight:C,textColorHover:f,buttonColor:i,buttonColorHover:r}=t.toRefs(h),p=t.computed(()=>{const n=_.value?"component-disabled":"",$=g.value!=="b"?"inline-block":"block",d=b?b.value:"ffffff",k=!V.value||V.value<0?1:V.value,H=!m.value||m.value<0?.2:m.value,R=!y.value||y.value<0?0:y.value,c=v.value?v.value:"'Lato', sans-serif",Y=x.value?x.value:"1.6rem",W=!C.value||C.value<0?100:C.value,I=f.value?f.value:"#cccccc",T=i.value?i.value:"#bbbbbb",E=r.value?r.value:"#959595";return{disabled:n,display:$,font:c,fontSize:Y,fontWeight:W,textColor:d,paddingX:k,paddingY:H,borderRadius:R,textColorHover:I,buttonColor:T,buttonColorHover:E}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>{const n=p.value;return{display:n.display,borderRadius:`${n.borderRadius}rem`}}),N=t.computed(()=>{const n=p.value;return{color:n.textColor,padding:`${n.paddingY}rem ${n.paddingX}rem`,borderRadius:`${n.borderRadius}rem`,fontSize:n.fontSize,fontWeight:n.fontWeight}}),S=t.computed(()=>p.value.font),a=t.computed(()=>p.value.textColor),w=t.computed(()=>p.value.textColorHover),u=t.computed(()=>p.value.buttonColor),l=t.computed(()=>p.value.buttonColorHover),o=()=>{s("clicked")};return(n,$)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([N.value])},[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,se)],6))}}),[["__scopeId","data-v-849fae4e"]]),Xe="",ce=["id"],fe={class:"first-child"},pe={class:"last-child"},O={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:ue,NbButtonColorHover:ie,NbButtonAlternateText:X(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(d=>({70620026:u.value,"2928e4ba":l.value,"0fe93572":o.value,"4dcaff7e":n.value}));const{display:g,buttonColor:b,borderColor:V,buttonHoverColor:m,showBorder:y,borderRadius:_,textColor:v,textHoverColor:x,width:C,paddingX:f,paddingY:i,disabled:r,fontFamily:p,fontSize:z,fontWeight:B}=t.toRefs(h),N=t.computed(()=>{const d=r.value?"component-disabled":"",k=g.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",c=V.value?V.value:"#ffe54c",Y=!_.value||_.value<0?0:_.value,W=[!1,!0].includes(y.value)?y.value:!0,I=v.value?v.value:"#ffffff",T=x.value?x.value:"#000000",E=!C.value||C.value<86?86:C.value,L=!f.value||f.value<0?1:f.value,A=!i.value||i.value<0?.4:i.value,P=p.value?p.value:"'Lato', sans-serif",F=z.value?z.value:"1.6em",j=!B.value||B.value<0?200:B.value;return{disabled:d,display:k,buttonColor:H,buttonHoverColor:R,borderColor:c,showBorder:W,borderRadius:Y,textColor:I,textHoverColor:T,width:E,paddingX:L,paddingY:A,font:P,fontSize:F,fontWeight:j}}),S=t.computed(()=>N.value.disabled),a=t.computed(()=>({display:N.value.display})),w=t.computed(()=>{const d=N.value,k=d.display==="block"?"auto":`${d.width}px`;return{...d.showBorder?{border:`1px solid ${d.borderColor}`}:{},borderRadius:`${d.borderRadius}rem`,background:d.buttonColor,minWidth:"33px",width:k,padding:`${d.paddingY}rem ${d.paddingX}rem`,lineHeight:"1.42857143",fontSize:d.fontSize,fontWeight:d.fontWeight}}),u=t.computed(()=>N.value.font),l=t.computed(()=>N.value.textColor),o=t.computed(()=>N.value.textHoverColor),n=t.computed(()=>N.value.buttonHoverColor),$=()=>{s("clicked")};return(d,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",S.value]),style:t.normalizeStyle([a.value]),onClick:$},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",fe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",pe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)])],12,ce)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fe71a891"]])};return{install(e){for(const s in O)if(Object.prototype.hasOwnProperty.call(O,s)){const h=O[s];e.component(h.name,h)}}}});

package/dist/style.css

@@ -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-4cddc525]{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-4cddc525]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-4cddc525]{margin:0;padding:0}.nb-reset *[data-v-4cddc525],.nb-reset *[data-v-4cddc525]:before,.nb-reset *[data-v-4cddc525]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4cddc525]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--859731ae);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(--101619df)}.component[data-v-4cddc525]:hover{color:var(--90f5dac6)}.component[data-v-4cddc525]:before,.component[data-v-4cddc525]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--f0f7a800);left:0;opacity:var(--33084168)}.component[data-v-4cddc525]:before{top:0;border-bottom:0}.component[data-v-4cddc525]:after{bottom:0;border-top:0}.component .component-content[data-v-4cddc525]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-4cddc525]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-4cddc525]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-4cddc525]{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-4cddc525]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-4cddc525]{opacity:.6}.nb-wrapper[data-v-35424129]{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-35424129]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-35424129]{margin:0;padding:0}.nb-reset *[data-v-35424129],.nb-reset *[data-v-35424129]:before,.nb-reset *[data-v-35424129]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-35424129]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4b8ff329);-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-35424129]:focus,.component[data-v-35424129]:hover{padding:var(--456d13a6)!important;background-color:var(--55665737);color:var(--6b7abb00)!important}.component-disabled[data-v-35424129]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-35424129]{--disabled-button-color: var(--55665737);--disabled-color: var(--b18900c8);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-f26b5a64]{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-f26b5a64]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f26b5a64]{margin:0;padding:0}.nb-reset *[data-v-f26b5a64],.nb-reset *[data-v-f26b5a64]:before,.nb-reset *[data-v-f26b5a64]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f26b5a64]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--2446b547);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-f26b5a64]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-f26b5a64]:hover{cursor:pointer}.component .buttonPreview[data-v-f26b5a64]{background-color:var(--a50bbbd2);color:var(--0f9f603e)}.component .buttonPreview[data-v-f26b5a64]:hover{background-color:var(--748cd449);color:var(--1af3ef9e)}.component .buttonNext[data-v-f26b5a64]{color:var(--0f9f603e);background-color:var(--748cd449)}.component .buttonNext[data-v-f26b5a64]:hover{background-color:var(--a50bbbd2);color:var(--1af3ef9e)}.component-disabled[data-v-f26b5a64]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-f26b5a64]:hover{cursor:not-allowed}.nb-wrapper[data-v-11d6e180]{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-11d6e180]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-11d6e180]{margin:0;padding:0}.nb-reset *[data-v-11d6e180],.nb-reset *[data-v-11d6e180]:before,.nb-reset *[data-v-11d6e180]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-11d6e180]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--196eb3ca);-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(--5a845ff6),3px 3px 0 var(--5a845ff6)}.component.component-transition[data-v-11d6e180]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-11d6e180]{transition:all .05s ease-in!important}.component[data-v-11d6e180]:hover{box-shadow:0 0 0 -1px var(--5a845ff6),0 0 0 var(--5a845ff6);transform:translate(3px,3px)}.component[data-v-11d6e180]:active,.component[data-v-11d6e180]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-11d6e180]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-11d6e180]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-11d6e180]{--disabled-button-color: var(--44f25ea8);--disabled-color: var(--3eb45b5e);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-f22590f0]{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-f22590f0]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f22590f0]{margin:0;padding:0}.nb-reset *[data-v-f22590f0],.nb-reset *[data-v-f22590f0]:before,.nb-reset *[data-v-f22590f0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f22590f0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--143d0975);-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-f22590f0]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-f22590f0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f22590f0]{opacity:.6}.nb-wrapper[data-v-37573ac0]{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-37573ac0]:hover{background-color:var(--4f0c7280)!important}.nb-wrapper:hover .component .component__line-one[data-v-37573ac0],.nb-wrapper:hover .component .component__line-two[data-v-37573ac0],.nb-wrapper:hover .component .component__line-three[data-v-37573ac0]{background-color:var(--86dec5da)!important}.nb-reset[data-v-37573ac0]{line-height:1.42857143}.nb-reset *[data-v-37573ac0]{margin:0;padding:0}.nb-reset *[data-v-37573ac0],.nb-reset *[data-v-37573ac0]:before,.nb-reset *[data-v-37573ac0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-37573ac0]{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-37573ac0],.component .component__line-two[data-v-37573ac0],.component .component__line-three[data-v-37573ac0]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-37573ac0]:not(:last-child),.component .component__line-two[data-v-37573ac0]:not(:last-child),.component .component__line-three[data-v-37573ac0]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-37573ac0]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-37573ac0]{opacity:0}.component.change .component__line-three[data-v-37573ac0]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-37573ac0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-37573ac0]{opacity:.5}.nb-wrapper[data-v-0201e93e]{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-0201e93e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-0201e93e]{margin:0;padding:0}.nb-reset *[data-v-0201e93e],.nb-reset *[data-v-0201e93e]:before,.nb-reset *[data-v-0201e93e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-0201e93e]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--c461ea64);-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[data-v-0201e93e]:after{content:"";--disabled-button-color: var(--39967e42);background-color:var(--disabled-button-color)!important;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s;border-radius:var(--ed566e48)}.component[data-v-0201e93e]:hover:after{top:0;left:0}.component-disabled[data-v-0201e93e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-0201e93e]{--disabled-color: var(--0d683344);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-0201e93e]:after{top:0;left:0}.nb-wrapper[data-v-849fae4e]{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-849fae4e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-849fae4e]{margin:0;padding:0}.nb-reset *[data-v-849fae4e],.nb-reset *[data-v-849fae4e]:before,.nb-reset *[data-v-849fae4e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-849fae4e]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--70b0363a);-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(--2d562374);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-849fae4e]:hover{color:var(--360329a3);background:var(--3c24be28)}.component-disabled[data-v-849fae4e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-849fae4e]{--disabled-button-color: var(--2d562374);--disabled-color: var(--7f8991ce);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-fe71a891]{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-fe71a891]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fe71a891]{margin:0;padding:0}.nb-reset *[data-v-fe71a891],.nb-reset *[data-v-fe71a891]:before,.nb-reset *[data-v-fe71a891]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fe71a891]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--70620026);-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-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-fe71a891]{color:var(--text-color)!important;--text-color: var(--0fe93572);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-fe71a891]:after{--button-color: var(--4dcaff7e);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-fe71a891]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-fe71a891]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-fe71a891]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
+@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-4cddc525]{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-4cddc525]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-4cddc525]{margin:0;padding:0}.nb-reset *[data-v-4cddc525],.nb-reset *[data-v-4cddc525]:before,.nb-reset *[data-v-4cddc525]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4cddc525]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--859731ae);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(--101619df)}.component[data-v-4cddc525]:hover{color:var(--90f5dac6)}.component[data-v-4cddc525]:before,.component[data-v-4cddc525]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--f0f7a800);left:0;opacity:var(--33084168)}.component[data-v-4cddc525]:before{top:0;border-bottom:0}.component[data-v-4cddc525]:after{bottom:0;border-top:0}.component .component-content[data-v-4cddc525]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-4cddc525]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-4cddc525]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-4cddc525]{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-4cddc525]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-4cddc525]{opacity:.6}.nb-wrapper[data-v-35424129]{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-35424129]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-35424129]{margin:0;padding:0}.nb-reset *[data-v-35424129],.nb-reset *[data-v-35424129]:before,.nb-reset *[data-v-35424129]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-35424129]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4b8ff329);-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-35424129]:focus,.component[data-v-35424129]:hover{padding:var(--456d13a6)!important;background-color:var(--55665737);color:var(--6b7abb00)!important}.component-disabled[data-v-35424129]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-35424129]{--disabled-button-color: var(--55665737);--disabled-color: var(--b18900c8);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-f26b5a64]{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-f26b5a64]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f26b5a64]{margin:0;padding:0}.nb-reset *[data-v-f26b5a64],.nb-reset *[data-v-f26b5a64]:before,.nb-reset *[data-v-f26b5a64]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f26b5a64]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--2446b547);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-f26b5a64]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-f26b5a64]:hover{cursor:pointer}.component .buttonPreview[data-v-f26b5a64]{background-color:var(--a50bbbd2);color:var(--0f9f603e)}.component .buttonPreview[data-v-f26b5a64]:hover{background-color:var(--748cd449);color:var(--1af3ef9e)}.component .buttonNext[data-v-f26b5a64]{color:var(--0f9f603e);background-color:var(--748cd449)}.component .buttonNext[data-v-f26b5a64]:hover{background-color:var(--a50bbbd2);color:var(--1af3ef9e)}.component-disabled[data-v-f26b5a64]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-f26b5a64]:hover{cursor:not-allowed}.nb-wrapper[data-v-11d6e180]{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-11d6e180]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-11d6e180]{margin:0;padding:0}.nb-reset *[data-v-11d6e180],.nb-reset *[data-v-11d6e180]:before,.nb-reset *[data-v-11d6e180]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-11d6e180]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--196eb3ca);-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(--5a845ff6),3px 3px 0 var(--5a845ff6)}.component.component-transition[data-v-11d6e180]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-11d6e180]{transition:all .05s ease-in!important}.component[data-v-11d6e180]:hover{box-shadow:0 0 0 -1px var(--5a845ff6),0 0 0 var(--5a845ff6);transform:translate(3px,3px)}.component[data-v-11d6e180]:active,.component[data-v-11d6e180]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-11d6e180]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-11d6e180]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-11d6e180]{--disabled-button-color: var(--44f25ea8);--disabled-color: var(--3eb45b5e);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-f22590f0]{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-f22590f0]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f22590f0]{margin:0;padding:0}.nb-reset *[data-v-f22590f0],.nb-reset *[data-v-f22590f0]:before,.nb-reset *[data-v-f22590f0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f22590f0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--143d0975);-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-f22590f0]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-f22590f0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f22590f0]{opacity:.6}.nb-wrapper[data-v-37573ac0]{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-37573ac0]:hover{background-color:var(--4f0c7280)!important}.nb-wrapper:hover .component .component__line-one[data-v-37573ac0],.nb-wrapper:hover .component .component__line-two[data-v-37573ac0],.nb-wrapper:hover .component .component__line-three[data-v-37573ac0]{background-color:var(--86dec5da)!important}.nb-reset[data-v-37573ac0]{line-height:1.42857143}.nb-reset *[data-v-37573ac0]{margin:0;padding:0}.nb-reset *[data-v-37573ac0],.nb-reset *[data-v-37573ac0]:before,.nb-reset *[data-v-37573ac0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-37573ac0]{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-37573ac0],.component .component__line-two[data-v-37573ac0],.component .component__line-three[data-v-37573ac0]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-37573ac0]:not(:last-child),.component .component__line-two[data-v-37573ac0]:not(:last-child),.component .component__line-three[data-v-37573ac0]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-37573ac0]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-37573ac0]{opacity:0}.component.change .component__line-three[data-v-37573ac0]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-37573ac0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-37573ac0]{opacity:.5}.nb-wrapper[data-v-91c3c32d]{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-91c3c32d]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-91c3c32d]{margin:0;padding:0}.nb-reset *[data-v-91c3c32d],.nb-reset *[data-v-91c3c32d]:before,.nb-reset *[data-v-91c3c32d]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-91c3c32d]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--1268e22f);-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-91c3c32d]{position:relative;z-index:4;overflow:hidden}.component .component-shadow[data-v-91c3c32d]{--disabled-button-color: var(--b72ce280);background-color:var(--disabled-button-color)!important;width:100%;height:100%;position:absolute;top:7px;left:7px;transition:.2s;border-radius:var(--8beb00ca);z-index:3}.component:hover .component-shadow[data-v-91c3c32d]{top:0;left:0}.component-disabled[data-v-91c3c32d]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-91c3c32d]{--disabled-color: var(--58edf536);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component .component-shadow[data-v-91c3c32d]{top:0;left:0}.nb-wrapper[data-v-849fae4e]{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-849fae4e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-849fae4e]{margin:0;padding:0}.nb-reset *[data-v-849fae4e],.nb-reset *[data-v-849fae4e]:before,.nb-reset *[data-v-849fae4e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-849fae4e]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--70b0363a);-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(--2d562374);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-849fae4e]:hover{color:var(--360329a3);background:var(--3c24be28)}.component-disabled[data-v-849fae4e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-849fae4e]{--disabled-button-color: var(--2d562374);--disabled-color: var(--7f8991ce);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-fe71a891]{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-fe71a891]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fe71a891]{margin:0;padding:0}.nb-reset *[data-v-fe71a891],.nb-reset *[data-v-fe71a891]:before,.nb-reset *[data-v-fe71a891]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fe71a891]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--70620026);-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-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-fe71a891]{color:var(--text-color)!important;--text-color: var(--0fe93572);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-fe71a891]:after{--button-color: var(--4dcaff7e);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-fe71a891]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-fe71a891]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-fe71a891]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vlalg-nimbus/nb-buttons",
   "description": "Button components for Vuejs 3",
   "private": false,
-  "version": "2.0.5",
+  "version": "2.0.7",
   "type": "module",
   "main": "./dist/nb-buttons.umd.js",
   "module": "./dist/nb-buttons.js",