npm - @vlalg-nimbus/nb-inputs - Versions diffs - 1.0.0 - Mend

@vlalg-nimbus/nb-inputs 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,44 @@
+# nb-inputs
+> This component is only for [Vue.js 3+](https://vuejs.org/)
+<br />
+This lib contains input components.
+## Installation
+```bash
+npm install @vlalg-nimbus/nb-inputs
+# or
+yarn add @vlalg-nimbus/nb-inputs
+```
+## Usage
+```js
+// main.js
+import { createApp } from 'vue'
+import App from './App.vue'
+import NbInputsComponents from '@vlalg-nimbus/nb-inputs'
+import "@vlalg-nimbus/nb-inputs/dist/style.css";
+const app = createApp(App)
+app.use(NbInputsComponents)
+app.mount('#app')
+```
+## Components list
+The components that are part of this lib are:
+- <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-radio" target="_blank">nb-input-radio</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-checkbox" target="_blank">nb-input-checkbox</a>
+Click on each one above to find out how to use it, properties, events, etc.
+## License
+[MIT](http://opensource.org/licenses/MIT)

package/dist/favicon.ico ADDED Viewed

Binary file

package/dist/nb-inputs.js ADDED Viewed

@@ -0,0 +1,452 @@
+import { useCssVars as ne, onMounted as re, ref as se, toRefs as ce, computed as a, watch as B, openBlock as S, createElementBlock as C, normalizeClass as g, normalizeStyle as D, createElementVNode as H, Fragment as ie, renderList as de, unref as q, withDirectives as fe, vModelRadio as xe, toDisplayString as ve, createCommentVNode as pe, vModelCheckbox as _e } from "vue";
+const ye = (e, o) => {
+  const u = e.__vccOpts || e;
+  for (const [d, i] of o)
+    u[d] = i;
+  return u;
+}, ke = ["id"], Se = ["id", "disabled", "value", "name"], Ce = ["for"], He = /* @__PURE__ */ Object.assign({
+  name: "NbInputRadio",
+  inheritAttrs: !1
+}, {
+  __name: "NbInputRadio",
+  props: {
+    nbId: {
+      type: String,
+      required: !0
+    },
+    display: {
+      type: String,
+      default: "b",
+      validator: (e = "b") => {
+        const o = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(o);
+      }
+    },
+    groupName: {
+      type: String,
+      default: "",
+      required: !0,
+      validator: (e) => e.toString().toLowerCase()
+    },
+    options: {
+      type: Array,
+      required: !0,
+      default: () => [],
+      validator: (e) => {
+        if (!e.length)
+          return !1;
+        let o = !1;
+        for (const u of e) {
+          const d = Object.keys(u);
+          d.length !== 2 && (o = !0), d.every((f) => ["value", "text"].includes(f)) || (o = !0);
+        }
+        if (!o)
+          return e;
+      }
+    },
+    currentOptiton: {
+      type: String,
+      default: null
+    },
+    direction: {
+      type: String,
+      default: "left",
+      validator: (e) => ["left", "right"].indexOf(e) !== -1
+    },
+    textColor: {
+      type: String,
+      default: "black"
+    },
+    color: {
+      type: String,
+      default: "#767676"
+    },
+    hoverEffect: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => [!0, !1].indexOf(e) !== -1
+    },
+    activeHoverEffect: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => [!0, !1].indexOf(e) !== -1
+    },
+    colorHover: {
+      type: String,
+      default: "#a6a6a6"
+    },
+    itemGap: {
+      type: Number,
+      default: 15
+    },
+    internalGap: {
+      type: Number,
+      default: 6
+    },
+    disabled: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
+    },
+    fontFamily: {
+      type: String,
+      default: "'Lato', sans-serif"
+    },
+    fontSize: {
+      type: String,
+      default: "1.6em",
+      validator: (e) => e || "1.6em"
+    },
+    fontWeight: {
+      type: Number,
+      default: 400,
+      validator: (e) => e || 200
+    }
+  },
+  emits: ["current-value", "changed"],
+  setup(e, { emit: o }) {
+    ne((l) => ({
+      "30804cd8": P.value,
+      "23c100c2": Q.value,
+      "669d0db7": K.value,
+      "47dc7aec": J.value,
+      c2167476: X.value,
+      "6f8b8b00": Z.value,
+      "40b68ad3": Y.value,
+      "531d9e60": W.value
+    })), re(() => {
+      j();
+    });
+    const u = o, d = e, i = se(null), {
+      currentOptiton: f,
+      display: E,
+      options: v,
+      direction: G,
+      textColor: N,
+      color: V,
+      hoverEffect: I,
+      activeHoverEffect: $,
+      colorHover: O,
+      itemGap: h,
+      internalGap: p,
+      disabled: m,
+      fontFamily: A,
+      fontSize: R,
+      fontWeight: x
+    } = ce(d), s = a(() => {
+      const l = m.value ? "component-disabled" : "", c = E.value !== "b" ? "inline-block" : "block", y = A.value ? A.value : "'Lato', sans-serif", k = R.value ? R.value : "1.6em", t = !x.value || x.value < 0 ? 200 : x.value, r = G.value ? G.value : "left", b = N.value ? N.value : "black", w = V.value ? V.value : "#767676", z = [!1, !0].includes(I.value) ? I.value : !1, ee = [!1, !0].includes($.value) ? $.value : !1, te = O.value ? O.value : "#a6a6a6", ae = !h.value || h.value < 0 ? 15 : h.value, le = !p.value || p.value < 0 ? 6 : p.value;
+      return {
+        disabled: l,
+        display: c,
+        direction: r,
+        textColor: b,
+        color: w,
+        hoverEffect: z,
+        activeHoverEffect: ee,
+        colorHover: te,
+        itemGap: ae,
+        internalGap: le,
+        font: y,
+        fontSize: k,
+        fontWeight: t
+      };
+    }), _ = a(() => s.value.disabled), n = a(() => ({
+      display: s.value.display
+    })), F = a(() => s.value.display === "inline-block" ? "custom-radio__item--display-inline" : "custom-radio__item--display-block"), M = a(() => {
+      const l = s.value;
+      return {
+        fontSize: l.fontSize,
+        fontWeight: l.fontWeight
+      };
+    }), T = a(() => Array.isArray(v.value) && v.value.constructor === Array && v.value.length > 0), U = a(() => s.value.direction === "right" ? "custom-radio__item--direction-right" : "custom-radio__item--direction-left"), P = a(() => s.value.font), J = a(() => s.value.textColor), K = a(() => s.value.color), Q = a(() => {
+      const l = s.value;
+      return l.activeHoverEffect ? l.colorHover : l.color;
+    }), X = a(() => {
+      const l = s.value;
+      return l.hoverEffect ? l.colorHover : l.color;
+    }), L = a(() => {
+      const c = s.value.internalGap;
+      return !c || c < 0 ? 0 : c;
+    }), Y = a(() => `0 0 0 2${L.value}px`), W = a(() => `0 2${L.value}px 0 0`), Z = a(() => {
+      const c = s.value.itemGap;
+      return !c || c < 0 ? 0 : `${c}px`;
+    }), j = () => {
+      const l = f.value;
+      l && (i.value = l.toString().toLowerCase()), u("current-value", l);
+    };
+    return B(f, () => {
+      j();
+    }), B(i, (l) => {
+      u("current-value", l), u("changed", l);
+    }), (l, c) => e.nbId && T.value ? (S(), C("div", {
+      key: 0,
+      class: g(["nb-wrapper", _.value]),
+      style: D([n.value])
+    }, [
+      H("div", {
+        id: e.nbId,
+        class: g(["nb-reset", "component"]),
+        style: D([M.value])
+      }, [
+        (S(!0), C(ie, null, de(q(v), (y, k) => (S(), C("div", {
+          key: k,
+          class: g(["custom-radio__item", [F.value, U.value]])
+        }, [
+          fe(H("input", {
+            id: `${e.nbId}-${y.value}`,
+            "onUpdate:modelValue": c[0] || (c[0] = (t) => i.value = t),
+            type: "radio",
+            class: "custom-radio__item--input",
+            disabled: q(m),
+            value: y.value,
+            name: e.groupName
+          }, null, 8, Se), [
+            [xe, i.value]
+          ]),
+          H("label", {
+            for: `${e.nbId}-${y.value}`,
+            class: "custom-radio__item--label"
+          }, ve(y.text), 9, Ce)
+        ], 2))), 128))
+      ], 12, ke)
+    ], 6)) : pe("", !0);
+  }
+}), Ee = /* @__PURE__ */ ye(He, [["__scopeId", "data-v-a238193d"]]);
+const Ge = ["id"], Ne = ["id", "disabled", "value", "name"], Ie = ["for"], $e = /* @__PURE__ */ Object.assign({
+  name: "NbInputRadio",
+  inheritAttrs: !1
+}, {
+  __name: "NbInputCheckbox",
+  props: {
+    nbId: {
+      type: String,
+      required: !0
+    },
+    display: {
+      type: String,
+      default: "b",
+      validator: (e = "b") => {
+        const o = e ? e.toLowerCase() : "";
+        return ["b", "ib"].includes(o);
+      }
+    },
+    groupName: {
+      type: String,
+      default: "",
+      required: !0,
+      validator: (e) => e.toString().toLowerCase()
+    },
+    options: {
+      type: Array,
+      required: !0,
+      default: () => [],
+      validator: (e) => {
+        if (!e.length)
+          return !1;
+        let o = !1;
+        for (const u of e) {
+          const d = Object.keys(u);
+          d.length !== 2 && (o = !0), d.every((f) => ["value", "text"].includes(f)) || (o = !0);
+        }
+        if (!o)
+          return e;
+      }
+    },
+    currentOptiton: {
+      type: Array,
+      default: () => []
+    },
+    direction: {
+      type: String,
+      default: "left",
+      validator: (e) => ["left", "right"].indexOf(e) !== -1
+    },
+    textColor: {
+      type: String,
+      default: "black"
+    },
+    boxRadius: {
+      type: Number,
+      default: 0
+    },
+    color: {
+      type: String,
+      default: "#767676"
+    },
+    hoverEffect: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => [!0, !1].indexOf(e) !== -1
+    },
+    activeHoverEffect: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => [!0, !1].indexOf(e) !== -1
+    },
+    colorHover: {
+      type: String,
+      default: "#a6a6a6"
+    },
+    itemGap: {
+      type: Number,
+      default: 15
+    },
+    internalGap: {
+      type: Number,
+      default: 6
+    },
+    type: {
+      type: String,
+      default: "box",
+      validator: (e) => ["box", "circle"].indexOf(e) !== -1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
+    },
+    fontFamily: {
+      type: String,
+      default: "'Lato', sans-serif"
+    },
+    fontSize: {
+      type: String,
+      default: "1.6em",
+      validator: (e) => e || "1.6em"
+    },
+    fontWeight: {
+      type: Number,
+      default: 400,
+      validator: (e) => e || 200
+    }
+  },
+  emits: ["current-value", "changed"],
+  setup(e, { emit: o }) {
+    ne((t) => ({
+      "3736c944": K.value,
+      "64914b15": L.value,
+      aab9e826: l.value,
+      aed05ffe: X.value,
+      "42ee4fd4": Q.value,
+      "13a9e1bb": Y.value,
+      "250657ca": c.value,
+      "3e1411c9": Z.value,
+      f676eecc: j.value
+    })), re(() => {
+      k();
+    });
+    const u = o, d = e, i = se(null), {
+      currentOptiton: f,
+      display: E,
+      options: v,
+      direction: G,
+      textColor: N,
+      boxRadius: V,
+      color: I,
+      hoverEffect: $,
+      activeHoverEffect: O,
+      colorHover: h,
+      itemGap: p,
+      internalGap: m,
+      type: A,
+      disabled: R,
+      fontFamily: x,
+      fontSize: s,
+      fontWeight: _
+    } = ce(d), n = a(() => {
+      const t = R.value ? "component-disabled" : "", r = E.value !== "b" ? "inline-block" : "block", b = x.value ? x.value : "'Lato', sans-serif", w = s.value ? s.value : "1.6em", z = _.value !== 0 && !_.value || _.value < 0 ? 200 : _.value, ee = G.value ? G.value : "left", te = N.value ? N.value : "black", ae = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, le = I.value ? I.value : "#767676", be = [!1, !0].includes($.value) ? $.value : !1, Ve = [!1, !0].includes(O.value) ? O.value : !1, me = h.value ? h.value : "#a6a6a6", ge = p.value !== 0 && !p.value || p.value < 0 ? 15 : p.value, he = m.value !== 0 && !m.value || m.value < 0 ? 6 : m.value, ue = ["box", "circle"].includes(A.value) ? A.value : "box";
+      return console.log(ue), {
+        disabled: t,
+        display: r,
+        direction: ee,
+        textColor: te,
+        boxRadius: ae,
+        color: le,
+        hoverEffect: be,
+        activeHoverEffect: Ve,
+        colorHover: me,
+        itemGap: ge,
+        internalGap: he,
+        type: ue,
+        font: b,
+        fontSize: w,
+        fontWeight: z
+      };
+    }), F = a(() => n.value.disabled), M = a(() => ({
+      display: n.value.display
+    })), T = a(() => n.value.display === "inline-block" ? "custom-checkbox__item--display-inline" : "custom-checkbox__item--display-block"), U = a(() => {
+      const t = n.value;
+      return {
+        fontSize: t.fontSize,
+        fontWeight: t.fontWeight
+      };
+    }), P = a(() => Array.isArray(v.value) && v.value.constructor === Array && v.value.length > 0), J = a(() => n.value.direction === "right" ? "custom-checkbox__item--direction-right" : "custom-checkbox__item--direction-left"), K = a(() => n.value.font), Q = a(() => n.value.textColor), X = a(() => n.value.color), L = a(() => {
+      const t = n.value;
+      return t.activeHoverEffect ? t.colorHover : t.color;
+    }), Y = a(() => {
+      const t = n.value;
+      return t.hoverEffect ? t.colorHover : t.color;
+    }), W = a(() => {
+      const r = n.value.internalGap;
+      return !r || r < 0 ? 0 : r;
+    }), Z = a(() => `0 0 0 2${W.value}px`), j = a(() => `0 2${W.value}px 0 0`), l = a(() => {
+      const t = n.value;
+      return `${t.borderRadius > 7 ? 7 : t.borderRadius}px`;
+    }), c = a(() => {
+      const r = n.value.itemGap;
+      return !r || r < 0 ? 0 : `${r}px`;
+    }), y = a(() => n.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), k = () => {
+      i.value = f.value;
+    };
+    return B(f, () => {
+      k();
+    }), B(i, (t) => {
+      u("current-value", t), u("changed", t);
+    }), (t, r) => e.nbId && P.value ? (S(), C("div", {
+      key: 0,
+      class: g(["nb-wrapper", F.value]),
+      style: D([M.value])
+    }, [
+      H("div", {
+        id: e.nbId,
+        class: g(["nb-reset", "component"]),
+        style: D([U.value])
+      }, [
+        (S(!0), C(ie, null, de(q(v), (b, w) => (S(), C("div", {
+          key: w,
+          class: g(["custom-checkbox__item", [T.value, J.value]])
+        }, [
+          fe(H("input", {
+            id: `${e.nbId}-${b.value}`,
+            "onUpdate:modelValue": r[0] || (r[0] = (z) => i.value = z),
+            type: "checkbox",
+            class: "custom-checkbox__item--input",
+            disabled: q(R),
+            value: b.value,
+            name: e.groupName
+          }, null, 8, Ne), [
+            [_e, i.value]
+          ]),
+          H("label", {
+            for: `${e.nbId}-${b.value}`,
+            class: g([[y.value], "custom-checkbox__item--label"])
+          }, ve(b.text), 11, Ie)
+        ], 2))), 128))
+      ], 12, Ge)
+    ], 6)) : pe("", !0);
+  }
+}), Oe = /* @__PURE__ */ ye($e, [["__scopeId", "data-v-9c4e11db"]]), oe = {
+  NbInputRadio: Ee,
+  NbInputCheckbox: Oe
+}, Re = {
+  install(e) {
+    for (const o in oe)
+      if (Object.prototype.hasOwnProperty.call(oe, o)) {
+        const u = oe[o];
+        e.component(u.name, u);
+      }
+  }
+};
+export {
+  Re as default
+};

package/dist/nb-inputs.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";@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-a238193d]{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-a238193d]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-a238193d] *{margin:0;padding:0}.nb-reset[data-v-a238193d] *,.nb-reset[data-v-a238193d] *:before,.nb-reset[data-v-a238193d] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-a238193d]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--30804cd8);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative;overflow:hidden}.component .custom-radio__item .custom-radio__item--input[data-v-a238193d]{display:none}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-a238193d]:hover:before{border:2px solid var(--23c100c2);color:var(--23c100c2)}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-a238193d]:before{content:"●";font-size:1.3em;text-shadow:0;display:flex;align-items:self-end;text-align:center;justify-content:space-around;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:2px solid var(--669d0db7);color:var(--669d0db7)}.component .custom-radio__item .custom-radio__item--label[data-v-a238193d]{--disabled-color: var(--47dc7aec);color:var(--disabled-color)!important}.component .custom-radio__item .custom-radio__item--label[data-v-a238193d]:before{border:2px solid var(--669d0db7)}.component .custom-radio__item .custom-radio__item--label[data-v-a238193d]:hover{cursor:pointer}.component .custom-radio__item .custom-radio__item--label[data-v-a238193d]:hover:before{border:2px solid var(--c2167476)}.component .custom-radio__item .custom-radio__item--label[data-v-a238193d]:before{content:"";width:19px;height:19px;position:absolute;bottom:0;border:0;border-radius:50%;text-shadow:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:2px solid var(--669d0db7)}.component .custom-radio__item.custom-radio__item--display-block[data-v-a238193d]{display:block}.component .custom-radio__item.custom-radio__item--display-block[data-v-a238193d]:not(:first-child){margin-top:var(--6f8b8b00)}.component .custom-radio__item.custom-radio__item--display-block .custom-radio__item--label[data-v-a238193d]{display:inline;font-family:inherit;font-size:inherit;font-style:normal;line-height:20px;position:relative}.component .custom-radio__item.custom-radio__item--display-inline[data-v-a238193d]{display:inline-block}.component .custom-radio__item.custom-radio__item--display-inline[data-v-a238193d]:not(:first-child){margin-left:var(--6f8b8b00)}.component .custom-radio__item.custom-radio__item--display-inline .custom-radio__item--label[data-v-a238193d]{display:inline;font-family:inherit;font-size:inherit;font-style:normal;line-height:20px;position:relative}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-left .custom-radio__item--label[data-v-a238193d]{display:inline-block;padding:var(--40b68ad3)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-left .custom-radio__item--label[data-v-a238193d]:before{left:0}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-a238193d]{padding:var(--531d9e60)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-a238193d]:before{right:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-a238193d]{display:inline-block;padding:var(--40b68ad3)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-a238193d]:before{left:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-a238193d]{padding:var(--531d9e60)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-a238193d]:before{right:0}.component-disabled[data-v-a238193d]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-a238193d]{--disabled-color: var(--47dc7aec);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-9c4e11db]{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-9c4e11db]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-9c4e11db] *{margin:0;padding:0}.nb-reset[data-v-9c4e11db] *,.nb-reset[data-v-9c4e11db] *:before,.nb-reset[data-v-9c4e11db] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-9c4e11db]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--3736c944);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;outline:0;position:relative;overflow:hidden}.component .custom-checkbox__item .custom-checkbox__item--input[data-v-9c4e11db]{display:none}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-9c4e11db]:hover:before{border:2px solid var(--64914b15);color:var(--64914b15)}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-9c4e11db]:before{content:"✓";font-size:.7em;font-weight:900;line-height:17px;text-shadow:0;display:flex;align-items:self-end;text-align:center;justify-content:space-around;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:var(--aab9e826);border:2px solid var(--aed05ffe);color:var(--aed05ffe)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-9c4e11db]{--disabled-color: var(--42ee4fd4);color:var(--disabled-color)!important}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-9c4e11db]:before{border:2px solid var(--aed05ffe)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-9c4e11db]:hover{cursor:pointer}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-9c4e11db]:hover:before{border:2px solid var(--13a9e1bb)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-9c4e11db]:before{content:"";width:19px;height:19px;position:absolute;bottom:0;border:0;text-shadow:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:var(--aab9e826);border:2px solid var(--aed05ffe);color:var(--aed05ffe)}.component .custom-checkbox__item .custom-checkbox__item--label.custom-checkbox__input--type-circle[data-v-9c4e11db]:before{border-radius:50%!important}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-9c4e11db]{display:block}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-9c4e11db]:not(:first-child){margin-top:var(--250657ca)}.component .custom-checkbox__item.custom-checkbox__item--display-block .custom-checkbox__item--label[data-v-9c4e11db]{display:inline;font-family:inherit;font-size:inherit;font-style:normal;line-height:20px;position:relative}.component .custom-checkbox__item.custom-checkbox__item--display-inline[data-v-9c4e11db]{display:inline-block}.component .custom-checkbox__item.custom-checkbox__item--display-inline[data-v-9c4e11db]:not(:first-child){margin-left:var(--250657ca)}.component .custom-checkbox__item.custom-checkbox__item--display-inline .custom-checkbox__item--label[data-v-9c4e11db]{display:inline;font-family:inherit;font-size:inherit;font-style:normal;line-height:20px;position:relative}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-9c4e11db]{display:inline-block;padding:var(--3e1411c9)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-9c4e11db]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-9c4e11db]{padding:var(--f676eecc)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-9c4e11db]:before{right:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-9c4e11db]{display:inline-block;padding:var(--3e1411c9)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-9c4e11db]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-9c4e11db]{padding:var(--f676eecc)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-9c4e11db]:before{right:0}.component-disabled[data-v-9c4e11db]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-9c4e11db]{--disabled-color: var(--42ee4fd4);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}

package/package.json ADDED Viewed

@@ -0,0 +1,84 @@
+{
+  "name": "@vlalg-nimbus/nb-inputs",
+  "description": "Input components for Vuejs 3",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/nb-inputs.umd.js",
+  "module": "./dist/nb-inputs.js",
+  "exports": {
+    ".": {
+      "import": "./dist/nb-inputs.js",
+      "require": "./dist/nb-inputs.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./dist/images": "./dist/images"
+  },
+  "browser": {
+    "./dist/images": "./dist/images",
+    "./style.css": "./dist/style.css"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview --port 4173",
+    "test:unit": "vitest --environment jsdom",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "format:prettier": "prettier --write . '!**/*.{js,vue}'",
+    "npm:publish": "vite build && npm login && npm publish --access=public"
+  },
+  "dependencies": {
+    "@vlalg-nimbus/bee-css-reset": "^2.0.2",
+    "@vlalg-nimbus/chameleon-grid-layout": "^1.0.2",
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.5",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.2",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/test-utils": "^2.4.1",
+    "eslint": "^8.51.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "jsdom": "^22.1.0",
+    "prettier": "^3.0.3",
+    "sass": "^1.69.0",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.5.2",
+    "vitest": "^0.34.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/VemLavarALoucaGamers/vlalg-nimbus"
+  },
+  "bugs": {
+    "url": "https://github.com/VemLavarALoucaGamers/vlalg-nimbus/issues"
+  },
+  "homepage": "https://nimbus.tec.br",
+  "keywords": [
+    "vuejs",
+    "vue js",
+    "vue plugin",
+    "input radio",
+    "input checkbox",
+    "radio",
+    "checkbox",
+    "inputs",
+    "input",
+    "components",
+    "component",
+    "vue components",
+    "vuejs components",
+    "vue js components"
+  ],
+  "author": "Antonio and Felipe <Vem Lavar a Louca Gamers> (https://vemlavaralouca.com.br)",
+  "contributors": [
+    "TonhaoSantos (https://github.com/TonhaoSantos)",
+    "Felipecss (https://github.com/lipecss)"
+  ]
+}