@vlalg-nimbus/nb-inputs 2.0.0 → 4.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 (4) hide show
  1. package/dist/nb-inputs.js +209 -177
  2. package/dist/nb-inputs.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/nb-inputs.js CHANGED
@@ -1,10 +1,10 @@
1
- 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";
2
- const be = (e, o) => {
3
- const u = e.__vccOpts || e;
1
+ import { useCssVars as se, onMounted as ce, ref as ie, toRefs as de, computed as l, watch as D, openBlock as C, createElementBlock as H, normalizeClass as g, normalizeStyle as q, createElementVNode as E, Fragment as fe, renderList as ve, unref as T, withDirectives as pe, vModelRadio as ke, toDisplayString as ye, createCommentVNode as be, vModelCheckbox as Ce } from "vue";
2
+ const me = (e, o) => {
3
+ const s = e.__vccOpts || e;
4
4
  for (const [d, i] of o)
5
- u[d] = i;
6
- return u;
7
- }, ke = ["id"], Se = ["id", "disabled", "value", "name"], Ce = ["for"], He = /* @__PURE__ */ Object.assign({
5
+ s[d] = i;
6
+ return s;
7
+ }, He = ["id"], Ee = ["id", "disabled", "value", "name"], Ne = ["for"], Ge = /* @__PURE__ */ Object.assign({
8
8
  name: "NbInputRadio",
9
9
  inheritAttrs: !1
10
10
  }, {
@@ -36,18 +36,23 @@ const be = (e, o) => {
36
36
  if (!e.length)
37
37
  return !1;
38
38
  let o = !1;
39
- for (const u of e) {
40
- const d = Object.keys(u);
39
+ for (const s of e) {
40
+ const d = Object.keys(s);
41
41
  d.length !== 2 && (o = !0), d.every((f) => ["value", "text"].includes(f)) || (o = !0);
42
42
  }
43
43
  if (!o)
44
44
  return e;
45
45
  }
46
46
  },
47
- currentOptiton: {
48
- type: String,
47
+ currentOption: {
48
+ type: [String, Number, Boolean],
49
49
  default: null
50
50
  },
51
+ valueType: {
52
+ type: String,
53
+ default: "boolean",
54
+ validator: (e) => ["boolean", "string", "number"].indexOf(e) !== -1
55
+ },
51
56
  direction: {
52
57
  type: String,
53
58
  default: "left",
@@ -83,6 +88,10 @@ const be = (e, o) => {
83
88
  type: Number,
84
89
  default: 6
85
90
  },
91
+ scale: {
92
+ type: Number,
93
+ default: 1
94
+ },
86
95
  disabled: {
87
96
  type: Boolean,
88
97
  default: !1,
@@ -105,114 +114,121 @@ const be = (e, o) => {
105
114
  },
106
115
  emits: ["current-value", "changed"],
107
116
  setup(e, { emit: o }) {
108
- ne((l) => ({
109
- "0bef0e00": P.value,
110
- "5d4a30b3": Q.value,
111
- fe937dba: K.value,
112
- "164b5ff6": J.value,
113
- a822544e: X.value,
114
- "721aad28": Z.value,
115
- "69c3c4e7": Y.value,
116
- "61e98d88": W.value
117
- })), re(() => {
118
- j();
117
+ se((a) => ({
118
+ "526a690d": K.value,
119
+ "52f8b146": Z.value,
120
+ b73bfea8: Y.value,
121
+ cba3e27a: Q.value,
122
+ "45b25e70": X.value,
123
+ "5affb5f9": te.value,
124
+ "444b513a": ee.value,
125
+ 45753749: j.value
126
+ })), ce(() => {
127
+ B();
119
128
  });
120
- const u = o, d = e, i = se(null), {
121
- currentOptiton: f,
122
- display: E,
129
+ const s = o, d = e, i = ie(null), {
130
+ currentOption: f,
131
+ valueType: W,
132
+ display: F,
123
133
  options: v,
124
- direction: G,
125
- textColor: N,
134
+ direction: N,
135
+ textColor: G,
126
136
  color: V,
127
- hoverEffect: I,
128
- activeHoverEffect: $,
137
+ hoverEffect: $,
138
+ activeHoverEffect: I,
129
139
  colorHover: O,
130
140
  itemGap: h,
131
141
  internalGap: p,
132
- disabled: m,
142
+ scale: y,
143
+ disabled: x,
133
144
  fontFamily: A,
134
145
  fontSize: R,
135
- fontWeight: x
136
- } = ce(d), s = a(() => {
137
- const l = m.value ? "component-disabled" : "", c = E.value !== "b" ? "inline-block" : "block", b = 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", y = 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;
146
+ fontWeight: _
147
+ } = de(d), c = l(() => {
148
+ const a = x.value ? "component-disabled" : "", n = F.value !== "b" ? "inline-block" : "block", b = A.value ? A.value : "'Lato', sans-serif", k = R.value ? R.value : "1.6em", t = !_.value || _.value < 0 ? 200 : _.value, u = N.value ? N.value : "left", m = G.value ? G.value : "black", z = V.value ? V.value : "#767676", L = [!1, !0].includes($.value) ? $.value : !1, ae = [!1, !0].includes(I.value) ? I.value : !1, le = O.value ? O.value : "#a6a6a6", oe = !h.value || h.value < 0 ? 15 : h.value, ue = !p.value || p.value < 0 ? 6 : p.value, ne = !y.value || y.value < 0 ? 1 : y.value;
138
149
  return {
139
- disabled: l,
140
- display: c,
141
- direction: r,
142
- textColor: y,
143
- color: w,
144
- hoverEffect: z,
145
- activeHoverEffect: ee,
146
- colorHover: te,
147
- itemGap: ae,
148
- internalGap: le,
150
+ disabled: a,
151
+ display: n,
152
+ direction: u,
153
+ textColor: m,
154
+ color: z,
155
+ hoverEffect: L,
156
+ activeHoverEffect: ae,
157
+ colorHover: le,
158
+ itemGap: oe,
159
+ internalGap: ue,
160
+ scale: ne,
149
161
  font: b,
150
162
  fontSize: k,
151
163
  fontWeight: t
152
164
  };
153
- }), _ = a(() => s.value.disabled), n = a(() => ({
154
- display: s.value.display
155
- })), F = a(() => s.value.display === "inline-block" ? "custom-radio__item--display-inline" : "custom-radio__item--display-block"), M = a(() => {
156
- const l = s.value;
165
+ }), S = l(() => c.value.disabled), r = l(() => {
166
+ const a = c.value;
157
167
  return {
158
- fontSize: l.fontSize,
159
- fontWeight: l.fontWeight
168
+ display: a.display,
169
+ transform: `scale(${a.scale})`
160
170
  };
161
- }), 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(() => {
162
- const l = s.value;
163
- return l.activeHoverEffect ? l.colorHover : l.color;
164
- }), X = a(() => {
165
- const l = s.value;
166
- return l.hoverEffect ? l.colorHover : l.color;
167
- }), L = a(() => {
168
- const c = s.value.internalGap;
169
- return !c || c < 0 ? 0 : c;
170
- }), Y = a(() => `0 0 0 2${L.value}px`), W = a(() => `0 2${L.value}px 0 0`), Z = a(() => {
171
- const c = s.value.itemGap;
172
- return !c || c < 0 ? 0 : `${c}px`;
173
- }), j = () => {
174
- const l = f.value;
175
- l && (i.value = l.toString().toLowerCase()), u("current-value", l);
171
+ }), M = l(() => c.value.display === "inline-block" ? "custom-radio__item--display-inline" : "custom-radio__item--display-block"), U = l(() => {
172
+ const a = c.value;
173
+ return {
174
+ fontSize: a.fontSize,
175
+ fontWeight: a.fontWeight
176
+ };
177
+ }), P = l(() => Array.isArray(v.value) && v.value.constructor === Array && v.value.length > 0), J = l(() => c.value.direction === "right" ? "custom-radio__item--direction-right" : "custom-radio__item--direction-left"), K = l(() => c.value.font), Q = l(() => c.value.textColor), X = l(() => c.value.color), Y = l(() => {
178
+ const a = c.value;
179
+ return a.hoverEffect ? a.colorHover : a.color;
180
+ }), Z = l(() => {
181
+ const a = c.value;
182
+ return a.activeHoverEffect ? a.color : a.colorHover;
183
+ }), w = l(() => {
184
+ const n = c.value.internalGap;
185
+ return !n || n < 0 ? 0 : n;
186
+ }), ee = l(() => `0 0 0 2${w.value}px`), j = l(() => `0 2${w.value}px 0 0`), te = l(() => {
187
+ const n = c.value.itemGap;
188
+ return !n || n < 0 ? 0 : `${n}px`;
189
+ }), B = () => {
190
+ const a = f.value;
191
+ a && (["string"].includes(W.value) ? i.value = a.toString().toLowerCase() : i.value = a);
176
192
  };
177
- return B(f, () => {
178
- j();
179
- }), B(i, (l) => {
180
- u("current-value", l), u("changed", l);
181
- }), (l, c) => e.nbId && T.value ? (S(), C("div", {
193
+ return D(f, (a, n) => {
194
+ a !== n && B();
195
+ }), D(i, (a, n) => {
196
+ a !== n && (s("current-value", a), s("changed", a));
197
+ }), (a, n) => e.nbId && P.value ? (C(), H("div", {
182
198
  key: 0,
183
- class: g(["nb-wrapper", _.value]),
184
- style: D([n.value])
199
+ class: g(["nb-wrapper", S.value]),
200
+ style: q([r.value])
185
201
  }, [
186
- H("div", {
202
+ E("div", {
187
203
  id: e.nbId,
188
204
  class: g(["nb-reset", "component"]),
189
- style: D([M.value])
205
+ style: q([U.value])
190
206
  }, [
191
- (S(!0), C(ie, null, de(q(v), (b, k) => (S(), C("div", {
207
+ (C(!0), H(fe, null, ve(T(v), (b, k) => (C(), H("div", {
192
208
  key: k,
193
- class: g(["custom-radio__item", [F.value, U.value]])
209
+ class: g(["custom-radio__item", [M.value, J.value]])
194
210
  }, [
195
- fe(H("input", {
211
+ pe(E("input", {
196
212
  id: `${e.nbId}-${b.value}`,
197
- "onUpdate:modelValue": c[0] || (c[0] = (t) => i.value = t),
213
+ "onUpdate:modelValue": n[0] || (n[0] = (t) => i.value = t),
198
214
  type: "radio",
199
215
  class: "custom-radio__item--input",
200
- disabled: q(m),
216
+ disabled: T(x),
201
217
  value: b.value,
202
218
  name: e.groupName
203
- }, null, 8, Se), [
204
- [xe, i.value]
219
+ }, null, 8, Ee), [
220
+ [ke, i.value]
205
221
  ]),
206
- H("label", {
222
+ E("label", {
207
223
  for: `${e.nbId}-${b.value}`,
208
224
  class: "custom-radio__item--label"
209
- }, ve(b.text), 9, Ce)
225
+ }, ye(b.text), 9, Ne)
210
226
  ], 2))), 128))
211
- ], 12, ke)
212
- ], 6)) : pe("", !0);
227
+ ], 12, He)
228
+ ], 6)) : be("", !0);
213
229
  }
214
- }), Ee = /* @__PURE__ */ be(He, [["__scopeId", "data-v-bc9a39f2"]]);
215
- const Ge = ["id"], Ne = ["id", "disabled", "value", "name"], Ie = ["for"], $e = /* @__PURE__ */ Object.assign({
230
+ }), $e = /* @__PURE__ */ me(Ge, [["__scopeId", "data-v-92654a69"]]);
231
+ const Ie = ["id"], Oe = ["id", "disabled", "value", "name"], Ae = ["for"], Re = /* @__PURE__ */ Object.assign({
216
232
  name: "NbInputCheckbox",
217
233
  inheritAttrs: !1
218
234
  }, {
@@ -244,18 +260,23 @@ const Ge = ["id"], Ne = ["id", "disabled", "value", "name"], Ie = ["for"], $e =
244
260
  if (!e.length)
245
261
  return !1;
246
262
  let o = !1;
247
- for (const u of e) {
248
- const d = Object.keys(u);
263
+ for (const s of e) {
264
+ const d = Object.keys(s);
249
265
  d.length !== 2 && (o = !0), d.every((f) => ["value", "text"].includes(f)) || (o = !0);
250
266
  }
251
267
  if (!o)
252
268
  return e;
253
269
  }
254
270
  },
255
- currentOptiton: {
271
+ currentOption: {
256
272
  type: Array,
257
273
  default: () => []
258
274
  },
275
+ valueType: {
276
+ type: String,
277
+ default: "boolean",
278
+ validator: (e) => ["boolean", "string", "number"].indexOf(e) !== -1
279
+ },
259
280
  direction: {
260
281
  type: String,
261
282
  default: "left",
@@ -295,6 +316,10 @@ const Ge = ["id"], Ne = ["id", "disabled", "value", "name"], Ie = ["for"], $e =
295
316
  type: Number,
296
317
  default: 6
297
318
  },
319
+ scale: {
320
+ type: Number,
321
+ default: 1
322
+ },
298
323
  type: {
299
324
  type: String,
300
325
  default: "box",
@@ -322,131 +347,138 @@ const Ge = ["id"], Ne = ["id", "disabled", "value", "name"], Ie = ["for"], $e =
322
347
  },
323
348
  emits: ["current-value", "changed"],
324
349
  setup(e, { emit: o }) {
325
- ne((t) => ({
326
- "1751b7fe": K.value,
327
- cda5fb16: L.value,
328
- "710ceee6": l.value,
329
- "7424f4a1": X.value,
330
- f7cfb718: Q.value,
331
- "108abdca": Y.value,
332
- a657b72c: c.value,
333
- "37a8fdae": Z.value,
334
- bcc9f58c: j.value
335
- })), re(() => {
350
+ se((t) => ({
351
+ c30edaa8: X.value,
352
+ "587d1987": ee.value,
353
+ "54ac558a": a.value,
354
+ "1e65edad": w.value,
355
+ "713004bc": Y.value,
356
+ ec86d662: Z.value,
357
+ "3a91f818": n.value,
358
+ fcf0328a: te.value,
359
+ a0695c30: B.value
360
+ })), ce(() => {
336
361
  k();
337
362
  });
338
- const u = o, d = e, i = se(null), {
339
- currentOptiton: f,
340
- display: E,
363
+ const s = o, d = e, i = ie(null), {
364
+ currentOption: f,
365
+ valueType: W,
366
+ display: F,
341
367
  options: v,
342
- direction: G,
343
- textColor: N,
368
+ direction: N,
369
+ textColor: G,
344
370
  boxRadius: V,
345
- color: I,
346
- hoverEffect: $,
371
+ color: $,
372
+ hoverEffect: I,
347
373
  activeHoverEffect: O,
348
374
  colorHover: h,
349
375
  itemGap: p,
350
- internalGap: m,
376
+ internalGap: y,
377
+ scale: x,
351
378
  type: A,
352
379
  disabled: R,
353
- fontFamily: x,
354
- fontSize: s,
355
- fontWeight: _
356
- } = ce(d), n = a(() => {
357
- const t = R.value ? "component-disabled" : "", r = E.value !== "b" ? "inline-block" : "block", y = 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", ye = [!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";
358
- return console.log(ue), {
380
+ fontFamily: _,
381
+ fontSize: c,
382
+ fontWeight: S
383
+ } = de(d), r = l(() => {
384
+ const t = R.value ? "component-disabled" : "", u = F.value !== "b" ? "inline-block" : "block", m = _.value ? _.value : "'Lato', sans-serif", z = c.value ? c.value : "1.6em", L = S.value !== 0 && !S.value || S.value < 0 ? 200 : S.value, ae = N.value ? N.value : "left", le = G.value ? G.value : "black", oe = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, ue = $.value ? $.value : "#767676", ne = [!1, !0].includes(I.value) ? I.value : !1, Ve = [!1, !0].includes(O.value) ? O.value : !1, ge = h.value ? h.value : "#a6a6a6", he = p.value !== 0 && !p.value || p.value < 0 ? 15 : p.value, xe = y.value !== 0 && !y.value || y.value < 0 ? 6 : y.value, _e = ["box", "circle"].includes(A.value) ? A.value : "box", Se = !x.value || x.value < 0 ? 1 : x.value;
385
+ return {
359
386
  disabled: t,
360
- display: r,
361
- direction: ee,
362
- textColor: te,
363
- boxRadius: ae,
364
- color: le,
365
- hoverEffect: ye,
387
+ display: u,
388
+ direction: ae,
389
+ textColor: le,
390
+ boxRadius: oe,
391
+ color: ue,
392
+ hoverEffect: ne,
366
393
  activeHoverEffect: Ve,
367
- colorHover: me,
368
- itemGap: ge,
369
- internalGap: he,
370
- type: ue,
371
- font: y,
372
- fontSize: w,
373
- fontWeight: z
394
+ colorHover: ge,
395
+ itemGap: he,
396
+ internalGap: xe,
397
+ scale: Se,
398
+ type: _e,
399
+ font: m,
400
+ fontSize: z,
401
+ fontWeight: L
374
402
  };
375
- }), F = a(() => n.value.disabled), M = a(() => ({
376
- display: n.value.display
377
- })), T = a(() => n.value.display === "inline-block" ? "custom-checkbox__item--display-inline" : "custom-checkbox__item--display-block"), U = a(() => {
378
- const t = n.value;
403
+ }), M = l(() => r.value.disabled), U = l(() => {
404
+ const t = r.value;
405
+ return {
406
+ display: t.display,
407
+ transform: `scale(${t.scale})`
408
+ };
409
+ }), P = l(() => r.value.display === "inline-block" ? "custom-checkbox__item--display-inline" : "custom-checkbox__item--display-block"), J = l(() => {
410
+ const t = r.value;
379
411
  return {
380
412
  fontSize: t.fontSize,
381
413
  fontWeight: t.fontWeight
382
414
  };
383
- }), 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(() => {
384
- const t = n.value;
385
- return t.activeHoverEffect ? t.colorHover : t.color;
386
- }), Y = a(() => {
387
- const t = n.value;
415
+ }), K = l(() => Array.isArray(v.value) && v.value.constructor === Array && v.value.length > 0), Q = l(() => r.value.direction === "right" ? "custom-checkbox__item--direction-right" : "custom-checkbox__item--direction-left"), X = l(() => r.value.font), Y = l(() => r.value.textColor), Z = l(() => r.value.color), w = l(() => {
416
+ const t = r.value;
388
417
  return t.hoverEffect ? t.colorHover : t.color;
389
- }), W = a(() => {
390
- const r = n.value.internalGap;
391
- return !r || r < 0 ? 0 : r;
392
- }), Z = a(() => `0 0 0 2${W.value}px`), j = a(() => `0 2${W.value}px 0 0`), l = a(() => {
393
- const t = n.value;
418
+ }), ee = l(() => {
419
+ const t = r.value;
420
+ return t.activeHoverEffect ? t.color : t.colorHover;
421
+ }), j = l(() => {
422
+ const u = r.value.internalGap;
423
+ return !u || u < 0 ? 0 : u;
424
+ }), te = l(() => `0 0 0 2${j.value}px`), B = l(() => `0 2${j.value}px 0 0`), a = l(() => {
425
+ const t = r.value;
394
426
  return `${t.borderRadius > 7 ? 7 : t.borderRadius}px`;
395
- }), c = a(() => {
396
- const r = n.value.itemGap;
397
- return !r || r < 0 ? 0 : `${r}px`;
398
- }), b = a(() => n.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), k = () => {
427
+ }), n = l(() => {
428
+ const u = r.value.itemGap;
429
+ return !u || u < 0 ? 0 : `${u}px`;
430
+ }), b = l(() => r.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), k = () => {
399
431
  i.value = f.value;
400
432
  };
401
- return B(f, () => {
402
- k();
403
- }), B(i, (t) => {
404
- u("current-value", t), u("changed", t);
405
- }), (t, r) => e.nbId && P.value ? (S(), C("div", {
433
+ return D(f, (t, u) => {
434
+ t !== u && k();
435
+ }), D(i, (t, u) => {
436
+ t !== u && (s("current-value", t), s("changed", t));
437
+ }), (t, u) => e.nbId && K.value ? (C(), H("div", {
406
438
  key: 0,
407
- class: g(["nb-wrapper", F.value]),
408
- style: D([M.value])
439
+ class: g(["nb-wrapper", M.value]),
440
+ style: q([U.value])
409
441
  }, [
410
- H("div", {
442
+ E("div", {
411
443
  id: e.nbId,
412
444
  class: g(["nb-reset", "component"]),
413
- style: D([U.value])
445
+ style: q([J.value])
414
446
  }, [
415
- (S(!0), C(ie, null, de(q(v), (y, w) => (S(), C("div", {
416
- key: w,
417
- class: g(["custom-checkbox__item", [T.value, J.value]])
447
+ (C(!0), H(fe, null, ve(T(v), (m, z) => (C(), H("div", {
448
+ key: z,
449
+ class: g(["custom-checkbox__item", [P.value, Q.value]])
418
450
  }, [
419
- fe(H("input", {
420
- id: `${e.nbId}-${y.value}`,
421
- "onUpdate:modelValue": r[0] || (r[0] = (z) => i.value = z),
451
+ pe(E("input", {
452
+ id: `${e.nbId}-${m.value}`,
453
+ "onUpdate:modelValue": u[0] || (u[0] = (L) => i.value = L),
422
454
  type: "checkbox",
423
455
  class: "custom-checkbox__item--input",
424
- disabled: q(R),
425
- value: y.value,
456
+ disabled: T(R),
457
+ value: m.value,
426
458
  name: e.groupName
427
- }, null, 8, Ne), [
428
- [_e, i.value]
459
+ }, null, 8, Oe), [
460
+ [Ce, i.value]
429
461
  ]),
430
- H("label", {
431
- for: `${e.nbId}-${y.value}`,
462
+ E("label", {
463
+ for: `${e.nbId}-${m.value}`,
432
464
  class: g([[b.value], "custom-checkbox__item--label"])
433
- }, ve(y.text), 11, Ie)
465
+ }, ye(m.text), 11, Ae)
434
466
  ], 2))), 128))
435
- ], 12, Ge)
436
- ], 6)) : pe("", !0);
467
+ ], 12, Ie)
468
+ ], 6)) : be("", !0);
437
469
  }
438
- }), Oe = /* @__PURE__ */ be($e, [["__scopeId", "data-v-406f0fb9"]]), oe = {
439
- NbInputRadio: Ee,
440
- NbInputCheckbox: Oe
441
- }, Re = {
470
+ }), ze = /* @__PURE__ */ me(Re, [["__scopeId", "data-v-704e1020"]]), re = {
471
+ NbInputRadio: $e,
472
+ NbInputCheckbox: ze
473
+ }, We = {
442
474
  install(e) {
443
- for (const o in oe)
444
- if (Object.prototype.hasOwnProperty.call(oe, o)) {
445
- const u = oe[o];
446
- e.component(u.name, u);
475
+ for (const o in re)
476
+ if (Object.prototype.hasOwnProperty.call(re, o)) {
477
+ const s = re[o];
478
+ e.component(s.name, s);
447
479
  }
448
480
  }
449
481
  };
450
482
  export {
451
- Re as default
483
+ We as default
452
484
  };
package/dist/nb-inputs.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(e,w){typeof exports=="object"&&typeof module<"u"?module.exports=w(require("vue")):typeof define=="function"&&define.amd?define(["vue"],w):(e=typeof globalThis<"u"?globalThis:e||self,e.NbInputs=w(e.Vue))})(this,function(e){"use strict";const w="",Z=(t,o)=>{const n=t.__vccOpts||t;for(const[d,i]of o)n[d]=i;return n},te=["id"],ae=["id","disabled","value","name"],le=["for"],oe=Z(Object.assign({name:"NbInputRadio",inheritAttrs:!1},{__name:"NbInputRadio",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const n of t){const d=Object.keys(n);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOptiton:{type:String,default:null},direction:{type:String,default:"left",validator:t=>["left","right"].indexOf(t)!==-1},textColor:{type:String,default:"black"},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(l=>({"0bef0e00":q.value,"5d4a30b3":T.value,fe937dba:M.value,"164b5ff6":F.value,a822544e:U.value,"721aad28":J.value,"69c3c4e7":P.value,"61e98d88":O.value})),e.onMounted(()=>{A()});const n=o,d=t,i=e.ref(null),{currentOptiton:f,display:k,options:p,direction:S,textColor:C,color:b,hoverEffect:E,activeHoverEffect:N,colorHover:H,itemGap:g,internalGap:m,disabled:V,fontFamily:z,fontSize:G,fontWeight:h}=e.toRefs(d),s=e.computed(()=>{const l=V.value?"component-disabled":"",c=k.value!=="b"?"inline-block":"block",v=z.value?z.value:"'Lato', sans-serif",_=G.value?G.value:"1.6em",a=!h.value||h.value<0?200:h.value,u=S.value?S.value:"left",y=C.value?C.value:"black",I=b.value?b.value:"#767676",$=[!1,!0].includes(E.value)?E.value:!1,K=[!1,!0].includes(N.value)?N.value:!1,Q=H.value?H.value:"#a6a6a6",X=!g.value||g.value<0?15:g.value,Y=!m.value||m.value<0?6:m.value;return{disabled:l,display:c,direction:u,textColor:y,color:I,hoverEffect:$,activeHoverEffect:K,colorHover:Q,itemGap:X,internalGap:Y,font:v,fontSize:_,fontWeight:a}}),x=e.computed(()=>s.value.disabled),r=e.computed(()=>({display:s.value.display})),L=e.computed(()=>s.value.display==="inline-block"?"custom-radio__item--display-inline":"custom-radio__item--display-block"),W=e.computed(()=>{const l=s.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),j=e.computed(()=>Array.isArray(p.value)&&p.value.constructor===Array&&p.value.length>0),D=e.computed(()=>s.value.direction==="right"?"custom-radio__item--direction-right":"custom-radio__item--direction-left"),q=e.computed(()=>s.value.font),F=e.computed(()=>s.value.textColor),M=e.computed(()=>s.value.color),T=e.computed(()=>{const l=s.value;return l.activeHoverEffect?l.colorHover:l.color}),U=e.computed(()=>{const l=s.value;return l.hoverEffect?l.colorHover:l.color}),B=e.computed(()=>{const c=s.value.internalGap;return!c||c<0?0:c}),P=e.computed(()=>`0 0 0 2${B.value}px`),O=e.computed(()=>`0 2${B.value}px 0 0`),J=e.computed(()=>{const c=s.value.itemGap;return!c||c<0?0:`${c}px`}),A=()=>{const l=f.value;l&&(i.value=l.toString().toLowerCase()),n("current-value",l)};return e.watch(f,()=>{A()}),e.watch(i,l=>{n("current-value",l),n("changed",l)}),(l,c)=>t.nbId&&j.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",x.value]),style:e.normalizeStyle([r.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component"]),style:e.normalizeStyle([W.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),(v,_)=>(e.openBlock(),e.createElementBlock("div",{key:_,class:e.normalizeClass(["custom-radio__item",[L.value,D.value]])},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${v.value}`,"onUpdate:modelValue":c[0]||(c[0]=a=>i.value=a),type:"radio",class:"custom-radio__item--input",disabled:e.unref(V),value:v.value,name:t.groupName},null,8,ae),[[e.vModelRadio,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${v.value}`,class:"custom-radio__item--label"},e.toDisplayString(v.text),9,le)],2))),128))],12,te)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-bc9a39f2"]]),me="",ne=["id"],re=["id","disabled","value","name"],ue=["for"],R={NbInputRadio:oe,NbInputCheckbox:Z(Object.assign({name:"NbInputCheckbox",inheritAttrs:!1},{__name:"NbInputCheckbox",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const n of t){const d=Object.keys(n);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOptiton:{type:Array,default:()=>[]},direction:{type:String,default:"left",validator:t=>["left","right"].indexOf(t)!==-1},textColor:{type:String,default:"black"},boxRadius:{type:Number,default:0},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},type:{type:String,default:"box",validator:t=>["box","circle"].indexOf(t)!==-1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(a=>({"1751b7fe":M.value,cda5fb16:B.value,"710ceee6":l.value,"7424f4a1":U.value,f7cfb718:T.value,"108abdca":P.value,a657b72c:c.value,"37a8fdae":J.value,bcc9f58c:A.value})),e.onMounted(()=>{_()});const n=o,d=t,i=e.ref(null),{currentOptiton:f,display:k,options:p,direction:S,textColor:C,boxRadius:b,color:E,hoverEffect:N,activeHoverEffect:H,colorHover:g,itemGap:m,internalGap:V,type:z,disabled:G,fontFamily:h,fontSize:s,fontWeight:x}=e.toRefs(d),r=e.computed(()=>{const a=G.value?"component-disabled":"",u=k.value!=="b"?"inline-block":"block",y=h.value?h.value:"'Lato', sans-serif",I=s.value?s.value:"1.6em",$=x.value!==0&&!x.value||x.value<0?200:x.value,K=S.value?S.value:"left",Q=C.value?C.value:"black",X=b.value!==0&&!b.value||b.value<0?0:b.value,Y=E.value?E.value:"#767676",se=[!1,!0].includes(N.value)?N.value:!1,ce=[!1,!0].includes(H.value)?H.value:!1,ie=g.value?g.value:"#a6a6a6",de=m.value!==0&&!m.value||m.value<0?15:m.value,fe=V.value!==0&&!V.value||V.value<0?6:V.value,ee=["box","circle"].includes(z.value)?z.value:"box";return console.log(ee),{disabled:a,display:u,direction:K,textColor:Q,boxRadius:X,color:Y,hoverEffect:se,activeHoverEffect:ce,colorHover:ie,itemGap:de,internalGap:fe,type:ee,font:y,fontSize:I,fontWeight:$}}),L=e.computed(()=>r.value.disabled),W=e.computed(()=>({display:r.value.display})),j=e.computed(()=>r.value.display==="inline-block"?"custom-checkbox__item--display-inline":"custom-checkbox__item--display-block"),D=e.computed(()=>{const a=r.value;return{fontSize:a.fontSize,fontWeight:a.fontWeight}}),q=e.computed(()=>Array.isArray(p.value)&&p.value.constructor===Array&&p.value.length>0),F=e.computed(()=>r.value.direction==="right"?"custom-checkbox__item--direction-right":"custom-checkbox__item--direction-left"),M=e.computed(()=>r.value.font),T=e.computed(()=>r.value.textColor),U=e.computed(()=>r.value.color),B=e.computed(()=>{const a=r.value;return a.activeHoverEffect?a.colorHover:a.color}),P=e.computed(()=>{const a=r.value;return a.hoverEffect?a.colorHover:a.color}),O=e.computed(()=>{const u=r.value.internalGap;return!u||u<0?0:u}),J=e.computed(()=>`0 0 0 2${O.value}px`),A=e.computed(()=>`0 2${O.value}px 0 0`),l=e.computed(()=>{const a=r.value;return`${a.borderRadius>7?7:a.borderRadius}px`}),c=e.computed(()=>{const u=r.value.itemGap;return!u||u<0?0:`${u}px`}),v=e.computed(()=>r.value.type==="circle"?"custom-checkbox__input--type-circle":""),_=()=>{i.value=f.value};return e.watch(f,()=>{_()}),e.watch(i,a=>{n("current-value",a),n("changed",a)}),(a,u)=>t.nbId&&q.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",L.value]),style:e.normalizeStyle([W.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component"]),style:e.normalizeStyle([D.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),(y,I)=>(e.openBlock(),e.createElementBlock("div",{key:I,class:e.normalizeClass(["custom-checkbox__item",[j.value,F.value]])},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${y.value}`,"onUpdate:modelValue":u[0]||(u[0]=$=>i.value=$),type:"checkbox",class:"custom-checkbox__item--input",disabled:e.unref(G),value:y.value,name:t.groupName},null,8,re),[[e.vModelCheckbox,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${y.value}`,class:e.normalizeClass([[v.value],"custom-checkbox__item--label"])},e.toDisplayString(y.text),11,ue)],2))),128))],12,ne)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-406f0fb9"]])};return{install(t){for(const o in R)if(Object.prototype.hasOwnProperty.call(R,o)){const n=R[o];t.component(n.name,n)}}}});
1
+ (function(e,O){typeof exports=="object"&&typeof module<"u"?module.exports=O(require("vue")):typeof define=="function"&&define.amd?define(["vue"],O):(e=typeof globalThis<"u"?globalThis:e||self,e.NbInputs=O(e.Vue))})(this,function(e){"use strict";const O="",ae=(t,o)=>{const s=t.__vccOpts||t;for(const[d,i]of o)s[d]=i;return s},le=["id"],oe=["id","disabled","value","name"],ne=["for"],re=ae(Object.assign({name:"NbInputRadio",inheritAttrs:!1},{__name:"NbInputRadio",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const d=Object.keys(s);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:[String,Number,Boolean],default:null},valueType:{type:String,default:"boolean",validator:t=>["boolean","string","number"].indexOf(t)!==-1},direction:{type:String,default:"left",validator:t=>["left","right"].indexOf(t)!==-1},textColor:{type:String,default:"black"},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(l=>({"526a690d":F.value,"52f8b146":J.value,b73bfea8:P.value,cba3e27a:M.value,"45b25e70":U.value,"5affb5f9":Q.value,"444b513a":K.value,45753749:R.value})),e.onMounted(()=>{L()});const s=o,d=t,i=e.ref(null),{currentOption:f,valueType:B,display:W,options:p,direction:S,textColor:C,color:V,hoverEffect:E,activeHoverEffect:N,colorHover:H,itemGap:g,internalGap:v,scale:m,disabled:h,fontFamily:z,fontSize:G,fontWeight:x}=e.toRefs(d),c=e.computed(()=>{const l=h.value?"component-disabled":"",r=W.value!=="b"?"inline-block":"block",y=z.value?z.value:"'Lato', sans-serif",k=G.value?G.value:"1.6em",a=!x.value||x.value<0?200:x.value,n=S.value?S.value:"left",b=C.value?C.value:"black",I=V.value?V.value:"#767676",$=[!1,!0].includes(E.value)?E.value:!1,X=[!1,!0].includes(N.value)?N.value:!1,Y=H.value?H.value:"#a6a6a6",Z=!g.value||g.value<0?15:g.value,ee=!v.value||v.value<0?6:v.value,te=!m.value||m.value<0?1:m.value;return{disabled:l,display:r,direction:n,textColor:b,color:I,hoverEffect:$,activeHoverEffect:X,colorHover:Y,itemGap:Z,internalGap:ee,scale:te,font:y,fontSize:k,fontWeight:a}}),_=e.computed(()=>c.value.disabled),u=e.computed(()=>{const l=c.value;return{display:l.display,transform:`scale(${l.scale})`}}),j=e.computed(()=>c.value.display==="inline-block"?"custom-radio__item--display-inline":"custom-radio__item--display-block"),D=e.computed(()=>{const l=c.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),T=e.computed(()=>Array.isArray(p.value)&&p.value.constructor===Array&&p.value.length>0),q=e.computed(()=>c.value.direction==="right"?"custom-radio__item--direction-right":"custom-radio__item--direction-left"),F=e.computed(()=>c.value.font),M=e.computed(()=>c.value.textColor),U=e.computed(()=>c.value.color),P=e.computed(()=>{const l=c.value;return l.hoverEffect?l.colorHover:l.color}),J=e.computed(()=>{const l=c.value;return l.activeHoverEffect?l.color:l.colorHover}),A=e.computed(()=>{const r=c.value.internalGap;return!r||r<0?0:r}),K=e.computed(()=>`0 0 0 2${A.value}px`),R=e.computed(()=>`0 2${A.value}px 0 0`),Q=e.computed(()=>{const r=c.value.itemGap;return!r||r<0?0:`${r}px`}),L=()=>{const l=f.value;l&&(["string"].includes(B.value)?i.value=l.toString().toLowerCase():i.value=l)};return e.watch(f,(l,r)=>{l!==r&&L()}),e.watch(i,(l,r)=>{l!==r&&(s("current-value",l),s("changed",l))}),(l,r)=>t.nbId&&T.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",_.value]),style:e.normalizeStyle([u.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component"]),style:e.normalizeStyle([D.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),(y,k)=>(e.openBlock(),e.createElementBlock("div",{key:k,class:e.normalizeClass(["custom-radio__item",[j.value,q.value]])},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${y.value}`,"onUpdate:modelValue":r[0]||(r[0]=a=>i.value=a),type:"radio",class:"custom-radio__item--input",disabled:e.unref(h),value:y.value,name:t.groupName},null,8,oe),[[e.vModelRadio,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${y.value}`,class:"custom-radio__item--label"},e.toDisplayString(y.text),9,ne)],2))),128))],12,le)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-92654a69"]]),be="",ue=["id"],se=["id","disabled","value","name"],ce=["for"],w={NbInputRadio:re,NbInputCheckbox:ae(Object.assign({name:"NbInputCheckbox",inheritAttrs:!1},{__name:"NbInputCheckbox",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(t="b")=>{const o=t?t.toLowerCase():"";return["b","ib"].includes(o)}},groupName:{type:String,default:"",required:!0,validator:t=>t.toString().toLowerCase()},options:{type:Array,required:!0,default:()=>[],validator:t=>{if(!t.length)return!1;let o=!1;for(const s of t){const d=Object.keys(s);d.length!==2&&(o=!0),d.every(f=>["value","text"].includes(f))||(o=!0)}if(!o)return t}},currentOption:{type:Array,default:()=>[]},valueType:{type:String,default:"boolean",validator:t=>["boolean","string","number"].indexOf(t)!==-1},direction:{type:String,default:"left",validator:t=>["left","right"].indexOf(t)!==-1},textColor:{type:String,default:"black"},boxRadius:{type:Number,default:0},color:{type:String,default:"#767676"},hoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},activeHoverEffect:{type:Boolean,default:!1,validator:t=>[!0,!1].indexOf(t)!==-1},colorHover:{type:String,default:"#a6a6a6"},itemGap:{type:Number,default:15},internalGap:{type:Number,default:6},scale:{type:Number,default:1},type:{type:String,default:"box",validator:t=>["box","circle"].indexOf(t)!==-1},disabled:{type:Boolean,default:!1,validator:t=>typeof t=="boolean"&&[!0,!1].includes(t)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:t=>t||"1.6em"},fontWeight:{type:Number,default:400,validator:t=>t||200}},emits:["current-value","changed"],setup(t,{emit:o}){e.useCssVars(a=>({c30edaa8:U.value,"587d1987":K.value,"54ac558a":l.value,"1e65edad":A.value,"713004bc":P.value,ec86d662:J.value,"3a91f818":r.value,fcf0328a:Q.value,a0695c30:L.value})),e.onMounted(()=>{k()});const s=o,d=t,i=e.ref(null),{currentOption:f,valueType:B,display:W,options:p,direction:S,textColor:C,boxRadius:V,color:E,hoverEffect:N,activeHoverEffect:H,colorHover:g,itemGap:v,internalGap:m,scale:h,type:z,disabled:G,fontFamily:x,fontSize:c,fontWeight:_}=e.toRefs(d),u=e.computed(()=>{const a=G.value?"component-disabled":"",n=W.value!=="b"?"inline-block":"block",b=x.value?x.value:"'Lato', sans-serif",I=c.value?c.value:"1.6em",$=_.value!==0&&!_.value||_.value<0?200:_.value,X=S.value?S.value:"left",Y=C.value?C.value:"black",Z=V.value!==0&&!V.value||V.value<0?0:V.value,ee=E.value?E.value:"#767676",te=[!1,!0].includes(N.value)?N.value:!1,ie=[!1,!0].includes(H.value)?H.value:!1,de=g.value?g.value:"#a6a6a6",fe=v.value!==0&&!v.value||v.value<0?15:v.value,pe=m.value!==0&&!m.value||m.value<0?6:m.value,ve=["box","circle"].includes(z.value)?z.value:"box",me=!h.value||h.value<0?1:h.value;return{disabled:a,display:n,direction:X,textColor:Y,boxRadius:Z,color:ee,hoverEffect:te,activeHoverEffect:ie,colorHover:de,itemGap:fe,internalGap:pe,scale:me,type:ve,font:b,fontSize:I,fontWeight:$}}),j=e.computed(()=>u.value.disabled),D=e.computed(()=>{const a=u.value;return{display:a.display,transform:`scale(${a.scale})`}}),T=e.computed(()=>u.value.display==="inline-block"?"custom-checkbox__item--display-inline":"custom-checkbox__item--display-block"),q=e.computed(()=>{const a=u.value;return{fontSize:a.fontSize,fontWeight:a.fontWeight}}),F=e.computed(()=>Array.isArray(p.value)&&p.value.constructor===Array&&p.value.length>0),M=e.computed(()=>u.value.direction==="right"?"custom-checkbox__item--direction-right":"custom-checkbox__item--direction-left"),U=e.computed(()=>u.value.font),P=e.computed(()=>u.value.textColor),J=e.computed(()=>u.value.color),A=e.computed(()=>{const a=u.value;return a.hoverEffect?a.colorHover:a.color}),K=e.computed(()=>{const a=u.value;return a.activeHoverEffect?a.color:a.colorHover}),R=e.computed(()=>{const n=u.value.internalGap;return!n||n<0?0:n}),Q=e.computed(()=>`0 0 0 2${R.value}px`),L=e.computed(()=>`0 2${R.value}px 0 0`),l=e.computed(()=>{const a=u.value;return`${a.borderRadius>7?7:a.borderRadius}px`}),r=e.computed(()=>{const n=u.value.itemGap;return!n||n<0?0:`${n}px`}),y=e.computed(()=>u.value.type==="circle"?"custom-checkbox__input--type-circle":""),k=()=>{i.value=f.value};return e.watch(f,(a,n)=>{a!==n&&k()}),e.watch(i,(a,n)=>{a!==n&&(s("current-value",a),s("changed",a))}),(a,n)=>t.nbId&&F.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["nb-wrapper",j.value]),style:e.normalizeStyle([D.value])},[e.createElementVNode("div",{id:t.nbId,class:e.normalizeClass(["nb-reset","component"]),style:e.normalizeStyle([q.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),(b,I)=>(e.openBlock(),e.createElementBlock("div",{key:I,class:e.normalizeClass(["custom-checkbox__item",[T.value,M.value]])},[e.withDirectives(e.createElementVNode("input",{id:`${t.nbId}-${b.value}`,"onUpdate:modelValue":n[0]||(n[0]=$=>i.value=$),type:"checkbox",class:"custom-checkbox__item--input",disabled:e.unref(G),value:b.value,name:t.groupName},null,8,se),[[e.vModelCheckbox,i.value]]),e.createElementVNode("label",{for:`${t.nbId}-${b.value}`,class:e.normalizeClass([[y.value],"custom-checkbox__item--label"])},e.toDisplayString(b.text),11,ce)],2))),128))],12,ue)],6)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-704e1020"]])};return{install(t){for(const o in w)if(Object.prototype.hasOwnProperty.call(w,o)){const s=w[o];t.component(s.name,s)}}}});
package/dist/style.css CHANGED
@@ -1 +1 @@
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-bc9a39f2]{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-bc9a39f2]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-bc9a39f2] *{margin:0;padding:0}.nb-reset[data-v-bc9a39f2] *,.nb-reset[data-v-bc9a39f2] *:before,.nb-reset[data-v-bc9a39f2] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-bc9a39f2]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--0bef0e00);-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-bc9a39f2]{display:none}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-bc9a39f2]:hover:before{border:2px solid var(--5d4a30b3);color:var(--5d4a30b3)}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-bc9a39f2]: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(--fe937dba);color:var(--fe937dba)}.component .custom-radio__item .custom-radio__item--label[data-v-bc9a39f2]{--disabled-color: var(--164b5ff6);color:var(--disabled-color)!important}.component .custom-radio__item .custom-radio__item--label[data-v-bc9a39f2]:before{border:2px solid var(--fe937dba)}.component .custom-radio__item .custom-radio__item--label[data-v-bc9a39f2]:hover{cursor:pointer}.component .custom-radio__item .custom-radio__item--label[data-v-bc9a39f2]:hover:before{border:2px solid var(--a822544e)}.component .custom-radio__item .custom-radio__item--label[data-v-bc9a39f2]: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(--fe937dba)}.component .custom-radio__item.custom-radio__item--display-block[data-v-bc9a39f2]{display:block}.component .custom-radio__item.custom-radio__item--display-block[data-v-bc9a39f2]:not(:first-child){margin-top:var(--721aad28)}.component .custom-radio__item.custom-radio__item--display-block .custom-radio__item--label[data-v-bc9a39f2]{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-bc9a39f2]{display:inline-block}.component .custom-radio__item.custom-radio__item--display-inline[data-v-bc9a39f2]:not(:first-child){margin-left:var(--721aad28)}.component .custom-radio__item.custom-radio__item--display-inline .custom-radio__item--label[data-v-bc9a39f2]{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-bc9a39f2]{display:inline-block;padding:var(--69c3c4e7)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-left .custom-radio__item--label[data-v-bc9a39f2]:before{left:0}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-bc9a39f2]{padding:var(--61e98d88)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-bc9a39f2]:before{right:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-bc9a39f2]{display:inline-block;padding:var(--69c3c4e7)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-bc9a39f2]:before{left:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-bc9a39f2]{padding:var(--61e98d88)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-bc9a39f2]:before{right:0}.component-disabled[data-v-bc9a39f2]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-bc9a39f2]{--disabled-color: var(--164b5ff6);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-406f0fb9]{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-406f0fb9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-406f0fb9] *{margin:0;padding:0}.nb-reset[data-v-406f0fb9] *,.nb-reset[data-v-406f0fb9] *:before,.nb-reset[data-v-406f0fb9] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-406f0fb9]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--1751b7fe);-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-406f0fb9]{display:none}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-406f0fb9]:hover:before{border:2px solid var(--cda5fb16);color:var(--cda5fb16)}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-406f0fb9]: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(--710ceee6);border:2px solid var(--7424f4a1);color:var(--7424f4a1)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-406f0fb9]{--disabled-color: var(--f7cfb718);color:var(--disabled-color)!important}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-406f0fb9]:before{border:2px solid var(--7424f4a1)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-406f0fb9]:hover{cursor:pointer}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-406f0fb9]:hover:before{border:2px solid var(--108abdca)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-406f0fb9]: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(--710ceee6);border:2px solid var(--7424f4a1);color:var(--7424f4a1)}.component .custom-checkbox__item .custom-checkbox__item--label.custom-checkbox__input--type-circle[data-v-406f0fb9]:before{border-radius:50%!important}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-406f0fb9]{display:block}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-406f0fb9]:not(:first-child){margin-top:var(--a657b72c)}.component .custom-checkbox__item.custom-checkbox__item--display-block .custom-checkbox__item--label[data-v-406f0fb9]{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-406f0fb9]{display:inline-block}.component .custom-checkbox__item.custom-checkbox__item--display-inline[data-v-406f0fb9]:not(:first-child){margin-left:var(--a657b72c)}.component .custom-checkbox__item.custom-checkbox__item--display-inline .custom-checkbox__item--label[data-v-406f0fb9]{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-406f0fb9]{display:inline-block;padding:var(--37a8fdae)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-406f0fb9]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-406f0fb9]{padding:var(--bcc9f58c)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-406f0fb9]:before{right:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-406f0fb9]{display:inline-block;padding:var(--37a8fdae)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-406f0fb9]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-406f0fb9]{padding:var(--bcc9f58c)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-406f0fb9]:before{right:0}.component-disabled[data-v-406f0fb9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-406f0fb9]{--disabled-color: var(--f7cfb718);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
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-92654a69]{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;transform-origin:top left}.nb-reset[data-v-92654a69]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-92654a69] *{margin:0;padding:0}.nb-reset[data-v-92654a69] *,.nb-reset[data-v-92654a69] *:before,.nb-reset[data-v-92654a69] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-92654a69]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--526a690d);-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-92654a69]{display:none}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-92654a69]:hover:before{border:2px solid var(--52f8b146);color:var(--52f8b146)}.component .custom-radio__item .custom-radio__item--input:checked+.custom-radio__item--label[data-v-92654a69]:before{content:"⏺";font-size:.8em;text-shadow:0;display:flex;align-items:center;text-align:center;justify-content:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:2px solid var(--b73bfea8);color:var(--b73bfea8);line-height:.7em}.component .custom-radio__item .custom-radio__item--label[data-v-92654a69]{--disabled-color: var(--cba3e27a);color:var(--disabled-color)!important}.component .custom-radio__item .custom-radio__item--label[data-v-92654a69]:hover{cursor:pointer}.component .custom-radio__item .custom-radio__item--label[data-v-92654a69]:hover:before{border:2px solid var(--b73bfea8)}.component .custom-radio__item .custom-radio__item--label[data-v-92654a69]: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(--45b25e70)}.component .custom-radio__item.custom-radio__item--display-block[data-v-92654a69]{display:block}.component .custom-radio__item.custom-radio__item--display-block[data-v-92654a69]:not(:first-child){margin-top:var(--5affb5f9)}.component .custom-radio__item.custom-radio__item--display-block .custom-radio__item--label[data-v-92654a69]{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-92654a69]{display:inline-block}.component .custom-radio__item.custom-radio__item--display-inline[data-v-92654a69]:not(:first-child){margin-left:var(--5affb5f9)}.component .custom-radio__item.custom-radio__item--display-inline .custom-radio__item--label[data-v-92654a69]{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-92654a69]{display:inline-block;padding:var(--444b513a)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-left .custom-radio__item--label[data-v-92654a69]:before{left:0}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-92654a69]{padding:var(--45753749)}.component .custom-radio__item.custom-radio__item--display-block.custom-radio__item--direction-right .custom-radio__item--label[data-v-92654a69]:before{right:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-92654a69]{display:inline-block;padding:var(--444b513a)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-left .custom-radio__item--label[data-v-92654a69]:before{left:0}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-92654a69]{padding:var(--45753749)}.component .custom-radio__item.custom-radio__item--display-inline.custom-radio__item--direction-right .custom-radio__item--label[data-v-92654a69]:before{right:0}.component-disabled[data-v-92654a69]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-92654a69]{--disabled-color: var(--cba3e27a);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-704e1020]{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;transform-origin:top left}.nb-reset[data-v-704e1020]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset[data-v-704e1020] *{margin:0;padding:0}.nb-reset[data-v-704e1020] *,.nb-reset[data-v-704e1020] *:before,.nb-reset[data-v-704e1020] *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-704e1020]{margin:0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--c30edaa8);-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-704e1020]{display:none}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-704e1020]:hover:before{border:2px solid var(--587d1987);color:var(--587d1987)}.component .custom-checkbox__item .custom-checkbox__item--input:checked+.custom-checkbox__item--label[data-v-704e1020]:before{content:"✓";font-size:.7em;text-shadow:0;display:flex;align-items:center;text-align:center;justify-content:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:var(--54ac558a);border:2px solid var(--1e65edad);color:var(--1e65edad);line-height:.7em}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-704e1020]{--disabled-color: var(--713004bc);color:var(--disabled-color)!important}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-704e1020]:hover{cursor:pointer}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-704e1020]:hover:before{border:2px solid var(--1e65edad)}.component .custom-checkbox__item .custom-checkbox__item--label[data-v-704e1020]: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(--54ac558a);border:2px solid var(--ec86d662);color:var(--ec86d662)}.component .custom-checkbox__item .custom-checkbox__item--label.custom-checkbox__input--type-circle[data-v-704e1020]:before{border-radius:50%!important}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-704e1020]{display:block}.component .custom-checkbox__item.custom-checkbox__item--display-block[data-v-704e1020]:not(:first-child){margin-top:var(--3a91f818)}.component .custom-checkbox__item.custom-checkbox__item--display-block .custom-checkbox__item--label[data-v-704e1020]{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-704e1020]{display:inline-block}.component .custom-checkbox__item.custom-checkbox__item--display-inline[data-v-704e1020]:not(:first-child){margin-left:var(--3a91f818)}.component .custom-checkbox__item.custom-checkbox__item--display-inline .custom-checkbox__item--label[data-v-704e1020]{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-704e1020]{display:inline-block;padding:var(--fcf0328a)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-704e1020]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-704e1020]{padding:var(--a0695c30)}.component .custom-checkbox__item.custom-checkbox__item--display-block.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-704e1020]:before{right:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-704e1020]{display:inline-block;padding:var(--fcf0328a)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-left .custom-checkbox__item--label[data-v-704e1020]:before{left:0}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-704e1020]{padding:var(--a0695c30)}.component .custom-checkbox__item.custom-checkbox__item--display-inline.custom-checkbox__item--direction-right .custom-checkbox__item--label[data-v-704e1020]:before{right:0}.component-disabled[data-v-704e1020]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-704e1020]{--disabled-color: var(--713004bc);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vlalg-nimbus/nb-inputs",
3
3
  "description": "Input components for Vuejs 3",
4
- "version": "2.0.0",
4
+ "version": "4.0.0",
5
5
  "type": "module",
6
6
  "main": "./dist/nb-inputs.umd.js",
7
7
  "module": "./dist/nb-inputs.js",