@vlalg-nimbus/nb-buttons 2.0.3 → 2.0.4

package/dist/nb-buttons.js

@@ -1,9 +1,9 @@
-import { useCssVars as F, toRefs as M, computed as t, openBlock as T, createElementBlock as L, normalizeClass as X, normalizeStyle as B, createElementVNode as R, renderSlot as q, createTextVNode as G, createCommentVNode as A, unref as ae, withModifiers as de, toDisplayString as Q, onMounted as se, ref as ie, watch as ce } from "vue";
-const j = (e, d) => {
-  const N = e.__vccOpts || e;
-  for (const [C, b] of d)
-    N[C] = b;
-  return N;
+import { useCssVars as F, toRefs as M, computed as t, openBlock as T, createElementBlock as L, normalizeClass as X, normalizeStyle as w, createElementVNode as R, renderSlot as q, createTextVNode as G, createCommentVNode as A, unref as ae, withModifiers as de, toDisplayString as te, onMounted as se, ref as ie, watch as ce } from "vue";
+const j = (e, s) => {
+  const B = e.__vccOpts || e;
+  for (const [C, b] of s)
+    B[C] = b;
+  return B;
 }, fe = ["id"], ve = { class: "component-content__text" }, be = /* @__PURE__ */ Object.assign({
   name: "NbButtonVavaGame",
   inheritAttrs: !1
@@ -18,8 +18,8 @@ const j = (e, d) => {
       type: String,
       default: "ib",
       validator: (e = "") => {
-        const d = e.toLowerCase();
-        return ["b", "ib"].includes(d);
+        const s = e.toLowerCase();
+        return ["b", "ib"].includes(s);
       }
     },
     textColor: {
@@ -92,13 +92,13 @@ const j = (e, d) => {
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((u) => ({
       "4348b976": H.value,
       "1735afec": Y.value,
       "58e23cb0": z.value,
-      "451672cd": r.value,
+      "451672cd": d.value,
       "55b7ee16": n.value
     }));
     const {
@@ -110,16 +110,16 @@ const j = (e, d) => {
       uppercase: v,
       paddingXContent: V,
       paddingYContent: g,
-      paddingXBorder: w,
-      paddingYBorder: s,
+      paddingXBorder: N,
+      paddingYBorder: i,
       borderColor: c,
       borderOpacity: m,
       disabled: l,
       fontFamily: S,
       fontSize: $,
       fontWeight: h
-    } = M(N), _ = t(() => {
-      const u = l.value ? "component-disabled" : "", I = C.value !== "b" ? "inline-block" : "block", D = b.value ? b.value : "#ece8e1", O = p.value ? p.value : "green", P = x.value ? x.value : "#ece8e1", E = y.value ? y.value : "cyan", J = c.value ? c.value : "#ffffff", K = !m.value || !(m.value >= 0 && m.value <= 1) ? "0.5" : m.value, U = !w.value || w.value < 0 ? 0.3 : w.value, Z = !s.value || s.value < 0 ? 0.3 : s.value, ee = !V.value || V.value < 0 ? 0.5 : V.value, oe = !g.value || g.value < 0 ? 0.5 : g.value, le = v.value ? "uppercase" : "none", ne = S.value ? S.value : "'Lato', sans-serif", ue = $.value ? $.value : "1.6em", re = !h.value || h.value < 0 ? 100 : h.value;
+    } = M(B), _ = t(() => {
+      const u = l.value ? "component-disabled" : "", I = C.value !== "b" ? "inline-block" : "block", D = b.value ? b.value : "#ece8e1", O = p.value ? p.value : "green", P = x.value ? x.value : "#ece8e1", E = y.value ? y.value : "cyan", J = c.value ? c.value : "#ffffff", K = !m.value || !(m.value >= 0 && m.value <= 1) ? "0.5" : m.value, Q = !N.value || N.value < 0 ? 0.3 : N.value, U = !i.value || i.value < 0 ? 0.3 : i.value, Z = !V.value || V.value < 0 ? 0.5 : V.value, oe = !g.value || g.value < 0 ? 0.5 : g.value, le = v.value ? "uppercase" : "none", ne = S.value ? S.value : "'Lato', sans-serif", ue = $.value ? $.value : "1.6em", re = !h.value || h.value < 0 ? 100 : h.value;
       return {
         disabled: u,
         display: I,
@@ -129,16 +129,16 @@ const j = (e, d) => {
         buttonColorHover: E,
         borderColor: J,
         borderOpacity: K,
-        paddingXBorder: U,
-        paddingYBorder: Z,
-        paddingXContent: ee,
+        paddingXBorder: Q,
+        paddingYBorder: U,
+        paddingXContent: Z,
         paddingYContent: oe,
         uppercase: le,
         font: ne,
         fontSize: ue,
         fontWeight: re
       };
-    }), f = t(() => _.value.disabled), i = t(() => ({
+    }), f = t(() => _.value.disabled), r = t(() => ({
       display: _.value.display
     })), k = t(() => {
       const u = _.value;
@@ -156,23 +156,23 @@ const j = (e, d) => {
       };
     }), o = t(() => ({
       backgroundColor: _.value.buttonColorHover
-    })), H = t(() => _.value.font), r = t(() => _.value.borderColor), n = t(() => _.value.borderOpacity), Y = t(() => _.value.textColor), z = t(() => _.value.textColorHover), W = () => {
-      d("clicked");
+    })), H = t(() => _.value.font), d = t(() => _.value.borderColor), n = t(() => _.value.borderOpacity), Y = t(() => _.value.textColor), z = t(() => _.value.textColorHover), W = () => {
+      s("clicked");
     };
     return (u, I) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", f.value]),
-      style: B([i.value]),
+      style: w([r.value]),
       onClick: W
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component"]),
-        style: B([k.value])
+        style: w([k.value])
       }, [
         R("div", {
           class: "component-content",
-          style: B([a.value])
+          style: w([a.value])
         }, [
           R("span", ve, [
             q(u.$slots, "text", {}, () => [
@@ -181,7 +181,7 @@ const j = (e, d) => {
           ]),
           R("span", {
             class: "component-content__mask",
-            style: B([o.value])
+            style: w([o.value])
           }, null, 4)
         ], 4)
       ], 12, fe)
@@ -258,10 +258,10 @@ const ye = ["id"], ge = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((a) => ({
-      e35bf122: i.value,
+      e35bf122: r.value,
       "122f086c": _.value,
       "590fef9e": f.value,
       "383cafc6": e.textColorHover,
@@ -276,16 +276,16 @@ const ye = ["id"], ge = /* @__PURE__ */ Object.assign({
       paddingY: v,
       disabled: V,
       borderRadius: g,
-      verticalAlign: w,
-      fontFamily: s,
+      verticalAlign: N,
+      fontFamily: i,
       fontSize: c,
       fontWeight: m
-    } = M(N), l = t(() => {
-      const a = C.value ? C.value : "Default Text", o = V.value ? "component-disabled" : "", H = w.value ? w.value : "middle", r = b ? b.value : "ffffff", n = !y.value || y.value < 0 ? 1 : y.value, Y = !v.value || v.value < 0 ? 0.2 : v.value, z = !g.value || g.value < 0 ? 0 : g.value, W = x.value ? x.value : "10, 38, 184", u = !p.value || p.value < 0 ? 0.1 : p.value, I = s.value ? s.value : "'Lato', sans-serif", D = c.value ? c.value : "1.6rem", O = !m.value || m.value < 0 ? 100 : m.value;
+    } = M(B), l = t(() => {
+      const a = C.value ? C.value : "Default Text", o = V.value ? "component-disabled" : "", H = N.value ? N.value : "middle", d = b ? b.value : "ffffff", n = !y.value || y.value < 0 ? 1 : y.value, Y = !v.value || v.value < 0 ? 0.2 : v.value, z = !g.value || g.value < 0 ? 0 : g.value, W = x.value ? x.value : "10, 38, 184", u = !p.value || p.value < 0 ? 0.1 : p.value, I = i.value ? i.value : "'Lato', sans-serif", D = c.value ? c.value : "1.6rem", O = !m.value || m.value < 0 ? 100 : m.value;
       return {
         disabled: o,
         borderRadius: z,
-        textColor: r,
+        textColor: d,
         paddingX: n,
         paddingY: Y,
         buttonColorHover: W,
@@ -313,22 +313,22 @@ const ye = ["id"], ge = /* @__PURE__ */ Object.assign({
     }), f = t(() => {
       const a = l.value;
       return `rgba(${a.buttonColorHover}, ${a.buttonColorOpacityHover})`;
-    }), i = t(() => l.value.font), k = () => {
-      d("clicked");
+    }), r = t(() => l.value.font), k = () => {
+      s("clicked");
     };
     return (a, o) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", S.value]),
-      style: B([$.value]),
+      style: w([$.value]),
       onClick: k
     }, [
       R("a", {
         id: e.nbId,
         class: "nb-reset component tertiary",
-        style: B([h.value]),
+        style: w([h.value]),
         onClick: o[0] || (o[0] = de(() => {
         }, ["prevent"]))
-      }, Q(l.value.text), 13, ye)
+      }, te(l.value.text), 13, ye)
     ], 6)) : A("", !0);
   }
 }), me = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-7f17ac3f"]]);
@@ -419,10 +419,10 @@ const Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((a) => ({
-      "2446b547": i.value,
+      "2446b547": r.value,
       a50bbbd2: e.colorPrimary,
       "0f9f603e": e.textColor,
       "748cd449": e.colorSecondary,
@@ -437,15 +437,15 @@ const Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
       disabledPreview: v,
       disabledNext: V,
       fontFamily: g,
-      fontSize: w,
-      fontWeight: s
-    } = M(N), c = t(() => {
-      const a = y.value ? "component-disabled" : "", o = v.value ? "component-disabled" : "", H = V.value ? "component-disabled" : "", r = !x.value || x.value < 0 ? 0 : x.value, n = !p.value || p.value < 0 ? 0 : p.value, Y = !C.value || C.value < 0 ? 1 : C.value, z = !b.value || b.value < 0 ? 10 : b.value, W = w.value ? w.value : "1.6em", u = !s.value || s.value < 0 ? 100 : s.value;
+      fontSize: N,
+      fontWeight: i
+    } = M(B), c = t(() => {
+      const a = y.value ? "component-disabled" : "", o = v.value ? "component-disabled" : "", H = V.value ? "component-disabled" : "", d = !x.value || x.value < 0 ? 0 : x.value, n = !p.value || p.value < 0 ? 0 : p.value, Y = !C.value || C.value < 0 ? 1 : C.value, z = !b.value || b.value < 0 ? 10 : b.value, W = N.value ? N.value : "1.6em", u = !i.value || i.value < 0 ? 100 : i.value;
       return {
         disabled: a,
         disabledPreview: o,
         disabledNext: H,
-        marginBetween: `${r}px`,
+        marginBetween: `${d}px`,
         borderRadius: `${n}px`,
         paddingX: `${Y}px`,
         paddingY: `${z}px`,
@@ -474,24 +474,24 @@ const Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
         marginLeft: a.marginBetween,
         padding: `${a.paddingX} ${a.paddingY}`
       };
-    }), i = t(() => `'${g.value ? g.value : "'Lato', sans-serif"}'`), k = (a) => {
-      d("clicked", a);
+    }), r = t(() => `'${g.value ? g.value : "'Lato', sans-serif"}'`), k = (a) => {
+      s("clicked", a);
     };
     return (a, o) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", m.value]),
-      style: B([$.value])
+      style: w([$.value])
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component"]),
-        style: B(h.value)
+        style: w(h.value)
       }, [
         e.showPreview ? (T(), L("div", {
           key: 0,
           onClick: o[0] || (o[0] = (H) => k("preview")),
           class: X(["buttonNextPreview buttonPreview", l.value]),
-          style: B(_.value)
+          style: w(_.value)
         }, [
           q(a.$slots, "prev", {}, () => [
             G("← Preview")
@@ -501,7 +501,7 @@ const Ve = ["id"], Ce = /* @__PURE__ */ Object.assign({
           key: 1,
           onClick: o[1] || (o[1] = (H) => k("next")),
           class: X(["buttonNextPreview buttonNext", S.value]),
-          style: B(f.value)
+          style: w(f.value)
         }, [
           q(a.$slots, "next", {}, () => [
             G("Next →")
@@ -525,8 +525,8 @@ const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const d = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(d);
+        const s = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(s);
       }
     },
     textColor: {
@@ -580,13 +580,13 @@ const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((o) => ({
       "196eb3ca": f.value,
       "5a845ff6": ae(b),
       "44f25ea8": k.value,
-      "3eb45b5e": i.value
+      "3eb45b5e": r.value
     }));
     const {
       display: C,
@@ -597,16 +597,16 @@ const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
       paddingY: v,
       borderRadius: V,
       disabled: g,
-      animationSlow: w,
-      fontFamily: s,
+      animationSlow: N,
+      fontFamily: i,
       fontSize: c,
       fontWeight: m
-    } = M(N), l = t(() => {
-      const o = g.value ? "component-disabled" : "", H = C.value !== "b" ? "inline-block" : "block", r = p.value ? p.value : "#ffffff", n = b.value ? b.value : "#bbbbbb", Y = x.value ? x.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !v.value || v.value < 0 ? 0.2 : v.value, u = !V.value || V.value < 0 ? 0 : V.value, I = w.value ? "" : "component-transition__no-slow", D = s.value ? s.value : "'Lato', sans-serif", O = c.value ? c.value : "1.6em", P = !m.value || m.value < 0 ? 100 : m.value;
+    } = M(B), l = t(() => {
+      const o = g.value ? "component-disabled" : "", H = C.value !== "b" ? "inline-block" : "block", d = p.value ? p.value : "#ffffff", n = b.value ? b.value : "#bbbbbb", Y = x.value ? x.value : "#ffffff", z = !y.value || y.value < 0 ? 1 : y.value, W = !v.value || v.value < 0 ? 0.2 : v.value, u = !V.value || V.value < 0 ? 0 : V.value, I = N.value ? "" : "component-transition__no-slow", D = i.value ? i.value : "'Lato', sans-serif", O = c.value ? c.value : "1.6em", P = !m.value || m.value < 0 ? 100 : m.value;
       return {
         disabled: o,
         display: H,
-        containerColor: r,
+        containerColor: d,
         buttonColor: n,
         textColor: Y,
         paddingX: z,
@@ -630,19 +630,19 @@ const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
         fontSize: o.fontSize,
         fontWeight: o.fontWeight
       };
-    }), _ = t(() => l.value.animationSlow), f = t(() => l.value.font), i = t(() => l.value.textColor), k = t(() => l.value.buttonColor), a = () => {
-      d("clicked");
+    }), _ = t(() => l.value.animationSlow), f = t(() => l.value.font), r = t(() => l.value.textColor), k = t(() => l.value.buttonColor), a = () => {
+      s("clicked");
     };
     return (o, H) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", S.value]),
-      style: B([$.value]),
+      style: w([$.value]),
       onClick: a
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component", "component-transition", _.value]),
-        style: B([h.value])
+        style: w([h.value])
       }, [
         q(o.$slots, "content", {}, () => [
           G("Default Text")
@@ -661,16 +661,12 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
       type: String,
       required: !0
     },
-    text: {
-      type: String,
-      default: "Default Text"
-    },
     display: {
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const d = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(d);
+        const s = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(s);
       }
     },
     textColor: {
@@ -720,10 +716,10 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
-    F((i) => ({
-      ba36237e: _.value
+  setup(e, { emit: s }) {
+    const B = e;
+    F((r) => ({
+      a193a08a: _.value
     }));
     const {
       text: C,
@@ -734,19 +730,19 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
       paddingY: v,
       borderRadius: V,
       shadowColor: g,
-      disabled: w,
-      fontFamily: s,
+      disabled: N,
+      fontFamily: i,
       fontSize: c,
       fontWeight: m
-    } = M(N), l = t(() => {
-      const i = w.value ? "component-disabled" : "", k = b.value !== "b" ? "inline-block" : "block", a = x.value ? x.value : "#bbbbbb", o = g.value ? g.value : "#002f3c", H = p.value ? p.value : "#ffffff", r = !y.value || y.value < 0 ? 1 : y.value, n = !v.value || v.value < 0 ? 1 : v.value, Y = !V.value || V.value < 0 ? 0 : V.value, z = s.value ? s.value : "'Lato', sans-serif", W = c.value ? c.value : "1.6em", u = !m.value || m.value < 0 ? 100 : m.value;
+    } = M(B), l = t(() => {
+      const r = N.value ? "component-disabled" : "", k = b.value !== "b" ? "inline-block" : "block", a = x.value ? x.value : "#bbbbbb", o = g.value ? g.value : "#002f3c", H = p.value ? p.value : "#ffffff", d = !y.value || y.value < 0 ? 1 : y.value, n = !v.value || v.value < 0 ? 1 : v.value, Y = !V.value || V.value < 0 ? 0 : V.value, z = i.value ? i.value : "'Lato', sans-serif", W = c.value ? c.value : "1.6em", u = !m.value || m.value < 0 ? 100 : m.value;
       return {
-        disabled: i,
+        disabled: r,
         display: k,
         buttonColor: a,
         shadowColor: o,
         textColor: H,
-        paddingX: r,
+        paddingX: d,
         paddingY: n,
         borderRadius: Y,
         font: z,
@@ -756,34 +752,38 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
     }), S = t(() => l.value.disabled), $ = t(() => ({
       display: l.value.display
     })), h = t(() => {
-      const i = l.value;
+      const r = l.value;
       return {
-        color: i.textColor,
-        backgroundColor: i.buttonColor,
-        boxShadow: `0 0 #0000, 0 0 #0000, 3px 3px 0 ${i.shadowColor}`,
-        padding: `${i.paddingY}rem ${i.paddingX}rem`,
-        padding: `${i.paddingY}rem ${i.paddingX}rem`,
-        borderRadius: `${i.borderRadius}rem`,
-        fontSize: i.fontSize,
-        fontWeight: i.fontWeight
+        color: r.textColor,
+        backgroundColor: r.buttonColor,
+        boxShadow: `0 0 #0000, 0 0 #0000, 3px 3px 0 ${r.shadowColor}`,
+        padding: `${r.paddingY}rem ${r.paddingX}rem`,
+        padding: `${r.paddingY}rem ${r.paddingX}rem`,
+        borderRadius: `${r.borderRadius}rem`,
+        fontSize: r.fontSize,
+        fontWeight: r.fontWeight
       };
     }), _ = t(() => l.value.font), f = () => {
-      d("clicked");
+      s("clicked");
     };
-    return (i, k) => e.nbId ? (T(), L("div", {
+    return (r, k) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", S.value]),
-      style: B([$.value]),
+      style: w([$.value]),
       onClick: f
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component", "component-transition"]),
-        style: B([h.value])
-      }, Q(N.text), 13, Ne)
+        style: w([h.value])
+      }, [
+        q(r.$slots, "content", {}, () => [
+          G("Default Text")
+        ], !0)
+      ], 12, Ne)
     ], 6)) : A("", !0);
   }
-}), Be = /* @__PURE__ */ j(we, [["__scopeId", "data-v-20a2a691"]]);
+}), Be = /* @__PURE__ */ j(we, [["__scopeId", "data-v-fec2a51e"]]);
 const He = ["id"], $e = /* @__PURE__ */ Object.assign({
   name: "NbButtonHamburger",
   inheritAttrs: !1
@@ -832,8 +832,8 @@ const He = ["id"], $e = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((f) => ({
       "4f0c7280": $.value,
       "86dec5da": h.value
@@ -848,37 +848,37 @@ const He = ["id"], $e = /* @__PURE__ */ Object.assign({
       colorHover: v,
       paddingX: V,
       paddingY: g,
-      disabled: w
-    } = M(N), s = t(() => {
-      const f = w.value ? "component-disabled" : "", i = C.value ? "change" : "", k = p.value ? p.value : "#333333", a = x.value ? x.value : "#ffffff", o = !V.value || V.value < 0 ? 3 : V.value, H = !g.value || g.value < 0 ? 3 : g.value, r = y.value ? y.value : "yellow", n = v.value ? v.value : "red";
+      disabled: N
+    } = M(B), i = t(() => {
+      const f = N.value ? "component-disabled" : "", r = C.value ? "change" : "", k = p.value ? p.value : "#333333", a = x.value ? x.value : "#ffffff", o = !V.value || V.value < 0 ? 3 : V.value, H = !g.value || g.value < 0 ? 3 : g.value, d = y.value ? y.value : "yellow", n = v.value ? v.value : "red";
       return {
         disabled: f,
-        buttonStatus: i,
+        buttonStatus: r,
         containerColor: k,
         paddingX: o,
         paddingY: H,
         color: a,
-        containerColorHover: r,
+        containerColorHover: d,
         colorHover: n
       };
-    }), c = t(() => s.value.disabled), m = t(() => {
-      const f = s.value;
+    }), c = t(() => i.value.disabled), m = t(() => {
+      const f = i.value;
       return {
         padding: `${f.paddingY}px ${f.paddingX}px`,
         backgroundColor: f.containerColor
       };
     }), l = t(() => ({
-      backgroundColor: s.value.color
-    })), S = t(() => s.value.buttonStatus), $ = t(() => s.value.containerColorHover), h = t(() => s.value.colorHover), _ = () => {
+      backgroundColor: i.value.color
+    })), S = t(() => i.value.buttonStatus), $ = t(() => i.value.containerColorHover), h = t(() => i.value.colorHover), _ = () => {
       const f = !C.value;
-      C.value = f, d("clicked", f);
+      C.value = f, s("clicked", f);
     };
     return ce(b, () => {
       C.value = b.value;
-    }), (f, i) => e.nbId ? (T(), L("div", {
+    }), (f, r) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", c.value]),
-      style: B([m.value]),
+      style: w([m.value]),
       onClick: _
     }, [
       R("div", {
@@ -887,15 +887,15 @@ const He = ["id"], $e = /* @__PURE__ */ Object.assign({
       }, [
         R("div", {
           class: "component__line-one",
-          style: B(l.value)
+          style: w(l.value)
         }, null, 4),
         R("div", {
           class: "component__line-two",
-          style: B(l.value)
+          style: w(l.value)
         }, null, 4),
         R("div", {
           class: "component__line-three",
-          style: B(l.value)
+          style: w(l.value)
         }, null, 4)
       ], 10, He)
     ], 6)) : A("", !0);
@@ -915,8 +915,8 @@ const Ye = ["id"], Xe = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const d = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(d);
+        const s = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(s);
       }
     },
     text: {
@@ -970,13 +970,13 @@ const Ye = ["id"], Xe = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((o) => ({
       bf6244be: f.value,
       "3087ef32": k.value,
       b71ed32e: _.value,
-      df6e4b52: i.value
+      df6e4b52: r.value
     }));
     const {
       text: C,
@@ -987,15 +987,15 @@ const Ye = ["id"], Xe = /* @__PURE__ */ Object.assign({
       paddingX: v,
       paddingY: V,
       borderRadius: g,
-      disabled: w,
-      fontFamily: s,
+      disabled: N,
+      fontFamily: i,
       fontSize: c,
       fontWeight: m
-    } = M(N), l = t(() => {
-      const o = C.value ? C.value : "Default Text", H = w.value ? "component-disabled" : "", r = b.value !== "b" ? "inline-block" : "block", n = x.value ? x.value : "#bbbbbb", Y = p.value ? p.value : "#ffe54c", z = y.value ? y.value : "#ffffff", W = !v.value || v.value < 0 ? 1 : v.value, u = !V.value || V.value < 0 ? 0.2 : V.value, I = !g.value || g.value < 0 ? 0 : g.value, D = s.value ? s.value : "'Lato', sans-serif", O = c.value ? c.value : "1.6em", P = !m.value || m.value < 0 ? 200 : m.value;
+    } = M(B), l = t(() => {
+      const o = C.value ? C.value : "Default Text", H = N.value ? "component-disabled" : "", d = b.value !== "b" ? "inline-block" : "block", n = x.value ? x.value : "#bbbbbb", Y = p.value ? p.value : "#ffe54c", z = y.value ? y.value : "#ffffff", W = !v.value || v.value < 0 ? 1 : v.value, u = !V.value || V.value < 0 ? 0.2 : V.value, I = !g.value || g.value < 0 ? 0 : g.value, D = i.value ? i.value : "'Lato', sans-serif", O = c.value ? c.value : "1.6em", P = !m.value || m.value < 0 ? 200 : m.value;
       return {
         disabled: H,
-        display: r,
+        display: d,
         buttonColor: n,
         borderColor: Y,
         textColor: z,
@@ -1019,20 +1019,20 @@ const Ye = ["id"], Xe = /* @__PURE__ */ Object.assign({
         fontSize: o.fontSize,
         fontWeight: o.fontWeight
       };
-    }), _ = t(() => `${l.value.borderRadius}rem`), f = t(() => l.value.font), i = t(() => l.value.textColor), k = t(() => l.value.buttonColor), a = () => {
-      d("clicked");
+    }), _ = t(() => `${l.value.borderRadius}rem`), f = t(() => l.value.font), r = t(() => l.value.textColor), k = t(() => l.value.buttonColor), a = () => {
+      s("clicked");
     };
     return (o, H) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", S.value]),
-      style: B([$.value]),
+      style: w([$.value]),
       onClick: a
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component"]),
-        style: B([h.value])
-      }, Q(l.value.text), 13, Ye)
+        style: w([h.value])
+      }, te(l.value.text), 13, Ye)
     ], 6)) : A("", !0);
   }
 }), Re = /* @__PURE__ */ j(Xe, [["__scopeId", "data-v-34a3b3a9"]]);
@@ -1054,8 +1054,8 @@ const ze = ["id"], We = /* @__PURE__ */ Object.assign({
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const d = e.toLowerCase();
-        return ["b", "ib"].includes(d);
+        const s = e.toLowerCase();
+        return ["b", "ib"].includes(s);
       }
     },
     textColor: {
@@ -1109,14 +1109,14 @@ const ze = ["id"], We = /* @__PURE__ */ Object.assign({
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
-    F((r) => ({
+  setup(e, { emit: s }) {
+    const B = e;
+    F((d) => ({
       ea8f1624: f.value,
       "68a00a02": a.value,
       a1f5bb90: k.value,
       "7c8ae57d": o.value,
-      "0ca91538": i.value
+      "0ca91538": r.value
     }));
     const {
       text: C,
@@ -1127,20 +1127,20 @@ const ze = ["id"], We = /* @__PURE__ */ Object.assign({
       borderRadius: v,
       disabled: V,
       fontFamily: g,
-      fontSize: w,
-      fontWeight: s,
+      fontSize: N,
+      fontWeight: i,
       textColorHover: c,
       buttonColor: m,
       buttonColorHover: l
-    } = M(N), S = t(() => {
-      const r = C.value ? C.value : "Default Text", n = V.value ? "component-disabled" : "", Y = b.value !== "b" ? "inline-block" : "block", z = x ? x.value : "ffffff", W = !p.value || p.value < 0 ? 1 : p.value, u = !y.value || y.value < 0 ? 0.2 : y.value, I = !v.value || v.value < 0 ? 0 : v.value, D = g.value ? g.value : "'Lato', sans-serif", O = w.value ? w.value : "1.6rem", P = !s.value || s.value < 0 ? 100 : s.value, E = c.value ? c.value : "#cccccc", J = m.value ? m.value : "#bbbbbb", K = l.value ? l.value : "#959595";
+    } = M(B), S = t(() => {
+      const d = C.value ? C.value : "Default Text", n = V.value ? "component-disabled" : "", Y = b.value !== "b" ? "inline-block" : "block", z = x ? x.value : "ffffff", W = !p.value || p.value < 0 ? 1 : p.value, u = !y.value || y.value < 0 ? 0.2 : y.value, I = !v.value || v.value < 0 ? 0 : v.value, D = g.value ? g.value : "'Lato', sans-serif", O = N.value ? N.value : "1.6rem", P = !i.value || i.value < 0 ? 100 : i.value, E = c.value ? c.value : "#cccccc", J = m.value ? m.value : "#bbbbbb", K = l.value ? l.value : "#959595";
       return {
         disabled: n,
         display: Y,
         font: D,
         fontSize: O,
         fontWeight: P,
-        text: r,
+        text: d,
         textColor: z,
         paddingX: W,
         paddingY: u,
@@ -1150,33 +1150,33 @@ const ze = ["id"], We = /* @__PURE__ */ Object.assign({
         buttonColorHover: K
       };
     }), $ = t(() => S.value.disabled), h = t(() => {
-      const r = S.value;
+      const d = S.value;
       return {
-        display: r.display,
-        borderRadius: `${r.borderRadius}rem`
+        display: d.display,
+        borderRadius: `${d.borderRadius}rem`
       };
     }), _ = t(() => {
-      const r = S.value;
+      const d = S.value;
       return {
-        color: r.textColor,
-        padding: `${r.paddingY}rem ${r.paddingX}rem`,
-        borderRadius: `${r.borderRadius}rem`,
-        fontSize: r.fontSize,
-        fontWeight: r.fontWeight
+        color: d.textColor,
+        padding: `${d.paddingY}rem ${d.paddingX}rem`,
+        borderRadius: `${d.borderRadius}rem`,
+        fontSize: d.fontSize,
+        fontWeight: d.fontWeight
       };
-    }), f = t(() => S.value.font), i = t(() => S.value.textColor), k = t(() => S.value.textColorHover), a = t(() => S.value.buttonColor), o = t(() => S.value.buttonColorHover), H = () => {
-      d("clicked");
+    }), f = t(() => S.value.font), r = t(() => S.value.textColor), k = t(() => S.value.textColorHover), a = t(() => S.value.buttonColor), o = t(() => S.value.buttonColorHover), H = () => {
+      s("clicked");
     };
-    return (r, n) => (T(), L("div", {
+    return (d, n) => (T(), L("div", {
       class: X(["nb-wrapper", $.value]),
-      style: B([h.value]),
+      style: w([h.value]),
       onClick: H
     }, [
       R("div", {
         id: e.nbId,
         class: "nb-reset component component-transition",
-        style: B([_.value])
-      }, Q(S.value.text), 13, ze)
+        style: w([_.value])
+      }, te(S.value.text), 13, ze)
     ], 6));
   }
 }), Ie = /* @__PURE__ */ j(We, [["__scopeId", "data-v-14a4a2ac"]]);
@@ -1194,8 +1194,8 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
       type: String,
       default: "b",
       validator: (e = "b") => {
-        const d = e ? e.toLowerCase() : "";
-        return ["b", "ib"].includes(d);
+        const s = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(s);
       }
     },
     textColor: {
@@ -1263,8 +1263,8 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
     }
   },
   emits: ["clicked"],
-  setup(e, { emit: d }) {
-    const N = e;
+  setup(e, { emit: s }) {
+    const B = e;
     F((n) => ({
       "17a23bbc": k.value,
       "2cc4da9c": a.value,
@@ -1280,15 +1280,15 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
       borderRadius: v,
       textColor: V,
       textHoverColor: g,
-      width: w,
-      paddingX: s,
+      width: N,
+      paddingX: i,
       paddingY: c,
       disabled: m,
       fontFamily: l,
       fontSize: S,
       fontWeight: $
-    } = M(N), h = t(() => {
-      const n = m.value ? "component-disabled" : "", Y = C.value !== "b" ? "inline-block" : "block", z = b.value ? b.value : "#ffffff", W = p.value ? p.value : "#000000", u = x.value ? x.value : "#ffe54c", I = !v.value || v.value < 0 ? 0 : v.value, D = [!1, !0].includes(y.value) ? y.value : !0, O = V.value ? V.value : "#ffffff", P = g.value ? g.value : "#000000", E = !w.value || w.value < 86 ? 86 : w.value, J = !s.value || s.value < 0 ? 1 : s.value, K = !c.value || c.value < 0 ? 0.4 : c.value, U = l.value ? l.value : "'Lato', sans-serif", Z = S.value ? S.value : "1.6em", ee = !$.value || $.value < 0 ? 200 : $.value;
+    } = M(B), h = t(() => {
+      const n = m.value ? "component-disabled" : "", Y = C.value !== "b" ? "inline-block" : "block", z = b.value ? b.value : "#ffffff", W = p.value ? p.value : "#000000", u = x.value ? x.value : "#ffe54c", I = !v.value || v.value < 0 ? 0 : v.value, D = [!1, !0].includes(y.value) ? y.value : !0, O = V.value ? V.value : "#ffffff", P = g.value ? g.value : "#000000", E = !N.value || N.value < 86 ? 86 : N.value, J = !i.value || i.value < 0 ? 1 : i.value, K = !c.value || c.value < 0 ? 0.4 : c.value, Q = l.value ? l.value : "'Lato', sans-serif", U = S.value ? S.value : "1.6em", Z = !$.value || $.value < 0 ? 200 : $.value;
       return {
         disabled: n,
         display: Y,
@@ -1302,13 +1302,13 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
         width: E,
         paddingX: J,
         paddingY: K,
-        font: U,
-        fontSize: Z,
-        fontWeight: ee
+        font: Q,
+        fontSize: U,
+        fontWeight: Z
       };
     }), _ = t(() => h.value.disabled), f = t(() => ({
       display: h.value.display
-    })), i = t(() => {
+    })), r = t(() => {
       const n = h.value, Y = n.display === "block" ? "auto" : `${n.width}px`;
       return {
         ...n.showBorder ? { border: `1px solid ${n.borderColor}` } : {},
@@ -1321,19 +1321,19 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
         fontSize: n.fontSize,
         fontWeight: n.fontWeight
       };
-    }), k = t(() => h.value.font), a = t(() => h.value.textColor), o = t(() => h.value.textHoverColor), H = t(() => h.value.buttonHoverColor), r = () => {
-      d("clicked");
+    }), k = t(() => h.value.font), a = t(() => h.value.textColor), o = t(() => h.value.textHoverColor), H = t(() => h.value.buttonHoverColor), d = () => {
+      s("clicked");
     };
     return (n, Y) => e.nbId ? (T(), L("div", {
       key: 0,
       class: X(["nb-wrapper", _.value]),
-      style: B([f.value]),
-      onClick: r
+      style: w([f.value]),
+      onClick: d
     }, [
       R("div", {
         id: e.nbId,
         class: X(["nb-reset", "component"]),
-        style: B([i.value])
+        style: w([r.value])
       }, [
         R("div", Oe, [
           q(n.$slots, "content", {}, () => [
@@ -1348,7 +1348,7 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
       ], 12, De)
     ], 6)) : A("", !0);
   }
-}), Ae = /* @__PURE__ */ j(Le, [["__scopeId", "data-v-e0ed856f"]]), te = {
+}), Ae = /* @__PURE__ */ j(Le, [["__scopeId", "data-v-e0ed856f"]]), ee = {
   NbButtonVavaGame: pe,
   NbButtonShowHover: me,
   NbButtonPrevNext: xe,
@@ -1360,10 +1360,10 @@ const De = ["id"], Oe = { class: "first-child" }, Te = { class: "last-child" },
   NbButtonAlternateText: Ae
 }, Fe = {
   install(e) {
-    for (const d in te)
-      if (Object.prototype.hasOwnProperty.call(te, d)) {
-        const N = te[d];
-        e.component(N.name, N);
+    for (const s in ee)
+      if (Object.prototype.hasOwnProperty.call(ee, s)) {
+        const B = ee[s];
+        e.component(B.name, B);
       }
   }
 };

package/dist/nb-buttons.umd.cjs

@@ -1 +1 @@
-(function(t,L){typeof exports=="object"&&typeof module<"u"?module.exports=L(require("vue")):typeof define=="function"&&define.amd?define(["vue"],L):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=L(t.Vue))})(this,function(t){"use strict";const L="",D=(e,u)=>{const h=e.__vccOpts||e;for(const[C,b]of u)h[C]=b;return h},M=["id"],q={class:"component-content__text"},G=D(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},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:u}){const h=e;t.useCssVars(r=>({"4348b976":z.value,"1735afec":$.value,"58e23cb0":H.value,"451672cd":d.value,"55b7ee16":n.value}));const{display:C,textColor:b,textColorHover:S,buttonColor:m,buttonColorHover:y,uppercase:p,paddingXContent:V,paddingYContent:v,paddingXBorder:B,paddingYBorder:s,borderColor:c,borderOpacity:g,disabled:l,fontFamily:x,fontSize:w,fontWeight:N}=t.toRefs(h),_=t.computed(()=>{const r=l.value?"component-disabled":"",Y=C.value!=="b"?"inline-block":"block",X=b.value?b.value:"#ece8e1",W=m.value?m.value:"green",I=S.value?S.value:"#ece8e1",T=y.value?y.value:"cyan",E=c.value?c.value:"#ffffff",O=!g.value||!(g.value>=0&&g.value<=1)?"0.5":g.value,P=!B.value||B.value<0?.3:B.value,F=!s.value||s.value<0?.3:s.value,j=!V.value||V.value<0?.5:V.value,fe=!v.value||v.value<0?.5:v.value,pe=p.value?"uppercase":"none",be=x.value?x.value:"'Lato', sans-serif",me=w.value?w.value:"1.6em",ye=!N.value||N.value<0?100:N.value;return{disabled:r,display:Y,textColor:X,buttonColor:W,textColorHover:I,buttonColorHover:T,borderColor:E,borderOpacity:O,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),f=t.computed(()=>_.value.disabled),i=t.computed(()=>({display:_.value.display})),k=t.computed(()=>{const r=_.value;return{padding:`${r.paddingYBorder}rem ${r.paddingXBorder}rem`,fontSize:r.fontSize,fontWeight:r.fontWeight}}),o=t.computed(()=>{const r=_.value;return{textTransform:r.uppercase,padding:`${r.paddingYContent}rem ${r.paddingXContent}rem`,backgroundColor:r.buttonColor}}),a=t.computed(()=>({backgroundColor:_.value.buttonColorHover})),z=t.computed(()=>_.value.font),d=t.computed(()=>_.value.borderColor),n=t.computed(()=>_.value.borderOpacity),$=t.computed(()=>_.value.textColor),H=t.computed(()=>_.value.textColorHover),R=()=>{u("clicked")};return(r,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",f.value]),style:t.normalizeStyle([i.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([k.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([o.value])},[t.createElementVNode("span",q,[t.renderSlot(r.$slots,"text",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-09b2bb91"]]),ge="",J=["id"],K=D(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},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:u}){const h=e;t.useCssVars(o=>({e35bf122:i.value,"122f086c":_.value,"590fef9e":f.value,"383cafc6":e.textColorHover,66192716:t.unref(b)}));const{text:C,textColor:b,buttonColorHover:S,buttonColorOpacityHover:m,paddingX:y,paddingY:p,disabled:V,borderRadius:v,verticalAlign:B,fontFamily:s,fontSize:c,fontWeight:g}=t.toRefs(h),l=t.computed(()=>{const o=C.value?C.value:"Default Text",a=V.value?"component-disabled":"",z=B.value?B.value:"middle",d=b?b.value:"ffffff",n=!y.value||y.value<0?1:y.value,$=!p.value||p.value<0?.2:p.value,H=!v.value||v.value<0?0:v.value,R=S.value?S.value:"10, 38, 184",r=!m.value||m.value<0?.1:m.value,Y=s.value?s.value:"'Lato', sans-serif",X=c.value?c.value:"1.6rem",W=!g.value||g.value<0?100:g.value;return{disabled:a,borderRadius:H,textColor:d,paddingX:n,paddingY:$,buttonColorHover:R,buttonColorOpacityHover:r,font:Y,fontSize:X,fontWeight:W,text:o,verticalAlign:z}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({verticalAlign:l.value.verticalAlign})),N=t.computed(()=>{const o=l.value;return{color:o.textColor,padding:`${o.paddingY}rem 0`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=l.value;return`${o.paddingY}rem ${o.paddingX}rem`}),f=t.computed(()=>{const o=l.value;return`rgba(${o.buttonColorHover}, ${o.buttonColorOpacityHover})`}),i=t.computed(()=>l.value.font),k=()=>{u("clicked")};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:k},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([N.value]),onClick:a[0]||(a[0]=t.withModifiers(()=>{},["prevent"]))},t.toDisplayString(l.value.text),13,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-7f17ac3f"]]),Ce="",Q=["id"],U=D(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:u}){const h=e;t.useCssVars(o=>({"2446b547":i.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:C,paddingY:b,marginBetween:S,borderRadius:m,disabled:y,disabledPreview:p,disabledNext:V,fontFamily:v,fontSize:B,fontWeight:s}=t.toRefs(h),c=t.computed(()=>{const o=y.value?"component-disabled":"",a=p.value?"component-disabled":"",z=V.value?"component-disabled":"",d=!S.value||S.value<0?0:S.value,n=!m.value||m.value<0?0:m.value,$=!C.value||C.value<0?1:C.value,H=!b.value||b.value<0?10:b.value,R=B.value?B.value:"1.6em",r=!s.value||s.value<0?100:s.value;return{disabled:o,disabledPreview:a,disabledNext:z,marginBetween:`${d}px`,borderRadius:`${n}px`,paddingX:`${$}px`,paddingY:`${H}px`,fontSize:R,fontWeight:r}}),g=t.computed(()=>c.value.disabled),l=t.computed(()=>c.value.disabledPreview),x=t.computed(()=>c.value.disabledNext),w=t.computed(()=>({display:c.value.display})),N=t.computed(()=>{const o=c.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=c.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),f=t.computed(()=>{const o=c.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),i=t.computed(()=>`'${v.value?v.value:"'Lato', sans-serif"}'`),k=o=>{u("clicked",o)};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",g.value]),style:t.normalizeStyle([w.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:a[0]||(a[0]=z=>k("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",l.value]),style:t.normalizeStyle(_.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:a[1]||(a[1]=z=>k("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",x.value]),style:t.normalizeStyle(f.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),xe="",Z=["id"],ee=D(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},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:u}){const h=e;t.useCssVars(a=>({"196eb3ca":f.value,"5a845ff6":t.unref(b),"44f25ea8":k.value,"3eb45b5e":i.value}));const{display:C,buttonColor:b,textColor:S,containerColor:m,paddingX:y,paddingY:p,borderRadius:V,disabled:v,animationSlow:B,fontFamily:s,fontSize:c,fontWeight:g}=t.toRefs(h),l=t.computed(()=>{const a=v.value?"component-disabled":"",z=C.value!=="b"?"inline-block":"block",d=m.value?m.value:"#ffffff",n=b.value?b.value:"#bbbbbb",$=S.value?S.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!p.value||p.value<0?.2:p.value,r=!V.value||V.value<0?0:V.value,Y=B.value?"":"component-transition__no-slow",X=s.value?s.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",I=!g.value||g.value<0?100:g.value;return{disabled:a,display:z,containerColor:d,buttonColor:n,textColor:$,paddingX:H,paddingY:R,borderRadius:r,animationSlow:Y,font:X,fontSize:W,fontWeight:I}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>l.value.animationSlow),f=t.computed(()=>l.value.font),i=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{u("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",_.value]),style:t.normalizeStyle([N.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Ne="",te=["id"],oe=D(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},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:u}){const h=e;t.useCssVars(i=>({ba36237e:_.value}));const{text:C,display:b,buttonColor:S,textColor:m,paddingX:y,paddingY:p,borderRadius:V,shadowColor:v,disabled:B,fontFamily:s,fontSize:c,fontWeight:g}=t.toRefs(h),l=t.computed(()=>{const i=B.value?"component-disabled":"",k=b.value!=="b"?"inline-block":"block",o=S.value?S.value:"#bbbbbb",a=v.value?v.value:"#002f3c",z=m.value?m.value:"#ffffff",d=!y.value||y.value<0?1:y.value,n=!p.value||p.value<0?1:p.value,$=!V.value||V.value<0?0:V.value,H=s.value?s.value:"'Lato', sans-serif",R=c.value?c.value:"1.6em",r=!g.value||g.value<0?100:g.value;return{disabled:i,display:k,buttonColor:o,shadowColor:a,textColor:z,paddingX:d,paddingY:n,borderRadius:$,font:H,fontSize:R,fontWeight:r}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const i=l.value;return{color:i.textColor,backgroundColor:i.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${i.shadowColor}`,padding:`${i.paddingY}rem ${i.paddingX}rem`,padding:`${i.paddingY}rem ${i.paddingX}rem`,borderRadius:`${i.borderRadius}rem`,fontSize:i.fontSize,fontWeight:i.fontWeight}}),_=t.computed(()=>l.value.font),f=()=>{u("clicked")};return(i,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:f},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([N.value])},t.toDisplayString(h.text),13,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-20a2a691"]]),Be="",ae=["id"],le=D(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:u}){const h=e;t.useCssVars(f=>({"4f0c7280":w.value,"86dec5da":N.value})),t.onMounted(()=>{C.value=b.value});const C=t.ref(!1),{status:b,color:S,containerColor:m,containerColorHover:y,colorHover:p,paddingX:V,paddingY:v,disabled:B}=t.toRefs(h),s=t.computed(()=>{const f=B.value?"component-disabled":"",i=C.value?"change":"",k=m.value?m.value:"#333333",o=S.value?S.value:"#ffffff",a=!V.value||V.value<0?3:V.value,z=!v.value||v.value<0?3:v.value,d=y.value?y.value:"yellow",n=p.value?p.value:"red";return{disabled:f,buttonStatus:i,containerColor:k,paddingX:a,paddingY:z,color:o,containerColorHover:d,colorHover:n}}),c=t.computed(()=>s.value.disabled),g=t.computed(()=>{const f=s.value;return{padding:`${f.paddingY}px ${f.paddingX}px`,backgroundColor:f.containerColor}}),l=t.computed(()=>({backgroundColor:s.value.color})),x=t.computed(()=>s.value.buttonStatus),w=t.computed(()=>s.value.containerColorHover),N=t.computed(()=>s.value.colorHover),_=()=>{const f=!C.value;C.value=f,u("clicked",f)};return t.watch(b,()=>{C.value=b.value}),(f,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",c.value]),style:t.normalizeStyle([g.value]),onClick:_},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",x.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(l.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=D(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},text:{type:String,default:"Default Text"},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:u}){const h=e;t.useCssVars(a=>({bf6244be:f.value,"3087ef32":k.value,b71ed32e:_.value,df6e4b52:i.value}));const{text:C,display:b,buttonColor:S,borderColor:m,textColor:y,paddingX:p,paddingY:V,borderRadius:v,disabled:B,fontFamily:s,fontSize:c,fontWeight:g}=t.toRefs(h),l=t.computed(()=>{const a=C.value?C.value:"Default Text",z=B.value?"component-disabled":"",d=b.value!=="b"?"inline-block":"block",n=S.value?S.value:"#bbbbbb",$=m.value?m.value:"#ffe54c",H=y.value?y.value:"#ffffff",R=!p.value||p.value<0?1:p.value,r=!V.value||V.value<0?.2:V.value,Y=!v.value||v.value<0?0:v.value,X=s.value?s.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",I=!g.value||g.value<0?200:g.value;return{disabled:z,display:d,buttonColor:n,borderColor:$,textColor:H,paddingX:R,paddingY:r,text:a,borderRadius:Y,font:X,fontSize:W,fontWeight:I}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.value;return{border:`1px solid ${a.borderColor}`,color:a.textColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:_.value,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>`${l.value.borderRadius}rem`),f=t.computed(()=>l.value.font),i=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{u("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([N.value])},t.toDisplayString(l.value.text),13,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-34a3b3a9"]]),$e="",de=["id"],ue=D(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},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:u}){const h=e;t.useCssVars(d=>({ea8f1624:f.value,"68a00a02":o.value,a1f5bb90:k.value,"7c8ae57d":a.value,"0ca91538":i.value}));const{text:C,display:b,textColor:S,paddingX:m,paddingY:y,borderRadius:p,disabled:V,fontFamily:v,fontSize:B,fontWeight:s,textColorHover:c,buttonColor:g,buttonColorHover:l}=t.toRefs(h),x=t.computed(()=>{const d=C.value?C.value:"Default Text",n=V.value?"component-disabled":"",$=b.value!=="b"?"inline-block":"block",H=S?S.value:"ffffff",R=!m.value||m.value<0?1:m.value,r=!y.value||y.value<0?.2:y.value,Y=!p.value||p.value<0?0:p.value,X=v.value?v.value:"'Lato', sans-serif",W=B.value?B.value:"1.6rem",I=!s.value||s.value<0?100:s.value,T=c.value?c.value:"#cccccc",E=g.value?g.value:"#bbbbbb",O=l.value?l.value:"#959595";return{disabled:n,display:$,font:X,fontSize:W,fontWeight:I,text:d,textColor:H,paddingX:R,paddingY:r,borderRadius:Y,textColorHover:T,buttonColor:E,buttonColorHover:O}}),w=t.computed(()=>x.value.disabled),N=t.computed(()=>{const d=x.value;return{display:d.display,borderRadius:`${d.borderRadius}rem`}}),_=t.computed(()=>{const d=x.value;return{color:d.textColor,padding:`${d.paddingY}rem ${d.paddingX}rem`,borderRadius:`${d.borderRadius}rem`,fontSize:d.fontSize,fontWeight:d.fontWeight}}),f=t.computed(()=>x.value.font),i=t.computed(()=>x.value.textColor),k=t.computed(()=>x.value.textColorHover),o=t.computed(()=>x.value.buttonColor),a=t.computed(()=>x.value.buttonColorHover),z=()=>{u("clicked")};return(d,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([N.value]),onClick:z},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([_.value])},t.toDisplayString(x.value.text),13,de)],6))}}),[["__scopeId","data-v-14a4a2ac"]]),Re="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},A={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:re,NbButtonColorHover:ue,NbButtonAlternateText:D(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},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:u}){const h=e;t.useCssVars(n=>({"17a23bbc":k.value,"2cc4da9c":o.value,aa259cd0:a.value,f0e00666:z.value}));const{display:C,buttonColor:b,borderColor:S,buttonHoverColor:m,showBorder:y,borderRadius:p,textColor:V,textHoverColor:v,width:B,paddingX:s,paddingY:c,disabled:g,fontFamily:l,fontSize:x,fontWeight:w}=t.toRefs(h),N=t.computed(()=>{const n=g.value?"component-disabled":"",$=C.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",r=S.value?S.value:"#ffe54c",Y=!p.value||p.value<0?0:p.value,X=[!1,!0].includes(y.value)?y.value:!0,W=V.value?V.value:"#ffffff",I=v.value?v.value:"#000000",T=!B.value||B.value<86?86:B.value,E=!s.value||s.value<0?1:s.value,O=!c.value||c.value<0?.4:c.value,P=l.value?l.value:"'Lato', sans-serif",F=x.value?x.value:"1.6em",j=!w.value||w.value<0?200:w.value;return{disabled:n,display:$,buttonColor:H,buttonHoverColor:R,borderColor:r,showBorder:X,borderRadius:Y,textColor:W,textHoverColor:I,width:T,paddingX:E,paddingY:O,font:P,fontSize:F,fontWeight:j}}),_=t.computed(()=>N.value.disabled),f=t.computed(()=>({display:N.value.display})),i=t.computed(()=>{const n=N.value,$=n.display==="block"?"auto":`${n.width}px`;return{...n.showBorder?{border:`1px solid ${n.borderColor}`}:{},borderRadius:`${n.borderRadius}rem`,background:n.buttonColor,minWidth:"33px",width:$,padding:`${n.paddingY}rem ${n.paddingX}rem`,lineHeight:"1.42857143",fontSize:n.fontSize,fontWeight:n.fontWeight}}),k=t.computed(()=>N.value.font),o=t.computed(()=>N.value.textColor),a=t.computed(()=>N.value.textHoverColor),z=t.computed(()=>N.value.buttonHoverColor),d=()=>{u("clicked")};return(n,$)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([f.value]),onClick:d},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([i.value])},[t.createElementVNode("div",ie,[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(n.$slots,"content-alternate",{},()=>[t.createTextVNode("Default Alternate Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-e0ed856f"]])};return{install(e){for(const u in A)if(Object.prototype.hasOwnProperty.call(A,u)){const h=A[u];e.component(h.name,h)}}}});
+(function(t,L){typeof exports=="object"&&typeof module<"u"?module.exports=L(require("vue")):typeof define=="function"&&define.amd?define(["vue"],L):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=L(t.Vue))})(this,function(t){"use strict";const L="",I=(e,s)=>{const B=e.__vccOpts||e;for(const[C,b]of s)B[C]=b;return B},M=["id"],q={class:"component-content__text"},G=I(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 B=e;t.useCssVars(r=>({"4348b976":z.value,"1735afec":$.value,"58e23cb0":H.value,"451672cd":u.value,"55b7ee16":n.value}));const{display:C,textColor:b,textColorHover:S,buttonColor:m,buttonColorHover:y,uppercase:p,paddingXContent:V,paddingYContent:v,paddingXBorder:h,paddingYBorder:i,borderColor:c,borderOpacity:g,disabled:l,fontFamily:x,fontSize:w,fontWeight:N}=t.toRefs(B),_=t.computed(()=>{const r=l.value?"component-disabled":"",Y=C.value!=="b"?"inline-block":"block",X=b.value?b.value:"#ece8e1",W=m.value?m.value:"green",D=S.value?S.value:"#ece8e1",T=y.value?y.value:"cyan",E=c.value?c.value:"#ffffff",O=!g.value||!(g.value>=0&&g.value<=1)?"0.5":g.value,P=!h.value||h.value<0?.3:h.value,F=!i.value||i.value<0?.3:i.value,j=!V.value||V.value<0?.5:V.value,fe=!v.value||v.value<0?.5:v.value,pe=p.value?"uppercase":"none",be=x.value?x.value:"'Lato', sans-serif",me=w.value?w.value:"1.6em",ye=!N.value||N.value<0?100:N.value;return{disabled:r,display:Y,textColor:X,buttonColor:W,textColorHover:D,buttonColorHover:T,borderColor:E,borderOpacity:O,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),f=t.computed(()=>_.value.disabled),d=t.computed(()=>({display:_.value.display})),k=t.computed(()=>{const r=_.value;return{padding:`${r.paddingYBorder}rem ${r.paddingXBorder}rem`,fontSize:r.fontSize,fontWeight:r.fontWeight}}),o=t.computed(()=>{const r=_.value;return{textTransform:r.uppercase,padding:`${r.paddingYContent}rem ${r.paddingXContent}rem`,backgroundColor:r.buttonColor}}),a=t.computed(()=>({backgroundColor:_.value.buttonColorHover})),z=t.computed(()=>_.value.font),u=t.computed(()=>_.value.borderColor),n=t.computed(()=>_.value.borderOpacity),$=t.computed(()=>_.value.textColor),H=t.computed(()=>_.value.textColorHover),R=()=>{s("clicked")};return(r,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",f.value]),style:t.normalizeStyle([d.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([k.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([o.value])},[t.createElementVNode("span",q,[t.renderSlot(r.$slots,"text",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-09b2bb91"]]),ge="",J=["id"],K=I(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},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 B=e;t.useCssVars(o=>({e35bf122:d.value,"122f086c":_.value,"590fef9e":f.value,"383cafc6":e.textColorHover,66192716:t.unref(b)}));const{text:C,textColor:b,buttonColorHover:S,buttonColorOpacityHover:m,paddingX:y,paddingY:p,disabled:V,borderRadius:v,verticalAlign:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const o=C.value?C.value:"Default Text",a=V.value?"component-disabled":"",z=h.value?h.value:"middle",u=b?b.value:"ffffff",n=!y.value||y.value<0?1:y.value,$=!p.value||p.value<0?.2:p.value,H=!v.value||v.value<0?0:v.value,R=S.value?S.value:"10, 38, 184",r=!m.value||m.value<0?.1:m.value,Y=i.value?i.value:"'Lato', sans-serif",X=c.value?c.value:"1.6rem",W=!g.value||g.value<0?100:g.value;return{disabled:a,borderRadius:H,textColor:u,paddingX:n,paddingY:$,buttonColorHover:R,buttonColorOpacityHover:r,font:Y,fontSize:X,fontWeight:W,text:o,verticalAlign:z}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({verticalAlign:l.value.verticalAlign})),N=t.computed(()=>{const o=l.value;return{color:o.textColor,padding:`${o.paddingY}rem 0`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=l.value;return`${o.paddingY}rem ${o.paddingX}rem`}),f=t.computed(()=>{const o=l.value;return`rgba(${o.buttonColorHover}, ${o.buttonColorOpacityHover})`}),d=t.computed(()=>l.value.font),k=()=>{s("clicked")};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:k},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([N.value]),onClick:a[0]||(a[0]=t.withModifiers(()=>{},["prevent"]))},t.toDisplayString(l.value.text),13,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-7f17ac3f"]]),Ce="",Q=["id"],U=I(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 B=e;t.useCssVars(o=>({"2446b547":d.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:C,paddingY:b,marginBetween:S,borderRadius:m,disabled:y,disabledPreview:p,disabledNext:V,fontFamily:v,fontSize:h,fontWeight:i}=t.toRefs(B),c=t.computed(()=>{const o=y.value?"component-disabled":"",a=p.value?"component-disabled":"",z=V.value?"component-disabled":"",u=!S.value||S.value<0?0:S.value,n=!m.value||m.value<0?0:m.value,$=!C.value||C.value<0?1:C.value,H=!b.value||b.value<0?10:b.value,R=h.value?h.value:"1.6em",r=!i.value||i.value<0?100:i.value;return{disabled:o,disabledPreview:a,disabledNext:z,marginBetween:`${u}px`,borderRadius:`${n}px`,paddingX:`${$}px`,paddingY:`${H}px`,fontSize:R,fontWeight:r}}),g=t.computed(()=>c.value.disabled),l=t.computed(()=>c.value.disabledPreview),x=t.computed(()=>c.value.disabledNext),w=t.computed(()=>({display:c.value.display})),N=t.computed(()=>{const o=c.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=c.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),f=t.computed(()=>{const o=c.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),d=t.computed(()=>`'${v.value?v.value:"'Lato', sans-serif"}'`),k=o=>{s("clicked",o)};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",g.value]),style:t.normalizeStyle([w.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:a[0]||(a[0]=z=>k("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",l.value]),style:t.normalizeStyle(_.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:a[1]||(a[1]=z=>k("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",x.value]),style:t.normalizeStyle(f.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),xe="",Z=["id"],ee=I(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 B=e;t.useCssVars(a=>({"196eb3ca":f.value,"5a845ff6":t.unref(b),"44f25ea8":k.value,"3eb45b5e":d.value}));const{display:C,buttonColor:b,textColor:S,containerColor:m,paddingX:y,paddingY:p,borderRadius:V,disabled:v,animationSlow:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const a=v.value?"component-disabled":"",z=C.value!=="b"?"inline-block":"block",u=m.value?m.value:"#ffffff",n=b.value?b.value:"#bbbbbb",$=S.value?S.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!p.value||p.value<0?.2:p.value,r=!V.value||V.value<0?0:V.value,Y=h.value?"":"component-transition__no-slow",X=i.value?i.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",D=!g.value||g.value<0?100:g.value;return{disabled:a,display:z,containerColor:u,buttonColor:n,textColor:$,paddingX:H,paddingY:R,borderRadius:r,animationSlow:Y,font:X,fontSize:W,fontWeight:D}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>l.value.animationSlow),f=t.computed(()=>l.value.font),d=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{s("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",_.value]),style:t.normalizeStyle([N.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Ne="",te=["id"],oe=I(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 B=e;t.useCssVars(d=>({a193a08a:_.value}));const{text:C,display:b,buttonColor:S,textColor:m,paddingX:y,paddingY:p,borderRadius:V,shadowColor:v,disabled:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const d=h.value?"component-disabled":"",k=b.value!=="b"?"inline-block":"block",o=S.value?S.value:"#bbbbbb",a=v.value?v.value:"#002f3c",z=m.value?m.value:"#ffffff",u=!y.value||y.value<0?1:y.value,n=!p.value||p.value<0?1:p.value,$=!V.value||V.value<0?0:V.value,H=i.value?i.value:"'Lato', sans-serif",R=c.value?c.value:"1.6em",r=!g.value||g.value<0?100:g.value;return{disabled:d,display:k,buttonColor:o,shadowColor:a,textColor:z,paddingX:u,paddingY:n,borderRadius:$,font:H,fontSize:R,fontWeight:r}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const d=l.value;return{color:d.textColor,backgroundColor:d.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${d.shadowColor}`,padding:`${d.paddingY}rem ${d.paddingX}rem`,padding:`${d.paddingY}rem ${d.paddingX}rem`,borderRadius:`${d.borderRadius}rem`,fontSize:d.fontSize,fontWeight:d.fontWeight}}),_=t.computed(()=>l.value.font),f=()=>{s("clicked")};return(d,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:f},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([N.value])},[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fec2a51e"]]),Be="",ae=["id"],le=I(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 B=e;t.useCssVars(f=>({"4f0c7280":w.value,"86dec5da":N.value})),t.onMounted(()=>{C.value=b.value});const C=t.ref(!1),{status:b,color:S,containerColor:m,containerColorHover:y,colorHover:p,paddingX:V,paddingY:v,disabled:h}=t.toRefs(B),i=t.computed(()=>{const f=h.value?"component-disabled":"",d=C.value?"change":"",k=m.value?m.value:"#333333",o=S.value?S.value:"#ffffff",a=!V.value||V.value<0?3:V.value,z=!v.value||v.value<0?3:v.value,u=y.value?y.value:"yellow",n=p.value?p.value:"red";return{disabled:f,buttonStatus:d,containerColor:k,paddingX:a,paddingY:z,color:o,containerColorHover:u,colorHover:n}}),c=t.computed(()=>i.value.disabled),g=t.computed(()=>{const f=i.value;return{padding:`${f.paddingY}px ${f.paddingX}px`,backgroundColor:f.containerColor}}),l=t.computed(()=>({backgroundColor:i.value.color})),x=t.computed(()=>i.value.buttonStatus),w=t.computed(()=>i.value.containerColorHover),N=t.computed(()=>i.value.colorHover),_=()=>{const f=!C.value;C.value=f,s("clicked",f)};return t.watch(b,()=>{C.value=b.value}),(f,d)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",c.value]),style:t.normalizeStyle([g.value]),onClick:_},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",x.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(l.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=I(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)}},text:{type:String,default:"Default Text"},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 B=e;t.useCssVars(a=>({bf6244be:f.value,"3087ef32":k.value,b71ed32e:_.value,df6e4b52:d.value}));const{text:C,display:b,buttonColor:S,borderColor:m,textColor:y,paddingX:p,paddingY:V,borderRadius:v,disabled:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const a=C.value?C.value:"Default Text",z=h.value?"component-disabled":"",u=b.value!=="b"?"inline-block":"block",n=S.value?S.value:"#bbbbbb",$=m.value?m.value:"#ffe54c",H=y.value?y.value:"#ffffff",R=!p.value||p.value<0?1:p.value,r=!V.value||V.value<0?.2:V.value,Y=!v.value||v.value<0?0:v.value,X=i.value?i.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",D=!g.value||g.value<0?200:g.value;return{disabled:z,display:u,buttonColor:n,borderColor:$,textColor:H,paddingX:R,paddingY:r,text:a,borderRadius:Y,font:X,fontSize:W,fontWeight:D}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.value;return{border:`1px solid ${a.borderColor}`,color:a.textColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:_.value,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>`${l.value.borderRadius}rem`),f=t.computed(()=>l.value.font),d=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{s("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([N.value])},t.toDisplayString(l.value.text),13,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-34a3b3a9"]]),$e="",de=["id"],ue=I(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},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 B=e;t.useCssVars(u=>({ea8f1624:f.value,"68a00a02":o.value,a1f5bb90:k.value,"7c8ae57d":a.value,"0ca91538":d.value}));const{text:C,display:b,textColor:S,paddingX:m,paddingY:y,borderRadius:p,disabled:V,fontFamily:v,fontSize:h,fontWeight:i,textColorHover:c,buttonColor:g,buttonColorHover:l}=t.toRefs(B),x=t.computed(()=>{const u=C.value?C.value:"Default Text",n=V.value?"component-disabled":"",$=b.value!=="b"?"inline-block":"block",H=S?S.value:"ffffff",R=!m.value||m.value<0?1:m.value,r=!y.value||y.value<0?.2:y.value,Y=!p.value||p.value<0?0:p.value,X=v.value?v.value:"'Lato', sans-serif",W=h.value?h.value:"1.6rem",D=!i.value||i.value<0?100:i.value,T=c.value?c.value:"#cccccc",E=g.value?g.value:"#bbbbbb",O=l.value?l.value:"#959595";return{disabled:n,display:$,font:X,fontSize:W,fontWeight:D,text:u,textColor:H,paddingX:R,paddingY:r,borderRadius:Y,textColorHover:T,buttonColor:E,buttonColorHover:O}}),w=t.computed(()=>x.value.disabled),N=t.computed(()=>{const u=x.value;return{display:u.display,borderRadius:`${u.borderRadius}rem`}}),_=t.computed(()=>{const u=x.value;return{color:u.textColor,padding:`${u.paddingY}rem ${u.paddingX}rem`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),f=t.computed(()=>x.value.font),d=t.computed(()=>x.value.textColor),k=t.computed(()=>x.value.textColorHover),o=t.computed(()=>x.value.buttonColor),a=t.computed(()=>x.value.buttonColorHover),z=()=>{s("clicked")};return(u,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([N.value]),onClick:z},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([_.value])},t.toDisplayString(x.value.text),13,de)],6))}}),[["__scopeId","data-v-14a4a2ac"]]),Re="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},A={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:re,NbButtonColorHover:ue,NbButtonAlternateText:I(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 B=e;t.useCssVars(n=>({"17a23bbc":k.value,"2cc4da9c":o.value,aa259cd0:a.value,f0e00666:z.value}));const{display:C,buttonColor:b,borderColor:S,buttonHoverColor:m,showBorder:y,borderRadius:p,textColor:V,textHoverColor:v,width:h,paddingX:i,paddingY:c,disabled:g,fontFamily:l,fontSize:x,fontWeight:w}=t.toRefs(B),N=t.computed(()=>{const n=g.value?"component-disabled":"",$=C.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",r=S.value?S.value:"#ffe54c",Y=!p.value||p.value<0?0:p.value,X=[!1,!0].includes(y.value)?y.value:!0,W=V.value?V.value:"#ffffff",D=v.value?v.value:"#000000",T=!h.value||h.value<86?86:h.value,E=!i.value||i.value<0?1:i.value,O=!c.value||c.value<0?.4:c.value,P=l.value?l.value:"'Lato', sans-serif",F=x.value?x.value:"1.6em",j=!w.value||w.value<0?200:w.value;return{disabled:n,display:$,buttonColor:H,buttonHoverColor:R,borderColor:r,showBorder:X,borderRadius:Y,textColor:W,textHoverColor:D,width:T,paddingX:E,paddingY:O,font:P,fontSize:F,fontWeight:j}}),_=t.computed(()=>N.value.disabled),f=t.computed(()=>({display:N.value.display})),d=t.computed(()=>{const n=N.value,$=n.display==="block"?"auto":`${n.width}px`;return{...n.showBorder?{border:`1px solid ${n.borderColor}`}:{},borderRadius:`${n.borderRadius}rem`,background:n.buttonColor,minWidth:"33px",width:$,padding:`${n.paddingY}rem ${n.paddingX}rem`,lineHeight:"1.42857143",fontSize:n.fontSize,fontWeight:n.fontWeight}}),k=t.computed(()=>N.value.font),o=t.computed(()=>N.value.textColor),a=t.computed(()=>N.value.textHoverColor),z=t.computed(()=>N.value.buttonHoverColor),u=()=>{s("clicked")};return(n,$)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([f.value]),onClick:u},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([d.value])},[t.createElementVNode("div",ie,[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(n.$slots,"content-alternate",{},()=>[t.createTextVNode("Default Alternate Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-e0ed856f"]])};return{install(e){for(const s in A)if(Object.prototype.hasOwnProperty.call(A,s)){const B=A[s];e.component(B.name,B)}}}});

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-09b2bb91]{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-09b2bb91]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-09b2bb91]{margin:0;padding:0}.nb-reset *[data-v-09b2bb91],.nb-reset *[data-v-09b2bb91]:before,.nb-reset *[data-v-09b2bb91]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-09b2bb91]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4348b976);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(--1735afec)}.component[data-v-09b2bb91]:hover{color:var(--58e23cb0)}.component[data-v-09b2bb91]:before,.component[data-v-09b2bb91]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--451672cd);left:0;opacity:var(--55b7ee16)}.component[data-v-09b2bb91]:before{top:0;border-bottom:0}.component[data-v-09b2bb91]:after{bottom:0;border-top:0}.component .component-content[data-v-09b2bb91]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-09b2bb91]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-09b2bb91]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-09b2bb91]{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-09b2bb91]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-09b2bb91]{opacity:.6}.nb-wrapper[data-v-7f17ac3f]{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-7f17ac3f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-7f17ac3f]{margin:0;padding:0}.nb-reset *[data-v-7f17ac3f],.nb-reset *[data-v-7f17ac3f]:before,.nb-reset *[data-v-7f17ac3f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-7f17ac3f]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--e35bf122);-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-7f17ac3f]:focus,.component[data-v-7f17ac3f]:hover{padding:var(--122f086c)!important;background-color:var(--590fef9e);color:var(--383cafc6)!important}.component-disabled[data-v-7f17ac3f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-7f17ac3f]{--disabled-button-color: var(--590fef9e);--disabled-color: var(--66192716);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-20a2a691]{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-20a2a691]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-20a2a691]{margin:0;padding:0}.nb-reset *[data-v-20a2a691],.nb-reset *[data-v-20a2a691]:before,.nb-reset *[data-v-20a2a691]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-20a2a691]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ba36237e);-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-20a2a691]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-20a2a691]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-20a2a691]{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-34a3b3a9]{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-34a3b3a9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-34a3b3a9]{margin:0;padding:0}.nb-reset *[data-v-34a3b3a9],.nb-reset *[data-v-34a3b3a9]:before,.nb-reset *[data-v-34a3b3a9]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-34a3b3a9]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--bf6244be);-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-34a3b3a9]:after{content:"";--disabled-button-color: var(--3087ef32);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(--b71ed32e)}.component[data-v-34a3b3a9]:hover:after{top:0;left:0}.component-disabled[data-v-34a3b3a9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-34a3b3a9]{--disabled-color: var(--df6e4b52);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-34a3b3a9]:after{top:0;left:0}.nb-wrapper[data-v-14a4a2ac]{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-14a4a2ac]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-14a4a2ac]{margin:0;padding:0}.nb-reset *[data-v-14a4a2ac],.nb-reset *[data-v-14a4a2ac]:before,.nb-reset *[data-v-14a4a2ac]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-14a4a2ac]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ea8f1624);-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(--68a00a02);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-14a4a2ac]:hover{color:var(--a1f5bb90);background:var(--7c8ae57d)}.component-disabled[data-v-14a4a2ac]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-14a4a2ac]{--disabled-button-color: var(--68a00a02);--disabled-color: var(--0ca91538);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-e0ed856f]{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-e0ed856f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-e0ed856f]{margin:0;padding:0}.nb-reset *[data-v-e0ed856f],.nb-reset *[data-v-e0ed856f]:before,.nb-reset *[data-v-e0ed856f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-e0ed856f]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--17a23bbc);-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-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-e0ed856f]{color:var(--text-color)!important;--text-color: var(--aa259cd0);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-e0ed856f]:after{--button-color: var(--f0e00666);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-e0ed856f]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-e0ed856f]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-e0ed856f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);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-09b2bb91]{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-09b2bb91]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-09b2bb91]{margin:0;padding:0}.nb-reset *[data-v-09b2bb91],.nb-reset *[data-v-09b2bb91]:before,.nb-reset *[data-v-09b2bb91]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-09b2bb91]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4348b976);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(--1735afec)}.component[data-v-09b2bb91]:hover{color:var(--58e23cb0)}.component[data-v-09b2bb91]:before,.component[data-v-09b2bb91]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--451672cd);left:0;opacity:var(--55b7ee16)}.component[data-v-09b2bb91]:before{top:0;border-bottom:0}.component[data-v-09b2bb91]:after{bottom:0;border-top:0}.component .component-content[data-v-09b2bb91]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-09b2bb91]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-09b2bb91]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-09b2bb91]{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-09b2bb91]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-09b2bb91]{opacity:.6}.nb-wrapper[data-v-7f17ac3f]{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-7f17ac3f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-7f17ac3f]{margin:0;padding:0}.nb-reset *[data-v-7f17ac3f],.nb-reset *[data-v-7f17ac3f]:before,.nb-reset *[data-v-7f17ac3f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-7f17ac3f]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--e35bf122);-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-7f17ac3f]:focus,.component[data-v-7f17ac3f]:hover{padding:var(--122f086c)!important;background-color:var(--590fef9e);color:var(--383cafc6)!important}.component-disabled[data-v-7f17ac3f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-7f17ac3f]{--disabled-button-color: var(--590fef9e);--disabled-color: var(--66192716);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-fec2a51e]{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-fec2a51e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fec2a51e]{margin:0;padding:0}.nb-reset *[data-v-fec2a51e],.nb-reset *[data-v-fec2a51e]:before,.nb-reset *[data-v-fec2a51e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fec2a51e]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--a193a08a);-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-fec2a51e]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-fec2a51e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fec2a51e]{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-34a3b3a9]{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-34a3b3a9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-34a3b3a9]{margin:0;padding:0}.nb-reset *[data-v-34a3b3a9],.nb-reset *[data-v-34a3b3a9]:before,.nb-reset *[data-v-34a3b3a9]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-34a3b3a9]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--bf6244be);-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-34a3b3a9]:after{content:"";--disabled-button-color: var(--3087ef32);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(--b71ed32e)}.component[data-v-34a3b3a9]:hover:after{top:0;left:0}.component-disabled[data-v-34a3b3a9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-34a3b3a9]{--disabled-color: var(--df6e4b52);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-34a3b3a9]:after{top:0;left:0}.nb-wrapper[data-v-14a4a2ac]{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-14a4a2ac]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-14a4a2ac]{margin:0;padding:0}.nb-reset *[data-v-14a4a2ac],.nb-reset *[data-v-14a4a2ac]:before,.nb-reset *[data-v-14a4a2ac]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-14a4a2ac]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ea8f1624);-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(--68a00a02);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-14a4a2ac]:hover{color:var(--a1f5bb90);background:var(--7c8ae57d)}.component-disabled[data-v-14a4a2ac]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-14a4a2ac]{--disabled-button-color: var(--68a00a02);--disabled-color: var(--0ca91538);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-e0ed856f]{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-e0ed856f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-e0ed856f]{margin:0;padding:0}.nb-reset *[data-v-e0ed856f],.nb-reset *[data-v-e0ed856f]:before,.nb-reset *[data-v-e0ed856f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-e0ed856f]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--17a23bbc);-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-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-e0ed856f]{color:var(--text-color)!important;--text-color: var(--aa259cd0);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-e0ed856f]:after{--button-color: var(--f0e00666);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-e0ed856f]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-e0ed856f]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-e0ed856f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);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.3",
+  "version": "2.0.4",
   "type": "module",
   "main": "./dist/nb-buttons.umd.js",
   "module": "./dist/nb-buttons.js",