@vlalg-nimbus/nb-selects 1.0.1 → 1.0.3

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.
@@ -1,25 +1,25 @@
1
- import { useCssVars as je, unref as t, onMounted as Fe, onUnmounted as Bt, toRefs as Xe, ref as ne, computed as o, watch as be, openBlock as A, createElementBlock as D, normalizeClass as R, normalizeStyle as Ne, createElementVNode as T, mergeProps as Ye, createTextVNode as nt, toDisplayString as ge, createCommentVNode as we, withModifiers as O, withKeys as I, Fragment as ct, renderList as vt, renderSlot as pt, nextTick as ee, withDirectives as et, vModelCheckbox as tt } from "vue";
2
- const qe = (e, h) => {
3
- const p = e.__vccOpts || e;
4
- for (const [G, x] of h)
5
- p[G] = x;
6
- return p;
7
- }, Vt = ["id"], wt = ["for"], $t = {
1
+ import { useCssVars as Ue, unref as e, onMounted as Ge, onUnmounted as Bt, toRefs as Je, ref as ee, computed as o, watch as be, openBlock as H, createElementBlock as $, normalizeClass as R, normalizeStyle as Re, createElementVNode as w, mergeProps as Qe, createTextVNode as nt, toDisplayString as ge, createCommentVNode as Se, withModifiers as y, withKeys as B, Fragment as ct, renderList as vt, renderSlot as pt, nextTick as Y, withDirectives as lt, vModelCheckbox as at } from "vue";
2
+ const Ze = (t, C) => {
3
+ const g = t.__vccOpts || t;
4
+ for (const [U, x] of C)
5
+ g[U] = x;
6
+ return g;
7
+ }, wt = ["id"], Vt = ["for"], Ht = {
8
8
  key: 0,
9
9
  class: "component__label--required"
10
- }, Ht = ["tabindex"], At = {
10
+ }, $t = ["tabindex"], At = {
11
11
  key: 0,
12
12
  class: "component__dropdown-placeholder"
13
13
  }, Dt = {
14
14
  key: 1,
15
15
  class: "component__dropdown-selected"
16
- }, It = ["tabindex", "aria-selected"], Nt = { class: "component__option-label" }, Et = ["data-option-index-single", "tabindex", "aria-selected", "onClick", "onKeydown"], Lt = { class: "component__option-label" }, zt = ["tabindex"], Rt = {
16
+ }, It = ["tabindex", "aria-selected"], Nt = { class: "component__option-label" }, Et = ["data-option-index-single", "tabindex", "aria-selected", "onClick", "onKeydown"], Lt = { class: "component__option-label" }, Rt = ["tabindex"], Wt = {
17
17
  key: 0,
18
18
  class: "component__dropdown-placeholder"
19
- }, Wt = {
19
+ }, zt = {
20
20
  key: 1,
21
21
  class: "component__dropdown-selected"
22
- }, Kt = ["data-option-index-multiple", "tabindex", "aria-selected", "onClick", "onKeydown"], jt = ["value", "checked", "disabled"], Ft = { class: "component__checkbox-label" }, Xt = /* @__PURE__ */ Object.assign({
22
+ }, Kt = ["data-option-index-multiple", "tabindex", "aria-selected", "onClick", "onKeydown"], Ft = ["value", "checked", "disabled"], jt = { class: "component__checkbox-label" }, Xt = /* @__PURE__ */ Object.assign({
23
23
  name: "NbSelect",
24
24
  inheritAttrs: !1
25
25
  }, {
@@ -32,9 +32,9 @@ const qe = (e, h) => {
32
32
  display: {
33
33
  type: String,
34
34
  default: "b",
35
- validator: (e = "b") => {
36
- const h = e.toLowerCase();
37
- return ["b", "ib"].includes(h);
35
+ validator: (t = "b") => {
36
+ const C = t.toLowerCase();
37
+ return ["b", "ib"].includes(C);
38
38
  }
39
39
  },
40
40
  textColor: {
@@ -44,12 +44,12 @@ const qe = (e, h) => {
44
44
  theme: {
45
45
  type: String,
46
46
  default: "light",
47
- validator: (e) => ["dark", "light"].indexOf(e) !== -1
47
+ validator: (t) => ["dark", "light"].indexOf(t) !== -1
48
48
  },
49
49
  hasBorderRadius: {
50
50
  type: Boolean,
51
51
  default: !1,
52
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
52
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
53
53
  },
54
54
  borderRadius: {
55
55
  type: Number,
@@ -58,7 +58,7 @@ const qe = (e, h) => {
58
58
  disabled: {
59
59
  type: Boolean,
60
60
  default: !1,
61
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
61
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
62
62
  },
63
63
  fontFamily: {
64
64
  type: String,
@@ -67,17 +67,17 @@ const qe = (e, h) => {
67
67
  fontSize: {
68
68
  type: String,
69
69
  default: "1.6em",
70
- validator: (e) => e || "1.6em"
70
+ validator: (t) => t || "1.6em"
71
71
  },
72
72
  fontWeight: {
73
73
  type: Number,
74
74
  default: 400,
75
- validator: (e) => e || 700
75
+ validator: (t) => t || 700
76
76
  },
77
77
  textAlign: {
78
78
  type: String,
79
79
  default: "left",
80
- validator: (e) => ["center", "left", "right"].indexOf(e) !== -1
80
+ validator: (t) => ["center", "left", "right"].indexOf(t) !== -1
81
81
  },
82
82
  selectWidth: {
83
83
  type: Number,
@@ -86,7 +86,7 @@ const qe = (e, h) => {
86
86
  inputStyle: {
87
87
  type: String,
88
88
  default: "background",
89
- validator: (e) => ["background", "line", "border"].indexOf(e) !== -1
89
+ validator: (t) => ["background", "line", "border"].indexOf(t) !== -1
90
90
  },
91
91
  selectName: {
92
92
  type: String,
@@ -95,7 +95,7 @@ const qe = (e, h) => {
95
95
  required: {
96
96
  type: Boolean,
97
97
  default: !1,
98
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
98
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
99
99
  },
100
100
  options: {
101
101
  type: Array,
@@ -108,7 +108,7 @@ const qe = (e, h) => {
108
108
  selectedOptionMultiple: {
109
109
  type: Array,
110
110
  default: () => [],
111
- validator: (e) => e === null || Array.isArray(e)
111
+ validator: (t) => t === null || Array.isArray(t)
112
112
  },
113
113
  textKey: {
114
114
  type: String,
@@ -121,12 +121,12 @@ const qe = (e, h) => {
121
121
  multiple: {
122
122
  type: Boolean,
123
123
  default: !1,
124
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
124
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
125
125
  },
126
126
  hasEmptyOption: {
127
127
  type: Boolean,
128
128
  default: !0,
129
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
129
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
130
130
  },
131
131
  emptyOptionText: {
132
132
  type: String,
@@ -143,7 +143,7 @@ const qe = (e, h) => {
143
143
  hasLabel: {
144
144
  type: Boolean,
145
145
  default: !1,
146
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
146
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
147
147
  },
148
148
  labelText: {
149
149
  type: String,
@@ -265,139 +265,139 @@ const qe = (e, h) => {
265
265
  }
266
266
  },
267
267
  emits: ["clicked", "changed", "user-changed"],
268
- setup(e, { emit: h }) {
269
- je((a) => ({
270
- v65344439: Ge.value,
271
- v710765ac: t(N),
272
- v7ca0dd96: t(ke),
273
- cae33bdc: t(de),
274
- v675d52d0: t(Te),
275
- v6299e2f0: t(_e),
276
- v9c37df88: t(Be),
277
- v2be47de6: t(H),
278
- v03aa8eea: t(me),
279
- v6fff1a94: t(i),
280
- f8a7447e: t(z),
281
- f6930ac4: t(E),
282
- f324ebb8: t(He),
283
- v0677637c: t(ie),
284
- v2f80d530: t(Ae),
285
- v3df1dcda: t(j),
286
- v2388a9d2: t(U),
287
- v39084b0d: t(xe),
288
- v92b5dffe: t(Q),
289
- cf5f9c6c: a.styleButtonColor,
290
- v7c1e3a22: Je.value,
291
- v45dc07f6: t(se),
292
- v5caacc6f: t(f),
293
- v07d8d482: t(S),
294
- v031672fb: t(V)
295
- })), Fe(() => {
296
- ae.value ? L.value = M.value || [] : c.value = q.value, document.addEventListener("click", ut), document.addEventListener("nbselect:close-all", st), Ee.value = !0;
268
+ setup(t, { emit: C }) {
269
+ Ue((a) => ({
270
+ "4b760063": Ye.value,
271
+ "1d6f4658": e(A),
272
+ "00d7b95f": e(_e),
273
+ "448e543c": e(J),
274
+ "96fd917c": e(Be),
275
+ "03577dcc": e(Te),
276
+ "57c0ed52": e(we),
277
+ "25b755fc": e(T),
278
+ "359cf496": e(me),
279
+ "5dfec5cc": e(O),
280
+ 54298857: e(ie),
281
+ a98ac998: e(I),
282
+ "09c9ec3a": e(De),
283
+ 24439812: e(se),
284
+ "6ea8fd5a": e(Ie),
285
+ "24f8aa04": e(W),
286
+ "041cdea6": e(Z),
287
+ "4235afba": e(Oe),
288
+ "14658faa": e(oe),
289
+ "7f56fef4": a.styleButtonColor,
290
+ "28861ace": Me.value,
291
+ f5f79fc0: e(Q),
292
+ "046260ce": e(f),
293
+ "4f5401d0": e(He),
294
+ b59f3ade: e(z)
295
+ })), Ge(() => {
296
+ de.value ? V.value = G.value || [] : s.value = ae.value, document.addEventListener("click", ut), document.addEventListener("nbselect:close-all", it), Ne.value = !0;
297
297
  }), Bt(() => {
298
- document.removeEventListener("click", ut), document.removeEventListener("nbselect:close-all", st);
298
+ document.removeEventListener("click", ut), document.removeEventListener("nbselect:close-all", it);
299
299
  });
300
- const p = h, G = e, {
300
+ const g = C, U = t, {
301
301
  display: x,
302
- textColor: te,
302
+ textColor: re,
303
303
  theme: he,
304
304
  hasBorderRadius: F,
305
- borderRadius: ye,
306
- disabled: r,
307
- fontFamily: y,
308
- fontSize: ce,
309
- fontWeight: J,
310
- textAlign: re,
311
- selectWidth: ve,
305
+ borderRadius: ve,
306
+ disabled: d,
307
+ fontFamily: h,
308
+ fontSize: pe,
309
+ fontWeight: M,
310
+ textAlign: ue,
311
+ selectWidth: te,
312
312
  inputStyle: le,
313
- selectName: Ce,
314
- required: ue,
315
- options: B,
316
- selectedOptionOnly: q,
317
- selectedOptionMultiple: M,
318
- textKey: w,
319
- valueKey: v,
320
- multiple: ae,
321
- hasEmptyOption: C,
322
- emptyOptionValue: _,
323
- dropdownScrollClass: $,
324
- hasLabel: k,
325
- labelText: W,
326
- emptyOptionText: K,
327
- lightBgColor: de,
328
- lightBgColorFocus: H,
313
+ selectName: ye,
314
+ required: Ce,
315
+ options: k,
316
+ selectedOptionOnly: ae,
317
+ selectedOptionMultiple: G,
318
+ textKey: j,
319
+ valueKey: c,
320
+ multiple: de,
321
+ hasEmptyOption: m,
322
+ emptyOptionValue: S,
323
+ dropdownScrollClass: q,
324
+ hasLabel: _,
325
+ labelText: N,
326
+ emptyOptionText: D,
327
+ lightBgColor: J,
328
+ lightBgColorFocus: T,
329
329
  lightBorderColor: me,
330
- lightBorderColorFocus: xe,
331
- lightDisabledBgColor: se,
332
- lightTextColor: N,
330
+ lightBorderColorFocus: Oe,
331
+ lightDisabledBgColor: Q,
332
+ lightTextColor: A,
333
333
  lightDisabledBorderColor: f,
334
- lightOptionTextColor: ke,
335
- lightOptionTextColorSelected: _e,
336
- lightOptionBgColorSelected: Te,
337
- lightPlaceholderColor: Be,
338
- darkBgColor: E,
339
- darkBgColorFocus: j,
340
- darkBorderColor: U,
341
- darkBorderColorFocus: Q,
342
- darkDisabledBgColor: S,
343
- darkTextColor: i,
344
- darkDisabledBorderColor: V,
345
- darkOptionTextColor: z,
346
- darkOptionTextColorSelected: ie,
347
- darkOptionBgColorSelected: He,
348
- darkPlaceholderColor: Ae,
334
+ lightOptionTextColor: _e,
335
+ lightOptionTextColorSelected: Te,
336
+ lightOptionBgColorSelected: Be,
337
+ lightPlaceholderColor: we,
338
+ darkBgColor: I,
339
+ darkBgColorFocus: W,
340
+ darkBorderColor: Z,
341
+ darkBorderColorFocus: oe,
342
+ darkDisabledBgColor: He,
343
+ darkTextColor: O,
344
+ darkDisabledBorderColor: z,
345
+ darkOptionTextColor: ie,
346
+ darkOptionTextColorSelected: se,
347
+ darkOptionBgColorSelected: De,
348
+ darkPlaceholderColor: Ie,
349
349
  tabindex: $e,
350
- tabIndex: Oe,
350
+ tabIndex: ke,
351
351
  hasTabIndexEnter: fe,
352
- hasTabIndexSpace: Se,
352
+ hasTabIndexSpace: ce,
353
353
  ariaLabel: l,
354
- ariaAttrs: g
355
- } = Xe(G), c = ne(null), L = ne([]), Ee = ne(!1), m = ne(!1), b = ne(!1), Le = ne(null), De = ne(!1), X = ne(null), Z = ne(null), Y = ne(-1), oe = ne(-1), pe = o({
356
- get: () => Array.isArray(L.value) ? L.value : [],
354
+ ariaAttrs: v
355
+ } = Je(U), s = ee(null), V = ee([]), Ne = ee(!1), b = ee(!1), p = ee(!1), Ee = ee(null), Ve = ee(!1), E = ee(null), X = ee(null), L = ee(-1), P = ee(-1), ne = o({
356
+ get: () => Array.isArray(V.value) ? V.value : [],
357
357
  set: (a) => {
358
- L.value = Array.isArray(a) ? a : [];
358
+ V.value = Array.isArray(a) ? a : [];
359
359
  }
360
- }), Ve = o(() => {
361
- const a = r.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", u = te.value ? te.value : "#ffffff", s = y.value ? y.value : "'Lato', sans-serif", d = ce.value ? ce.value : "1.6rem", P = !J.value || J.value < 0 ? 100 : J.value, St = ve.value ? ve.value : 200, Ot = !ye.value || ye.value < 0 ? 0 : ye.value, kt = F.value ? F.value : !1, _t = !re.value || !["center", "left", "right"].includes(re.value) ? "left" : re.value, Tt = !le.value || !["background", "line", "border"].includes(le.value) ? "background" : le.value;
360
+ }), xe = o(() => {
361
+ const a = d.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", r = re.value ? re.value : "#ffffff", i = h.value ? h.value : "'Lato', sans-serif", u = pe.value ? pe.value : "1.6rem", K = M.value !== 0 && !M.value || M.value < 0 ? 100 : M.value, xt = te.value !== 0 && !te.value || te.value < 0 ? 200 : te.value, kt = ve.value !== 0 && !ve.value || ve.value < 0 ? 0 : ve.value, St = F.value ? F.value : !1, _t = !ue.value || !["center", "left", "right"].includes(ue.value) ? "left" : ue.value, Tt = !le.value || !["background", "line", "border"].includes(le.value) ? "background" : le.value;
362
362
  return {
363
363
  disabled: a,
364
364
  display: n,
365
- font: s,
366
- fontSize: d,
367
- fontWeight: P,
368
- textColor: u,
369
- selectWidth: St,
370
- borderRadius: Ot,
371
- hasBorderRadius: kt,
365
+ font: i,
366
+ fontSize: u,
367
+ fontWeight: K,
368
+ textColor: r,
369
+ selectWidth: xt,
370
+ borderRadius: kt,
371
+ hasBorderRadius: St,
372
372
  textAlign: _t,
373
373
  inputStyle: Tt
374
374
  };
375
- }), Me = o(() => Ve.value.disabled), Ue = o(() => ({
376
- display: Ve.value.display
377
- })), Pe = o(() => {
378
- const a = Ve.value;
375
+ }), Fe = o(() => xe.value.disabled), je = o(() => ({
376
+ display: xe.value.display
377
+ })), Xe = o(() => {
378
+ const a = xe.value;
379
379
  return {
380
380
  color: a.textColor,
381
381
  fontSize: a.fontSize,
382
382
  fontWeight: a.fontWeight,
383
383
  textAlign: a.textAlign
384
384
  };
385
- }), Ge = o(() => Ve.value.font), Je = o(() => Ve.value.textColor), Re = o(() => {
386
- const a = Ve.value;
385
+ }), Ye = o(() => xe.value.font), Me = o(() => xe.value.textColor), We = o(() => {
386
+ const a = xe.value;
387
387
  return a.display === "block" ? { width: "100%" } : {
388
388
  width: `${a.selectWidth}px`
389
389
  };
390
- }), ze = o(() => {
391
- const a = Ve.value;
390
+ }), Le = o(() => {
391
+ const a = xe.value;
392
392
  return a.inputStyle !== "line" && a.hasBorderRadius ? { borderRadius: `${a.borderRadius}rem` } : {};
393
- }), Qe = o(() => {
393
+ }), qe = o(() => {
394
394
  switch (he.value) {
395
395
  case "dark":
396
396
  return "component__theme--dark";
397
397
  default:
398
398
  return "component__theme--light";
399
399
  }
400
- }), Ze = o(() => {
400
+ }), Pe = o(() => {
401
401
  switch (le.value) {
402
402
  case "line":
403
403
  return "component__input--line";
@@ -406,387 +406,387 @@ const qe = (e, h) => {
406
406
  default:
407
407
  return "component__input--background";
408
408
  }
409
- }), Ie = (a) => {
410
- const n = B.value.map((d, P) => ({
411
- value: d[v.value],
412
- disabled: d.disabled || r.value,
413
- index: P
409
+ }), Ae = (a) => {
410
+ const n = k.value.map((u, K) => ({
411
+ value: u[c.value],
412
+ disabled: u.disabled || d.value,
413
+ index: K
414
414
  }));
415
- if (n.filter((d) => !d.disabled).length === 0)
415
+ if (n.filter((u) => !u.disabled).length === 0)
416
416
  return;
417
- let s = oe.value;
418
- if (s < 0 && B.value.length > 0 && (s = 0), a === "down") {
419
- let d = (s + 1) % n.length, P = 0;
420
- for (; n[d].disabled && P < n.length; )
421
- d = (d + 1) % n.length, P++;
422
- n[d].disabled || (s = d);
417
+ let i = P.value;
418
+ if (i < 0 && k.value.length > 0 && (i = 0), a === "down") {
419
+ let u = (i + 1) % n.length, K = 0;
420
+ for (; n[u].disabled && K < n.length; )
421
+ u = (u + 1) % n.length, K++;
422
+ n[u].disabled || (i = u);
423
423
  } else if (a === "up") {
424
- let d = s <= 0 ? n.length - 1 : s - 1, P = 0;
425
- for (; n[d].disabled && P < n.length; )
426
- d = d <= 0 ? n.length - 1 : d - 1, P++;
427
- n[d].disabled || (s = d);
424
+ let u = i <= 0 ? n.length - 1 : i - 1, K = 0;
425
+ for (; n[u].disabled && K < n.length; )
426
+ u = u <= 0 ? n.length - 1 : u - 1, K++;
427
+ n[u].disabled || (i = u);
428
428
  }
429
- oe.value = s, ee(() => {
430
- const d = document.querySelector(`[data-option-index-multiple="${s}"]`);
431
- d && d.focus();
429
+ P.value = i, Y(() => {
430
+ const u = document.querySelector(`[data-option-index-multiple="${i}"]`);
431
+ u && u.focus();
432
432
  });
433
- }, lt = (a) => {
434
- if (!r.value) {
433
+ }, et = (a) => {
434
+ if (!d.value) {
435
435
  a.stopPropagation();
436
- const n = m.value;
437
- m.value = !m.value, !n && m.value ? (dt(), B.value.length > 0 && (oe.value = 0, ee(() => {
438
- const u = document.querySelector(`[data-option-index-multiple="${oe.value}"]`);
439
- u && u.focus();
440
- }))) : m.value || (oe.value = -1);
436
+ const n = b.value;
437
+ b.value = !b.value, !n && b.value ? (dt(), k.value.length > 0 && (P.value = 0, Y(() => {
438
+ const r = document.querySelector(`[data-option-index-multiple="${P.value}"]`);
439
+ r && r.focus();
440
+ }))) : b.value || (P.value = -1);
441
441
  }
442
442
  }, ut = (a) => {
443
- a.target.closest(".component__dropdown") || (m.value = !1, b.value = !1);
443
+ a.target.closest(".component__dropdown") || (b.value = !1, p.value = !1);
444
444
  }, gt = (a) => {
445
445
  var n;
446
- (m.value || b.value) && !((n = Le.value) != null && n.contains(a.relatedTarget)) && setTimeout(() => {
447
- var u;
448
- De.value || (u = Le.value) != null && u.contains(document.activeElement) || (m.value && (m.value = !1, oe.value = -1, ee(() => {
449
- Z.value && Z.value.focus();
450
- })), b.value && (b.value = !1, Y.value = -1, ee(() => {
446
+ (b.value || p.value) && !((n = Ee.value) != null && n.contains(a.relatedTarget)) && setTimeout(() => {
447
+ var r;
448
+ Ve.value || (r = Ee.value) != null && r.contains(document.activeElement) || (b.value && (b.value = !1, P.value = -1, Y(() => {
451
449
  X.value && X.value.focus();
450
+ })), p.value && (p.value = !1, L.value = -1, Y(() => {
451
+ E.value && E.value.focus();
452
452
  })));
453
453
  }, 100);
454
454
  }, dt = () => {
455
455
  document.dispatchEvent(new CustomEvent("nbselect:close-all", {
456
- detail: { excludeId: G.nbId }
456
+ detail: { excludeId: U.nbId }
457
457
  }));
458
- }, st = (a) => {
458
+ }, it = (a) => {
459
459
  var n;
460
- ((n = a.detail) == null ? void 0 : n.excludeId) !== G.nbId && (m.value && (m.value = !1), b.value && (b.value = !1));
461
- }, We = (a) => {
460
+ ((n = a.detail) == null ? void 0 : n.excludeId) !== U.nbId && (b.value && (b.value = !1), p.value && (p.value = !1));
461
+ }, ze = (a) => {
462
462
  const n = [];
463
- if (C.value && n.push({ value: _.value, disabled: r.value, index: 0 }), n.push(...B.value.map((d, P) => ({
464
- value: d[v.value],
465
- disabled: d.disabled || r.value,
466
- index: C.value ? P + 1 : P
467
- }))), n.filter((d) => !d.disabled).length === 0)
463
+ if (m.value && n.push({ value: S.value, disabled: d.value, index: 0 }), n.push(...k.value.map((u, K) => ({
464
+ value: u[c.value],
465
+ disabled: u.disabled || d.value,
466
+ index: m.value ? K + 1 : K
467
+ }))), n.filter((u) => !u.disabled).length === 0)
468
468
  return;
469
- let s = Y.value;
470
- if (s < 0 && (s = C.value || B.value.length > 0 ? 0 : -1), a === "down") {
471
- let d = (s + 1) % n.length, P = 0;
472
- for (; n[d].disabled && P < n.length; )
473
- d = (d + 1) % n.length, P++;
474
- n[d].disabled || (s = d);
469
+ let i = L.value;
470
+ if (i < 0 && (i = m.value || k.value.length > 0 ? 0 : -1), a === "down") {
471
+ let u = (i + 1) % n.length, K = 0;
472
+ for (; n[u].disabled && K < n.length; )
473
+ u = (u + 1) % n.length, K++;
474
+ n[u].disabled || (i = u);
475
475
  } else if (a === "up") {
476
- let d = s <= 0 ? n.length - 1 : s - 1, P = 0;
477
- for (; n[d].disabled && P < n.length; )
478
- d = d <= 0 ? n.length - 1 : d - 1, P++;
479
- n[d].disabled || (s = d);
476
+ let u = i <= 0 ? n.length - 1 : i - 1, K = 0;
477
+ for (; n[u].disabled && K < n.length; )
478
+ u = u <= 0 ? n.length - 1 : u - 1, K++;
479
+ n[u].disabled || (i = u);
480
480
  }
481
- Y.value = s, ee(() => {
482
- const d = document.querySelector(`[data-option-index-single="${s}"]`);
483
- d && d.focus();
481
+ L.value = i, Y(() => {
482
+ const u = document.querySelector(`[data-option-index-single="${i}"]`);
483
+ u && u.focus();
484
484
  });
485
- }, it = () => {
486
- !r.value && b.value && (b.value = !1, Y.value = -1, ee(() => {
487
- X.value && X.value.focus();
485
+ }, st = () => {
486
+ !d.value && p.value && (p.value = !1, L.value = -1, Y(() => {
487
+ E.value && E.value.focus();
488
488
  }));
489
489
  }, bt = () => {
490
- !r.value && m.value && (m.value = !1, oe.value = -1, ee(() => {
491
- Z.value && Z.value.focus();
490
+ !d.value && b.value && (b.value = !1, P.value = -1, Y(() => {
491
+ X.value && X.value.focus();
492
492
  }));
493
- }, at = (a) => {
494
- if (!r.value) {
493
+ }, tt = (a) => {
494
+ if (!d.value) {
495
495
  a.stopPropagation();
496
- const n = b.value;
497
- b.value = !b.value, !n && b.value ? (dt(), Y.value = C.value ? 0 : -1, !C.value && B.value.length > 0 && (Y.value = 0), ee(() => {
498
- const u = document.querySelector(`[data-option-index-single="${Y.value}"]`);
499
- u && u.focus();
500
- })) : b.value || (Y.value = -1);
496
+ const n = p.value;
497
+ p.value = !p.value, !n && p.value ? (dt(), L.value = m.value ? 0 : -1, !m.value && k.value.length > 0 && (L.value = 0), Y(() => {
498
+ const r = document.querySelector(`[data-option-index-single="${L.value}"]`);
499
+ r && r.focus();
500
+ })) : p.value || (L.value = -1);
501
501
  }
502
502
  }, Ke = (a) => {
503
- r.value || (De.value = !0, c.value = a, b.value = !1, Y.value = -1, ft(a), setTimeout(() => {
504
- De.value = !1, ee(() => {
505
- X.value && X.value.focus();
503
+ d.value || (Ve.value = !0, s.value = a, p.value = !1, L.value = -1, ft(a), setTimeout(() => {
504
+ Ve.value = !1, Y(() => {
505
+ E.value && E.value.focus();
506
506
  });
507
507
  }, 150));
508
508
  }, ht = () => {
509
- if (!c.value || c.value === _.value)
510
- return K.value;
511
- const a = B.value.find(
512
- (n) => n[v.value] === c.value
509
+ if (!s.value || s.value === S.value)
510
+ return D.value;
511
+ const a = k.value.find(
512
+ (n) => n[c.value] === s.value
513
513
  );
514
- return a ? a[w.value] : K.value;
514
+ return a ? a[j.value] : D.value;
515
515
  }, yt = () => {
516
- const a = B.value.filter(
517
- (n) => pe.value.includes(n[v.value])
516
+ const a = k.value.filter(
517
+ (n) => ne.value.includes(n[c.value])
518
518
  );
519
- return a.length === 0 ? K.value : a.length === 1 ? a[0][w.value] : `${a.length} itens selecionados`;
519
+ return a.length === 0 ? D.value : a.length === 1 ? a[0][j.value] : `${a.length} itens selecionados`;
520
520
  }, ot = (a) => {
521
- if (r.value)
521
+ if (d.value)
522
522
  return;
523
- De.value = !0;
524
- const n = [...pe.value];
523
+ Ve.value = !0;
524
+ const n = [...ne.value];
525
525
  if (n.includes(a)) {
526
- const u = n.filter((s) => s !== a);
527
- pe.value = u;
526
+ const r = n.filter((i) => i !== a);
527
+ ne.value = r;
528
528
  } else
529
- pe.value = [...n, a];
530
- ft(pe.value), setTimeout(() => {
531
- De.value = !1;
529
+ ne.value = [...n, a];
530
+ ft(ne.value), setTimeout(() => {
531
+ Ve.value = !1;
532
532
  }, 150);
533
533
  }, ft = (a) => {
534
- p("user-changed", a);
534
+ g("user-changed", a);
535
535
  }, Ct = o(() => {
536
536
  const a = {};
537
- g.value && Object.keys(g.value).forEach((s) => a[`aria-${s}`] = g.value[s]);
537
+ v.value && Object.keys(v.value).forEach((i) => a[`aria-${i}`] = v.value[i]);
538
538
  const n = {
539
539
  "aria-label": l.value,
540
- "aria-disabled": r.value,
540
+ "aria-disabled": d.value,
541
541
  ...a
542
542
  };
543
543
  return Object.fromEntries(
544
- Object.entries(n).filter(([u, s]) => s != null)
544
+ Object.entries(n).filter(([r, i]) => i != null)
545
545
  );
546
546
  }), mt = (a) => {
547
- if (!r.value) {
548
- if (b.value)
547
+ if (!d.value) {
548
+ if (p.value)
549
549
  switch (a.key) {
550
550
  case "ArrowDown":
551
- a.preventDefault(), We("down");
551
+ a.preventDefault(), ze("down");
552
552
  return;
553
553
  case "ArrowUp":
554
- a.preventDefault(), We("up");
554
+ a.preventDefault(), ze("up");
555
555
  return;
556
556
  }
557
557
  switch (a.key) {
558
558
  case "Enter":
559
- fe.value && (a.preventDefault(), b.value ? (b.value = !1, Y.value = -1, ee(() => {
560
- X.value && X.value.focus();
561
- })) : at(a));
559
+ fe.value && (a.preventDefault(), p.value ? (p.value = !1, L.value = -1, Y(() => {
560
+ E.value && E.value.focus();
561
+ })) : tt(a));
562
562
  break;
563
563
  case " ":
564
- Se.value && (a.preventDefault(), b.value ? (b.value = !1, Y.value = -1, ee(() => {
565
- X.value && X.value.focus();
566
- })) : at(a));
564
+ ce.value && (a.preventDefault(), p.value ? (p.value = !1, L.value = -1, Y(() => {
565
+ E.value && E.value.focus();
566
+ })) : tt(a));
567
567
  break;
568
568
  case "Escape":
569
- b.value && (a.preventDefault(), b.value = !1, Y.value = -1, ee(() => {
570
- X.value && X.value.focus();
569
+ p.value && (a.preventDefault(), p.value = !1, L.value = -1, Y(() => {
570
+ E.value && E.value.focus();
571
571
  }));
572
572
  break;
573
573
  case "ArrowDown":
574
- a.preventDefault(), b.value || at(a);
574
+ a.preventDefault(), p.value || tt(a);
575
575
  break;
576
576
  case "ArrowUp":
577
- a.preventDefault(), b.value && (b.value = !1, Y.value = -1, ee(() => {
578
- X.value && X.value.focus();
577
+ a.preventDefault(), p.value && (p.value = !1, L.value = -1, Y(() => {
578
+ E.value && E.value.focus();
579
579
  }));
580
580
  break;
581
581
  }
582
582
  }
583
- }, xt = (a) => {
584
- if (!r.value) {
585
- if (m.value)
583
+ }, Ot = (a) => {
584
+ if (!d.value) {
585
+ if (b.value)
586
586
  switch (a.key) {
587
587
  case "ArrowDown":
588
- a.preventDefault(), Ie("down");
588
+ a.preventDefault(), Ae("down");
589
589
  return;
590
590
  case "ArrowUp":
591
- a.preventDefault(), Ie("up");
591
+ a.preventDefault(), Ae("up");
592
592
  return;
593
593
  }
594
594
  switch (a.key) {
595
595
  case "Enter":
596
- fe.value && (a.preventDefault(), m.value ? (m.value = !1, oe.value = -1, ee(() => {
597
- Z.value && Z.value.focus();
598
- })) : lt(a));
596
+ fe.value && (a.preventDefault(), b.value ? (b.value = !1, P.value = -1, Y(() => {
597
+ X.value && X.value.focus();
598
+ })) : et(a));
599
599
  break;
600
600
  case " ":
601
- Se.value && (a.preventDefault(), m.value ? (m.value = !1, oe.value = -1, ee(() => {
602
- Z.value && Z.value.focus();
603
- })) : lt(a));
601
+ ce.value && (a.preventDefault(), b.value ? (b.value = !1, P.value = -1, Y(() => {
602
+ X.value && X.value.focus();
603
+ })) : et(a));
604
604
  break;
605
605
  case "Escape":
606
- m.value && (a.preventDefault(), m.value = !1, oe.value = -1, ee(() => {
607
- Z.value && Z.value.focus();
606
+ b.value && (a.preventDefault(), b.value = !1, P.value = -1, Y(() => {
607
+ X.value && X.value.focus();
608
608
  }));
609
609
  break;
610
610
  case "ArrowDown":
611
- a.preventDefault(), m.value || lt(a);
611
+ a.preventDefault(), b.value || et(a);
612
612
  break;
613
613
  case "ArrowUp":
614
- a.preventDefault(), m.value && (m.value = !1, oe.value = -1, ee(() => {
615
- Z.value && Z.value.focus();
614
+ a.preventDefault(), b.value && (b.value = !1, P.value = -1, Y(() => {
615
+ X.value && X.value.focus();
616
616
  }));
617
617
  break;
618
618
  }
619
619
  }
620
620
  };
621
- return be(c, (a, n) => {
622
- Ee.value && a !== n && p("changed", a);
623
- }), be(q, (a, n) => {
624
- a !== n && (c.value = a);
625
- }), be(L, (a, n) => {
626
- Ee.value && a !== n && p("changed", a);
627
- }), be(M, (a, n) => {
628
- a !== n && (L.value = a || []);
629
- }), (a, n) => e.nbId ? (A(), D("div", {
621
+ return be(s, (a, n) => {
622
+ Ne.value && a !== n && g("changed", a);
623
+ }), be(ae, (a, n) => {
624
+ a !== n && (s.value = a);
625
+ }), be(V, (a, n) => {
626
+ Ne.value && a !== n && g("changed", a);
627
+ }), be(G, (a, n) => {
628
+ a !== n && (V.value = a || []);
629
+ }), (a, n) => t.nbId ? (H(), $("div", {
630
630
  key: 0,
631
631
  ref_key: "wrapperRef",
632
- ref: Le,
633
- class: R(["nb-wrapper", Me.value]),
634
- style: Ne([Ue.value, Re.value]),
632
+ ref: Ee,
633
+ class: R(["nb-wrapper", Fe.value]),
634
+ style: Re([je.value, We.value]),
635
635
  onFocusout: gt
636
636
  }, [
637
- T("div", Ye({
638
- id: e.nbId,
639
- ref: e.nbId,
640
- class: ["nb-reset", "component", Qe.value, Ze.value],
641
- style: [Pe.value, Re.value, ze.value]
637
+ w("div", Qe({
638
+ id: t.nbId,
639
+ ref: t.nbId,
640
+ class: ["nb-reset", "component", qe.value, Pe.value],
641
+ style: [Xe.value, We.value, Le.value]
642
642
  }, Ct.value), [
643
- t(k) ? (A(), D("label", {
643
+ e(_) ? (H(), $("label", {
644
644
  key: 0,
645
- for: t(Ce),
645
+ for: e(ye),
646
646
  class: "component__label"
647
647
  }, [
648
- nt(ge(t(W)), 1),
649
- t(ue) ? (A(), D("span", $t, "*")) : we("", !0)
650
- ], 8, wt)) : we("", !0),
651
- t(ae) ? (A(), D("div", {
648
+ nt(ge(e(N)), 1),
649
+ e(Ce) ? (H(), $("span", Ht, "*")) : Se("", !0)
650
+ ], 8, Vt)) : Se("", !0),
651
+ e(de) ? (H(), $("div", {
652
652
  key: 2,
653
- class: R(["component__dropdown", { open: m.value, disabled: t(r) }])
653
+ class: R(["component__dropdown", { open: b.value, disabled: e(d) }])
654
654
  }, [
655
- T("div", {
655
+ w("div", {
656
656
  ref_key: "dropdownFieldMultipleRef",
657
- ref: Z,
658
- class: R(["component__dropdown-field", { "has-selection": pe.value.length > 0 }]),
659
- style: Ne([ze.value]),
660
- tabindex: t(r) ? -1 : t(Oe) >= 0 ? t(Oe) : t($e),
661
- onClick: lt,
662
- onKeydown: xt
657
+ ref: X,
658
+ class: R(["component__dropdown-field", { "has-selection": ne.value.length > 0 }]),
659
+ style: Re([Le.value]),
660
+ tabindex: e(d) ? -1 : e(ke) >= 0 ? e(ke) : e($e),
661
+ onClick: et,
662
+ onKeydown: Ot
663
663
  }, [
664
- pe.value.length === 0 ? (A(), D("span", Rt, ge(t(K)), 1)) : (A(), D("span", Wt, ge(yt()), 1)),
665
- T("span", {
666
- class: R(["component__dropdown-arrow", { open: m.value }])
664
+ ne.value.length === 0 ? (H(), $("span", Wt, ge(e(D)), 1)) : (H(), $("span", zt, ge(yt()), 1)),
665
+ w("span", {
666
+ class: R(["component__dropdown-arrow", { open: b.value }])
667
667
  }, "▼", 2)
668
- ], 46, zt),
669
- m.value ? (A(), D("div", {
668
+ ], 46, Rt),
669
+ b.value ? (H(), $("div", {
670
670
  key: 0,
671
- class: R(["component__checkbox-group", t($)]),
671
+ class: R(["component__checkbox-group", e(q)]),
672
672
  role: "listbox"
673
673
  }, [
674
- (A(!0), D(ct, null, vt(t(B), (u, s) => (A(), D("label", {
675
- key: s,
676
- "data-option-index-multiple": s,
674
+ (H(!0), $(ct, null, vt(e(k), (r, i) => (H(), $("label", {
675
+ key: i,
676
+ "data-option-index-multiple": i,
677
677
  class: R(["component__checkbox-option", {
678
- disabled: u.disabled || t(r),
679
- selected: pe.value.includes(u[t(v)])
678
+ disabled: r.disabled || e(d),
679
+ selected: ne.value.includes(r[e(c)])
680
680
  }]),
681
- tabindex: u.disabled || t(r) ? -1 : oe.value === s ? 0 : -1,
681
+ tabindex: r.disabled || e(d) ? -1 : P.value === i ? 0 : -1,
682
682
  role: "option",
683
- "aria-selected": pe.value.includes(u[t(v)]),
684
- onClick: O((d) => !u.disabled && !t(r) && ot(u[t(v)]), ["prevent"]),
683
+ "aria-selected": ne.value.includes(r[e(c)]),
684
+ onClick: y((u) => !r.disabled && !e(d) && ot(r[e(c)]), ["prevent"]),
685
685
  onKeydown: [
686
- I(O((d) => !u.disabled && !t(r) && t(fe) && ot(u[t(v)]), ["prevent"]), ["enter"]),
687
- I(O((d) => !u.disabled && !t(r) && t(Se) && ot(u[t(v)]), ["prevent"]), ["space"]),
688
- I(O((d) => !u.disabled && !t(r) && Ie("down"), ["prevent"]), ["arrow-down"]),
689
- I(O((d) => !u.disabled && !t(r) && Ie("up"), ["prevent"]), ["arrow-up"]),
690
- I(O((d) => !u.disabled && !t(r) && bt(), ["prevent"]), ["escape"])
686
+ B(y((u) => !r.disabled && !e(d) && e(fe) && ot(r[e(c)]), ["prevent"]), ["enter"]),
687
+ B(y((u) => !r.disabled && !e(d) && e(ce) && ot(r[e(c)]), ["prevent"]), ["space"]),
688
+ B(y((u) => !r.disabled && !e(d) && Ae("down"), ["prevent"]), ["arrow-down"]),
689
+ B(y((u) => !r.disabled && !e(d) && Ae("up"), ["prevent"]), ["arrow-up"]),
690
+ B(y((u) => !r.disabled && !e(d) && bt(), ["prevent"]), ["escape"])
691
691
  ]
692
692
  }, [
693
- T("input", {
693
+ w("input", {
694
694
  type: "checkbox",
695
- value: u[t(v)],
696
- checked: pe.value.includes(u[t(v)]),
697
- disabled: u.disabled || t(r),
698
- onClick: n[6] || (n[6] = O(() => {
695
+ value: r[e(c)],
696
+ checked: ne.value.includes(r[e(c)]),
697
+ disabled: r.disabled || e(d),
698
+ onClick: n[6] || (n[6] = y(() => {
699
699
  }, ["stop"]))
700
- }, null, 8, jt),
701
- T("span", Ft, [
700
+ }, null, 8, Ft),
701
+ w("span", jt, [
702
702
  pt(a.$slots, "slot-select-item", {
703
- propRow: u,
704
- propIndex: s
703
+ propRow: r,
704
+ propIndex: i
705
705
  }, () => [
706
- nt(ge(u[t(w)]), 1)
706
+ nt(ge(r[e(j)]), 1)
707
707
  ], !0)
708
708
  ])
709
709
  ], 42, Kt))), 128))
710
- ], 2)) : we("", !0)
711
- ], 2)) : (A(), D("div", {
710
+ ], 2)) : Se("", !0)
711
+ ], 2)) : (H(), $("div", {
712
712
  key: 1,
713
- class: R(["component__dropdown", { open: b.value, disabled: t(r) }])
713
+ class: R(["component__dropdown", { open: p.value, disabled: e(d) }])
714
714
  }, [
715
- T("div", {
715
+ w("div", {
716
716
  ref_key: "dropdownFieldSingleRef",
717
- ref: X,
718
- class: R(["component__dropdown-field", { "has-selection": c.value !== null && c.value !== t(_) }]),
719
- style: Ne([ze.value]),
720
- tabindex: t(r) ? -1 : t(Oe) >= 0 ? t(Oe) : t($e),
721
- onClick: at,
717
+ ref: E,
718
+ class: R(["component__dropdown-field", { "has-selection": s.value !== null && s.value !== e(S) }]),
719
+ style: Re([Le.value]),
720
+ tabindex: e(d) ? -1 : e(ke) >= 0 ? e(ke) : e($e),
721
+ onClick: tt,
722
722
  onKeydown: mt
723
723
  }, [
724
- !c.value || c.value === t(_) ? (A(), D("span", At, ge(t(K)), 1)) : (A(), D("span", Dt, ge(ht()), 1)),
725
- T("span", {
726
- class: R(["component__dropdown-arrow", { open: b.value }])
724
+ !s.value || s.value === e(S) ? (H(), $("span", At, ge(e(D)), 1)) : (H(), $("span", Dt, ge(ht()), 1)),
725
+ w("span", {
726
+ class: R(["component__dropdown-arrow", { open: p.value }])
727
727
  }, "▼", 2)
728
- ], 46, Ht),
729
- b.value ? (A(), D("div", {
728
+ ], 46, $t),
729
+ p.value ? (H(), $("div", {
730
730
  key: 0,
731
- class: R(["component__option-group", t($)]),
731
+ class: R(["component__option-group", e(q)]),
732
732
  role: "listbox"
733
733
  }, [
734
- t(C) ? (A(), D("div", {
734
+ e(m) ? (H(), $("div", {
735
735
  key: 0,
736
736
  "data-option-index-single": "0",
737
737
  class: R(["component__option-item", {
738
- disabled: t(r),
739
- selected: !c.value || c.value === t(_)
738
+ disabled: e(d),
739
+ selected: !s.value || s.value === e(S)
740
740
  }]),
741
- tabindex: t(r) ? -1 : Y.value === 0 ? 0 : -1,
741
+ tabindex: e(d) ? -1 : L.value === 0 ? 0 : -1,
742
742
  role: "option",
743
- "aria-selected": !c.value || c.value === t(_),
744
- onClick: n[0] || (n[0] = O((u) => !t(r) && Ke(t(_)), ["prevent"])),
743
+ "aria-selected": !s.value || s.value === e(S),
744
+ onClick: n[0] || (n[0] = y((r) => !e(d) && Ke(e(S)), ["prevent"])),
745
745
  onKeydown: [
746
- n[1] || (n[1] = I(O((u) => !t(r) && t(fe) && Ke(t(_)), ["prevent"]), ["enter"])),
747
- n[2] || (n[2] = I(O((u) => !t(r) && t(Se) && Ke(t(_)), ["prevent"]), ["space"])),
748
- n[3] || (n[3] = I(O((u) => !t(r) && We("down"), ["prevent"]), ["arrow-down"])),
749
- n[4] || (n[4] = I(O((u) => !t(r) && We("up"), ["prevent"]), ["arrow-up"])),
750
- n[5] || (n[5] = I(O((u) => !t(r) && it(), ["prevent"]), ["escape"]))
746
+ n[1] || (n[1] = B(y((r) => !e(d) && e(fe) && Ke(e(S)), ["prevent"]), ["enter"])),
747
+ n[2] || (n[2] = B(y((r) => !e(d) && e(ce) && Ke(e(S)), ["prevent"]), ["space"])),
748
+ n[3] || (n[3] = B(y((r) => !e(d) && ze("down"), ["prevent"]), ["arrow-down"])),
749
+ n[4] || (n[4] = B(y((r) => !e(d) && ze("up"), ["prevent"]), ["arrow-up"])),
750
+ n[5] || (n[5] = B(y((r) => !e(d) && st(), ["prevent"]), ["escape"]))
751
751
  ]
752
752
  }, [
753
- T("span", Nt, ge(t(K)), 1)
754
- ], 42, It)) : we("", !0),
755
- (A(!0), D(ct, null, vt(t(B), (u, s) => (A(), D("div", {
756
- key: s,
757
- "data-option-index-single": t(C) ? s + 1 : s,
753
+ w("span", Nt, ge(e(D)), 1)
754
+ ], 42, It)) : Se("", !0),
755
+ (H(!0), $(ct, null, vt(e(k), (r, i) => (H(), $("div", {
756
+ key: i,
757
+ "data-option-index-single": e(m) ? i + 1 : i,
758
758
  class: R(["component__option-item", {
759
- disabled: u.disabled || t(r),
760
- selected: c.value === u[t(v)]
759
+ disabled: r.disabled || e(d),
760
+ selected: s.value === r[e(c)]
761
761
  }]),
762
- tabindex: u.disabled || t(r) ? -1 : Y.value === (t(C) ? s + 1 : s) ? 0 : -1,
762
+ tabindex: r.disabled || e(d) ? -1 : L.value === (e(m) ? i + 1 : i) ? 0 : -1,
763
763
  role: "option",
764
- "aria-selected": c.value === u[t(v)],
765
- onClick: O((d) => !u.disabled && !t(r) && Ke(u[t(v)]), ["prevent"]),
764
+ "aria-selected": s.value === r[e(c)],
765
+ onClick: y((u) => !r.disabled && !e(d) && Ke(r[e(c)]), ["prevent"]),
766
766
  onKeydown: [
767
- I(O((d) => !u.disabled && !t(r) && t(fe) && Ke(u[t(v)]), ["prevent"]), ["enter"]),
768
- I(O((d) => !u.disabled && !t(r) && t(Se) && Ke(u[t(v)]), ["prevent"]), ["space"]),
769
- I(O((d) => !u.disabled && !t(r) && We("down"), ["prevent"]), ["arrow-down"]),
770
- I(O((d) => !u.disabled && !t(r) && We("up"), ["prevent"]), ["arrow-up"]),
771
- I(O((d) => !u.disabled && !t(r) && it(), ["prevent"]), ["escape"])
767
+ B(y((u) => !r.disabled && !e(d) && e(fe) && Ke(r[e(c)]), ["prevent"]), ["enter"]),
768
+ B(y((u) => !r.disabled && !e(d) && e(ce) && Ke(r[e(c)]), ["prevent"]), ["space"]),
769
+ B(y((u) => !r.disabled && !e(d) && ze("down"), ["prevent"]), ["arrow-down"]),
770
+ B(y((u) => !r.disabled && !e(d) && ze("up"), ["prevent"]), ["arrow-up"]),
771
+ B(y((u) => !r.disabled && !e(d) && st(), ["prevent"]), ["escape"])
772
772
  ]
773
773
  }, [
774
- T("span", Lt, [
774
+ w("span", Lt, [
775
775
  pt(a.$slots, "slot-select-item", {
776
- propRow: u,
777
- propIndex: s
776
+ propRow: r,
777
+ propIndex: i
778
778
  }, () => [
779
- nt(ge(u[t(w)]), 1)
779
+ nt(ge(r[e(j)]), 1)
780
780
  ], !0)
781
781
  ])
782
782
  ], 42, Et))), 128))
783
- ], 2)) : we("", !0)
783
+ ], 2)) : Se("", !0)
784
784
  ], 2))
785
- ], 16, Vt)
786
- ], 38)) : we("", !0);
785
+ ], 16, wt)
786
+ ], 38)) : Se("", !0);
787
787
  }
788
- }), Yt = /* @__PURE__ */ qe(Xt, [["__scopeId", "data-v-7feeaa38"]]);
789
- const qt = ["id"], Mt = ["for", "tabindex"], Ut = ["id", "disabled"], Pt = ["id"], Gt = /* @__PURE__ */ Object.assign({
788
+ }), Yt = /* @__PURE__ */ Ze(Xt, [["__scopeId", "data-v-45c313f1"]]);
789
+ const Mt = ["id"], qt = ["for", "tabindex"], Pt = ["id", "disabled"], Ut = ["id"], Gt = /* @__PURE__ */ Object.assign({
790
790
  name: "NbToggle",
791
791
  inheritAttrs: !1
792
792
  }, {
@@ -799,20 +799,20 @@ const qt = ["id"], Mt = ["for", "tabindex"], Ut = ["id", "disabled"], Pt = ["id"
799
799
  value: {
800
800
  type: Boolean,
801
801
  default: !1,
802
- validator: (e) => [!0, !1].includes(e)
802
+ validator: (t) => [!0, !1].includes(t)
803
803
  },
804
804
  display: {
805
805
  type: String,
806
806
  default: "ib",
807
- validator: (e = "ib") => {
808
- const h = e ? e.toLowerCase() : "";
809
- return ["b", "ib"].includes(h);
807
+ validator: (t = "ib") => {
808
+ const C = t ? t.toLowerCase() : "";
809
+ return ["b", "ib"].includes(C);
810
810
  }
811
811
  },
812
812
  disabled: {
813
813
  type: Boolean,
814
814
  default: !1,
815
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
815
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
816
816
  },
817
817
  tabIndex: {
818
818
  type: Number,
@@ -837,9 +837,9 @@ const qt = ["id"], Mt = ["for", "tabindex"], Ut = ["id", "disabled"], Pt = ["id"
837
837
  theme: {
838
838
  type: String,
839
839
  default: "light",
840
- validator: (e) => {
841
- const h = e ? e.toLowerCase() : "";
842
- return ["light", "dark"].includes(h);
840
+ validator: (t) => {
841
+ const C = t ? t.toLowerCase() : "";
842
+ return ["light", "dark"].includes(C);
843
843
  }
844
844
  },
845
845
  // Cores do tema light
@@ -886,108 +886,108 @@ const qt = ["id"], Mt = ["for", "tabindex"], Ut = ["id", "disabled"], Pt = ["id"
886
886
  }
887
887
  },
888
888
  emits: ["changed", "current-value", "clicked"],
889
- setup(e, { emit: h }) {
890
- je((E) => ({
891
- v36168618: K.value,
892
- a80063b0: H.value,
893
- v517ca11a: de.value,
894
- v6cfafb4e: me.value,
895
- e917ec32: xe.value,
896
- v7f1dd87e: se.value,
897
- v4de0195e: f.value,
898
- v957d25b8: N.value,
899
- v7a70f3f8: ke.value,
900
- v6d305071: _e.value
889
+ setup(t, { emit: C }) {
890
+ Ue((I) => ({
891
+ 36168618: D.value,
892
+ a80063b0: T.value,
893
+ "517ca11a": J.value,
894
+ "6cfafb4e": me.value,
895
+ e917ec32: Oe.value,
896
+ "7f1dd87e": Q.value,
897
+ "4de0195e": f.value,
898
+ "957d25b8": A.value,
899
+ "7a70f3f8": _e.value,
900
+ "6d305071": Te.value
901
901
  }));
902
- const p = h, G = e;
903
- Fe(() => {
904
- C.value = G.value, p("current-value", G.value);
902
+ const g = C, U = t;
903
+ Ge(() => {
904
+ m.value = U.value, g("current-value", U.value);
905
905
  });
906
906
  const {
907
907
  nbId: x,
908
- value: te,
908
+ value: re,
909
909
  display: he,
910
910
  disabled: F,
911
- tabIndex: ye,
912
- hasTabIndexEnter: r,
913
- hasTabIndexSpace: y,
914
- ariaLabel: ce,
915
- ariaAttrs: J,
916
- theme: re,
917
- lightSwitchColor: ve,
911
+ tabIndex: ve,
912
+ hasTabIndexEnter: d,
913
+ hasTabIndexSpace: h,
914
+ ariaLabel: pe,
915
+ ariaAttrs: M,
916
+ theme: ue,
917
+ lightSwitchColor: te,
918
918
  lightSwitchColorActive: le,
919
- lightThumbColor: Ce,
920
- lightThumbColorActive: ue,
921
- lightDisabledBgColor: B,
922
- darkSwitchColor: q,
923
- darkSwitchColorActive: M,
924
- darkThumbColor: w,
925
- darkThumbColorActive: v,
926
- darkDisabledBgColor: ae
927
- } = Xe(G), C = ne(!1), _ = o(() => {
928
- const E = F.value ? "component-disabled" : "", j = he.value !== "b" ? "inline-block" : "block";
919
+ lightThumbColor: ye,
920
+ lightThumbColorActive: Ce,
921
+ lightDisabledBgColor: k,
922
+ darkSwitchColor: ae,
923
+ darkSwitchColorActive: G,
924
+ darkThumbColor: j,
925
+ darkThumbColorActive: c,
926
+ darkDisabledBgColor: de
927
+ } = Je(U), m = ee(!1), S = o(() => {
928
+ const I = F.value ? "component-disabled" : "", W = he.value !== "b" ? "inline-block" : "block";
929
929
  return {
930
- disabled: E,
931
- display: j
930
+ disabled: I,
931
+ display: W
932
932
  };
933
- }), $ = o(() => _.value.disabled), k = o(() => ({
934
- display: _.value.display
935
- })), W = o(() => re.value === "dark" ? "component__theme--dark" : "component__theme--light"), K = o(() => ve.value), de = o(() => le.value), H = o(() => Ce.value), me = o(() => ue.value), xe = o(() => B.value), se = o(() => q.value), N = o(() => M.value), f = o(() => w.value), ke = o(() => v.value), _e = o(() => ae.value), Te = o(() => {
936
- const E = {};
937
- J.value && Object.keys(J.value).forEach((Q) => E[`aria-${Q}`] = J.value[Q]);
938
- const j = {
939
- "aria-label": ce.value,
933
+ }), q = o(() => S.value.disabled), _ = o(() => ({
934
+ display: S.value.display
935
+ })), N = o(() => ue.value === "dark" ? "component__theme--dark" : "component__theme--light"), D = o(() => te.value), J = o(() => le.value), T = o(() => ye.value), me = o(() => Ce.value), Oe = o(() => k.value), Q = o(() => ae.value), A = o(() => G.value), f = o(() => j.value), _e = o(() => c.value), Te = o(() => de.value), Be = o(() => {
936
+ const I = {};
937
+ M.value && Object.keys(M.value).forEach((oe) => I[`aria-${oe}`] = M.value[oe]);
938
+ const W = {
939
+ "aria-label": pe.value,
940
940
  "aria-disabled": F.value,
941
- "aria-checked": C.value,
942
- ...E
941
+ "aria-checked": m.value,
942
+ ...I
943
943
  };
944
944
  return Object.fromEntries(
945
- Object.entries(j).filter(([U, Q]) => Q != null)
945
+ Object.entries(W).filter(([Z, oe]) => oe != null)
946
946
  );
947
- }), Be = () => {
948
- p("changed", C.value), p("current-value", C.value), p("clicked");
947
+ }), we = () => {
948
+ g("changed", m.value), g("current-value", m.value), g("clicked");
949
949
  };
950
- return be(te, (E) => {
951
- C.value = E;
952
- }), be(C, (E) => {
953
- p("current-value", E);
954
- }), (E, j) => t(x) ? (A(), D("div", {
950
+ return be(re, (I) => {
951
+ m.value = I;
952
+ }), be(m, (I) => {
953
+ g("current-value", I);
954
+ }), (I, W) => e(x) ? (H(), $("div", {
955
955
  key: 0,
956
- class: R(["nb-wrapper", $.value]),
957
- style: Ne([k.value])
956
+ class: R(["nb-wrapper", q.value]),
957
+ style: Re([_.value])
958
958
  }, [
959
- T("div", Ye({
960
- id: t(x),
961
- class: ["nb-reset", "component", "component-toggle", W.value]
962
- }, Te.value), [
963
- T("label", {
964
- for: `toggle-input-${t(x)}`,
959
+ w("div", Qe({
960
+ id: e(x),
961
+ class: ["nb-reset", "component", "component-toggle", N.value]
962
+ }, Be.value), [
963
+ w("label", {
964
+ for: `toggle-input-${e(x)}`,
965
965
  class: "component-toggle__button",
966
- tabindex: t(F) ? -1 : t(ye),
966
+ tabindex: e(F) ? -1 : e(ve),
967
967
  onKeydown: [
968
- j[1] || (j[1] = I(O((U) => !t(F) && t(r) && U.target.click(), ["prevent"]), ["enter"])),
969
- j[2] || (j[2] = I(O((U) => !t(F) && t(y) && U.target.click(), ["prevent"]), ["space"]))
968
+ W[1] || (W[1] = B(y((Z) => !e(F) && e(d) && Z.target.click(), ["prevent"]), ["enter"])),
969
+ W[2] || (W[2] = B(y((Z) => !e(F) && e(h) && Z.target.click(), ["prevent"]), ["space"]))
970
970
  ]
971
971
  }, [
972
- et(T("input", {
973
- id: `toggle-input-${t(x)}`,
974
- "onUpdate:modelValue": j[0] || (j[0] = (U) => C.value = U),
972
+ lt(w("input", {
973
+ id: `toggle-input-${e(x)}`,
974
+ "onUpdate:modelValue": W[0] || (W[0] = (Z) => m.value = Z),
975
975
  type: "checkbox",
976
- disabled: t(F),
976
+ disabled: e(F),
977
977
  class: "component-toggle__checkbox",
978
- onChange: Be
979
- }, null, 40, Ut), [
980
- [tt, C.value]
978
+ onChange: we
979
+ }, null, 40, Pt), [
980
+ [at, m.value]
981
981
  ]),
982
- T("div", {
983
- id: `toggle-switch-${t(x)}`,
982
+ w("div", {
983
+ id: `toggle-switch-${e(x)}`,
984
984
  class: "component-toggle__switch"
985
- }, null, 8, Pt)
986
- ], 40, Mt)
987
- ], 16, qt)
988
- ], 6)) : we("", !0);
985
+ }, null, 8, Ut)
986
+ ], 40, qt)
987
+ ], 16, Mt)
988
+ ], 6)) : Se("", !0);
989
989
  }
990
- }), Jt = /* @__PURE__ */ qe(Gt, [["__scopeId", "data-v-b08aed8b"]]);
990
+ }), Jt = /* @__PURE__ */ Ze(Gt, [["__scopeId", "data-v-b08aed8b"]]);
991
991
  const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll = {
992
992
  key: 0,
993
993
  class: "component-label-text"
@@ -1031,9 +1031,9 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
1031
1031
  theme: {
1032
1032
  type: String,
1033
1033
  default: "light",
1034
- validator: (e) => {
1035
- const h = e ? e.toLowerCase() : "";
1036
- return ["light", "dark"].includes(h);
1034
+ validator: (t) => {
1035
+ const C = t ? t.toLowerCase() : "";
1036
+ return ["light", "dark"].includes(C);
1037
1037
  }
1038
1038
  },
1039
1039
  // Cores do tema light
@@ -1069,22 +1069,22 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
1069
1069
  width: {
1070
1070
  type: Number,
1071
1071
  default: 55,
1072
- validator: (e) => e || 55
1072
+ validator: (t) => t || 55
1073
1073
  },
1074
1074
  paddingX: {
1075
1075
  type: Number,
1076
1076
  default: 1,
1077
- validator: (e) => e || 1
1077
+ validator: (t) => t || 1
1078
1078
  },
1079
1079
  paddingY: {
1080
1080
  type: Number,
1081
1081
  default: 0.2,
1082
- validator: (e) => e || 0.2
1082
+ validator: (t) => t || 0.2
1083
1083
  },
1084
1084
  disabled: {
1085
1085
  type: Boolean,
1086
1086
  default: !1,
1087
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
1087
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
1088
1088
  },
1089
1089
  fontFamily: {
1090
1090
  type: String,
@@ -1093,17 +1093,17 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
1093
1093
  fontSize: {
1094
1094
  type: String,
1095
1095
  default: "1.6em",
1096
- validator: (e) => e || "1.6em"
1096
+ validator: (t) => t || "1.6em"
1097
1097
  },
1098
1098
  fontWeight: {
1099
1099
  type: Number,
1100
1100
  default: 200,
1101
- validator: (e) => e || 200
1101
+ validator: (t) => t || 200
1102
1102
  },
1103
1103
  hasAnimation: {
1104
1104
  type: Boolean,
1105
1105
  default: !1,
1106
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
1106
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
1107
1107
  },
1108
1108
  textEnable: {
1109
1109
  type: String,
@@ -1119,393 +1119,138 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
1119
1119
  }
1120
1120
  },
1121
1121
  emits: ["clicked", "current-value"],
1122
- setup(e, { emit: h }) {
1123
- je((i) => ({
1124
- v3531e937: me.value,
1125
- v22553608: Be.value,
1126
- v30d9bc4b: E.value,
1127
- v6310c7e9: se.value,
1128
- v710ac044: N.value,
1129
- c5a0b5b8: f.value,
1130
- v40a22417: ke.value,
1131
- v2fb5c8f2: _e.value,
1132
- v5bdaadd2: Te.value
1122
+ setup(t, { emit: C }) {
1123
+ Ue((O) => ({
1124
+ "66c1e5c7": me.value,
1125
+ "9ec62328": we.value,
1126
+ c236ac8a: I.value,
1127
+ "7a161959": Q.value,
1128
+ "47fd1498": A.value,
1129
+ "08265a94": f.value,
1130
+ d81636b2: _e.value,
1131
+ "0d4ab4fc": Te.value,
1132
+ "257f8a62": Be.value
1133
1133
  }));
1134
- const p = h;
1135
- Fe(() => {
1136
- S();
1134
+ const g = C;
1135
+ Ge(() => {
1136
+ He();
1137
1137
  });
1138
- const G = e, {
1138
+ const U = t, {
1139
1139
  nbId: x,
1140
- value: te,
1140
+ value: re,
1141
1141
  textEnable: he,
1142
1142
  textDisable: F,
1143
- hasAnimation: ye,
1144
- ariaLabel: r,
1145
- ariaAttrs: y,
1146
- theme: ce,
1147
- lightTextColor: J,
1148
- lightButtonColor: re,
1149
- lightTextBgColor: ve,
1143
+ hasAnimation: ve,
1144
+ ariaLabel: d,
1145
+ ariaAttrs: h,
1146
+ theme: pe,
1147
+ lightTextColor: M,
1148
+ lightButtonColor: ue,
1149
+ lightTextBgColor: te,
1150
1150
  darkTextColor: le,
1151
- darkButtonColor: Ce,
1152
- darkTextBgColor: ue,
1153
- borderRadius: B,
1154
- width: q,
1155
- paddingX: M,
1156
- paddingY: w,
1157
- disabled: v,
1158
- fontFamily: ae,
1159
- fontSize: C,
1160
- fontWeight: _,
1161
- buttonSize: $
1162
- } = Xe(G), k = ne(!1), W = o(() => {
1163
- const i = v.value ? "component-disabled" : "", V = "inline-block", z = !B.value || B.value < 0 ? 0 : B.value, ie = !q.value || q.value < 55 ? 55 : q.value, He = !M.value || M.value < 0 ? 1 : M.value, Ae = !w.value || w.value < 0 ? 0.2 : w.value, $e = ae.value ? ae.value : "'Lato', sans-serif", Oe = C.value ? C.value : "1.6em", fe = !_.value || _.value < 0 ? 200 : _.value, Se = !$.value || $.value < 0 || $.value > 50 ? 30 : $.value;
1151
+ darkButtonColor: ye,
1152
+ darkTextBgColor: Ce,
1153
+ borderRadius: k,
1154
+ width: ae,
1155
+ paddingX: G,
1156
+ paddingY: j,
1157
+ disabled: c,
1158
+ fontFamily: de,
1159
+ fontSize: m,
1160
+ fontWeight: S,
1161
+ buttonSize: q
1162
+ } = Je(U), _ = ee(!1), N = o(() => {
1163
+ const O = c.value ? "component-disabled" : "", z = "inline-block", ie = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, se = !ae.value || ae.value < 55 ? 55 : ae.value, De = G.value !== 0 && !G.value || G.value < 0 ? 1 : G.value, Ie = j.value !== 0 && !j.value || j.value < 0 ? 0.2 : j.value, $e = de.value ? de.value : "'Lato', sans-serif", ke = m.value ? m.value : "1.6em", fe = S.value !== 0 && !S.value || S.value < 0 ? 200 : S.value, ce = q.value !== 0 && !q.value || q.value < 0 || q.value > 50 ? 30 : q.value;
1164
1164
  return {
1165
- disabled: i,
1166
- display: V,
1167
- borderRadius: z,
1168
- width: ie,
1169
- paddingX: He,
1170
- paddingY: Ae,
1165
+ disabled: O,
1166
+ display: z,
1167
+ borderRadius: ie,
1168
+ width: se,
1169
+ paddingX: De,
1170
+ paddingY: Ie,
1171
1171
  font: $e,
1172
- fontSize: Oe,
1172
+ fontSize: ke,
1173
1173
  fontWeight: fe,
1174
- buttonSize: Se
1174
+ buttonSize: ce
1175
1175
  };
1176
- }), K = o(() => W.value.disabled), de = o(() => ({
1177
- display: W.value.display
1178
- })), H = o(() => {
1179
- const i = W.value;
1176
+ }), D = o(() => N.value.disabled), J = o(() => ({
1177
+ display: N.value.display
1178
+ })), T = o(() => {
1179
+ const O = N.value;
1180
1180
  return {
1181
1181
  minWidth: "33px",
1182
- width: `${i.width}px`,
1182
+ width: `${O.width}px`,
1183
1183
  // padding: `${defaultValues.paddingY}rem ${defaultValues.paddingX}rem`,
1184
1184
  lineHeight: "1.42857143",
1185
- fontSize: i.fontSize,
1186
- fontWeight: i.fontWeight
1185
+ fontSize: O.fontSize,
1186
+ fontWeight: O.fontWeight
1187
1187
  };
1188
- }), me = o(() => W.value.font), xe = o(() => ce.value === "dark" ? "component__theme--dark" : "component__theme--light"), se = o(() => J.value), N = o(() => re.value), f = o(() => ve.value), ke = o(() => le.value), _e = o(() => Ce.value), Te = o(() => ue.value), Be = o(() => `${W.value.buttonSize}%`), E = o(() => `${W.value.borderRadius}rem`), j = o(() => {
1189
- const i = {};
1190
- y.value && Object.keys(y.value).forEach((ie) => i[`aria-${ie}`] = y.value[ie]);
1191
- const V = {
1192
- "aria-label": r.value,
1193
- "aria-checked": k.value,
1194
- "aria-disabled": v.value,
1195
- ...i
1188
+ }), me = o(() => N.value.font), Oe = o(() => pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), Q = o(() => M.value), A = o(() => ue.value), f = o(() => te.value), _e = o(() => le.value), Te = o(() => ye.value), Be = o(() => Ce.value), we = o(() => `${N.value.buttonSize}%`), I = o(() => `${N.value.borderRadius}rem`), W = o(() => {
1189
+ const O = {};
1190
+ h.value && Object.keys(h.value).forEach((se) => O[`aria-${se}`] = h.value[se]);
1191
+ const z = {
1192
+ "aria-label": d.value,
1193
+ "aria-checked": _.value,
1194
+ "aria-disabled": c.value,
1195
+ ...O
1196
1196
  };
1197
1197
  return Object.fromEntries(
1198
- Object.entries(V).filter(([z, ie]) => ie != null)
1198
+ Object.entries(z).filter(([ie, se]) => se != null)
1199
1199
  );
1200
- }), U = () => {
1201
- v.value || p("clicked");
1202
- }, Q = () => {
1203
- v.value || (k.value = !k.value, p("clicked"));
1204
- }, S = () => {
1205
- const i = te.value;
1206
- k.value = i, p("current-value", i);
1200
+ }), Z = () => {
1201
+ c.value || g("clicked");
1202
+ }, oe = () => {
1203
+ c.value || (_.value = !_.value, g("clicked"));
1204
+ }, He = () => {
1205
+ const O = re.value;
1206
+ _.value = O, g("current-value", O);
1207
1207
  };
1208
- return be(k, (i) => {
1209
- p("current-value", i);
1210
- }), be(te, () => {
1211
- S();
1212
- }), (i, V) => t(x) ? (A(), D("div", Ye({
1208
+ return be(_, (O) => {
1209
+ g("current-value", O);
1210
+ }), be(re, () => {
1211
+ He();
1212
+ }), (O, z) => e(x) ? (H(), $("div", Qe({
1213
1213
  key: 0,
1214
- class: ["nb-wrapper", K.value],
1215
- style: [de.value],
1216
- tabIndex: t(v) ? -1 : e.tabIndex,
1214
+ class: ["nb-wrapper", D.value],
1215
+ style: [J.value],
1216
+ tabIndex: e(c) ? -1 : t.tabIndex,
1217
1217
  role: "button"
1218
- }, j.value, {
1218
+ }, W.value, {
1219
1219
  onKeydown: [
1220
- V[1] || (V[1] = I(O((z) => !t(v) && e.hasTabIndexEnter && Q(), ["prevent"]), ["enter"])),
1221
- V[2] || (V[2] = I(O((z) => !t(v) && e.hasTabIndexSpace && Q(), ["prevent"]), ["space"]))
1220
+ z[1] || (z[1] = B(y((ie) => !e(c) && t.hasTabIndexEnter && oe(), ["prevent"]), ["enter"])),
1221
+ z[2] || (z[2] = B(y((ie) => !e(c) && t.hasTabIndexSpace && oe(), ["prevent"]), ["space"]))
1222
1222
  ]
1223
1223
  }), [
1224
- T("div", {
1225
- id: t(x),
1226
- class: R(["nb-reset", "component", xe.value]),
1227
- style: Ne([H.value])
1224
+ w("div", {
1225
+ id: e(x),
1226
+ class: R(["nb-reset", "component", Oe.value]),
1227
+ style: Re([T.value])
1228
1228
  }, [
1229
- et(T("input", {
1230
- id: `${t(x)}-input`,
1231
- "onUpdate:modelValue": V[0] || (V[0] = (z) => k.value = z),
1229
+ lt(w("input", {
1230
+ id: `${e(x)}-input`,
1231
+ "onUpdate:modelValue": z[0] || (z[0] = (ie) => _.value = ie),
1232
1232
  type: "checkbox",
1233
- disabled: t(v),
1233
+ disabled: e(c),
1234
1234
  class: "component-input",
1235
- onChange: U
1235
+ onChange: Z
1236
1236
  }, null, 40, el), [
1237
- [tt, k.value]
1237
+ [at, _.value]
1238
1238
  ]),
1239
- T("label", {
1240
- for: `${t(x)}-input`,
1239
+ w("label", {
1240
+ for: `${e(x)}-input`,
1241
1241
  class: R(["component-label", [
1242
- k.value ? "component-button--left" : "component-button--right",
1243
- t(ye) ? "component-label-text-animation" : ""
1242
+ _.value ? "component-button--left" : "component-button--right",
1243
+ e(ve) ? "component-label-text-animation" : ""
1244
1244
  ]])
1245
1245
  }, [
1246
- V[3] || (V[3] = T("div", { class: "component-label-button" }, null, -1)),
1247
- k.value ? (A(), D("span", ll, ge(t(he)), 1)) : (A(), D("span", al, ge(t(F)), 1))
1246
+ z[3] || (z[3] = w("div", { class: "component-label-button" }, null, -1)),
1247
+ _.value ? (H(), $("span", ll, ge(e(he)), 1)) : (H(), $("span", al, ge(e(F)), 1))
1248
1248
  ], 10, tl)
1249
1249
  ], 14, Zt)
1250
- ], 16, Qt)) : we("", !0);
1250
+ ], 16, Qt)) : Se("", !0);
1251
1251
  }
1252
- }), nl = /* @__PURE__ */ qe(ol, [["__scopeId", "data-v-e7c5d5fc"]]);
1253
- const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], sl = ["for"], il = {
1254
- key: 0,
1255
- class: "component-label-text"
1256
- }, fl = {
1257
- key: 1,
1258
- class: "component-label-text"
1259
- }, cl = /* @__PURE__ */ Object.assign({
1260
- name: "NbToggleSlim",
1261
- inheritAttrs: !1
1262
- }, {
1263
- __name: "NbToggleSlim",
1264
- props: {
1265
- nbId: {
1266
- type: String,
1267
- required: !0
1268
- },
1269
- value: {
1270
- type: Boolean,
1271
- default: !1
1272
- },
1273
- tabIndex: {
1274
- type: Number,
1275
- default: 0
1276
- },
1277
- hasTabIndexEnter: {
1278
- type: Boolean,
1279
- default: !0
1280
- },
1281
- hasTabIndexSpace: {
1282
- type: Boolean,
1283
- default: !0
1284
- },
1285
- ariaLabel: {
1286
- type: String,
1287
- default: "Alternate Text Button"
1288
- },
1289
- ariaAttrs: {
1290
- type: Object,
1291
- default: () => ({})
1292
- },
1293
- theme: {
1294
- type: String,
1295
- default: "light",
1296
- validator: (e) => {
1297
- const h = e ? e.toLowerCase() : "";
1298
- return ["light", "dark"].includes(h);
1299
- }
1300
- },
1301
- // Cores do tema light
1302
- lightTextColor: {
1303
- type: String,
1304
- default: "#8e8e8e"
1305
- },
1306
- lightButtonColor: {
1307
- type: String,
1308
- default: "#eaeaea"
1309
- },
1310
- lightTextBgColor: {
1311
- type: String,
1312
- default: "#f8f8f2"
1313
- },
1314
- // Cores do tema dark
1315
- darkTextColor: {
1316
- type: String,
1317
- default: "#e0e0e0"
1318
- },
1319
- darkButtonColor: {
1320
- type: String,
1321
- default: "#2d2d2d"
1322
- },
1323
- darkTextBgColor: {
1324
- type: String,
1325
- default: "#3d3d3d"
1326
- },
1327
- borderRadius: {
1328
- type: Number,
1329
- default: 0
1330
- },
1331
- width: {
1332
- type: Number,
1333
- default: 55,
1334
- validator: (e) => e || 55
1335
- },
1336
- paddingX: {
1337
- type: Number,
1338
- default: 1,
1339
- validator: (e) => e || 1
1340
- },
1341
- paddingY: {
1342
- type: Number,
1343
- default: 0.2,
1344
- validator: (e) => e || 0.2
1345
- },
1346
- disabled: {
1347
- type: Boolean,
1348
- default: !1,
1349
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
1350
- },
1351
- fontFamily: {
1352
- type: String,
1353
- default: "'Lato', sans-serif"
1354
- },
1355
- fontSize: {
1356
- type: String,
1357
- default: "1.6em",
1358
- validator: (e) => e || "1.6em"
1359
- },
1360
- fontWeight: {
1361
- type: Number,
1362
- default: 200,
1363
- validator: (e) => e || 200
1364
- },
1365
- textEnable: {
1366
- type: String,
1367
- default: "On"
1368
- },
1369
- textDisable: {
1370
- type: String,
1371
- default: "Off"
1372
- },
1373
- buttonSize: {
1374
- type: Number,
1375
- default: 30
1376
- }
1377
- },
1378
- emits: ["clicked", "current-value"],
1379
- setup(e, { emit: h }) {
1380
- je((S) => ({
1381
- v213ce03b: H.value,
1382
- v7de0a378: Te.value,
1383
- v2a0f4bc7: Be.value,
1384
- v35bf2f36: xe.value,
1385
- a4979c80: se.value,
1386
- v4c4dd2c0: N.value,
1387
- v6e1e841b: f.value,
1388
- v20cb9014: ke.value,
1389
- v1bbf1cd6: _e.value
1390
- }));
1391
- const p = h;
1392
- Fe(() => {
1393
- Q();
1394
- });
1395
- const G = e, {
1396
- nbId: x,
1397
- value: te,
1398
- textEnable: he,
1399
- textDisable: F,
1400
- ariaLabel: ye,
1401
- ariaAttrs: r,
1402
- theme: y,
1403
- lightTextColor: ce,
1404
- lightButtonColor: J,
1405
- lightTextBgColor: re,
1406
- darkTextColor: ve,
1407
- darkButtonColor: le,
1408
- darkTextBgColor: Ce,
1409
- borderRadius: ue,
1410
- width: B,
1411
- paddingX: q,
1412
- paddingY: M,
1413
- disabled: w,
1414
- fontFamily: v,
1415
- fontSize: ae,
1416
- fontWeight: C,
1417
- buttonSize: _
1418
- } = Xe(G), $ = ne(!1), k = o(() => {
1419
- const S = w.value ? "component-disabled" : "", i = "inline-block", V = !ue.value || ue.value < 0 ? 0 : ue.value, z = !B.value || B.value < 55 ? 55 : B.value, ie = !q.value || q.value < 0 ? 1 : q.value, He = !M.value || M.value < 0 ? 0.2 : M.value, Ae = v.value ? v.value : "'Lato', sans-serif", $e = ae.value ? ae.value : "1.6em", Oe = !C.value || C.value < 0 ? 200 : C.value, fe = !_.value || _.value < 0 || _.value > 50 ? 30 : _.value;
1420
- return {
1421
- disabled: S,
1422
- display: i,
1423
- borderRadius: V,
1424
- width: z,
1425
- paddingX: ie,
1426
- paddingY: He,
1427
- font: Ae,
1428
- fontSize: $e,
1429
- fontWeight: Oe,
1430
- buttonSize: fe
1431
- };
1432
- }), W = o(() => k.value.disabled), K = o(() => ({
1433
- display: k.value.display
1434
- })), de = o(() => {
1435
- const S = k.value;
1436
- return {
1437
- minWidth: "33px",
1438
- width: `${S.width}px`,
1439
- // padding: `${defaultValues.paddingY}rem ${defaultValues.paddingX}rem`,
1440
- lineHeight: "1.42857143",
1441
- fontSize: S.fontSize,
1442
- fontWeight: S.fontWeight
1443
- };
1444
- }), H = o(() => k.value.font), me = o(() => y.value === "dark" ? "component__theme--dark" : "component__theme--light"), xe = o(() => ce.value), se = o(() => J.value), N = o(() => re.value), f = o(() => ve.value), ke = o(() => le.value), _e = o(() => Ce.value), Te = o(() => `${k.value.buttonSize}%`), Be = o(() => `${k.value.borderRadius}rem`), E = o(() => {
1445
- const S = {};
1446
- r.value && Object.keys(r.value).forEach((z) => S[`aria-${z}`] = r.value[z]);
1447
- const i = {
1448
- "aria-label": ye.value,
1449
- "aria-checked": $.value,
1450
- "aria-disabled": w.value,
1451
- ...S
1452
- };
1453
- return Object.fromEntries(
1454
- Object.entries(i).filter(([V, z]) => z != null)
1455
- );
1456
- }), j = () => {
1457
- w.value || p("clicked");
1458
- }, U = () => {
1459
- w.value || ($.value = !$.value, p("clicked"));
1460
- }, Q = () => {
1461
- const S = te.value;
1462
- $.value = S, p("current-value", S);
1463
- };
1464
- return be($, (S) => {
1465
- p("current-value", S);
1466
- }), be(te, () => {
1467
- Q();
1468
- }), (S, i) => t(x) ? (A(), D("div", Ye({
1469
- key: 0,
1470
- class: ["nb-wrapper", W.value],
1471
- style: [K.value],
1472
- tabIndex: t(w) ? -1 : e.tabIndex,
1473
- role: "button"
1474
- }, E.value, {
1475
- onKeydown: [
1476
- i[1] || (i[1] = I(O((V) => !t(w) && e.hasTabIndexEnter && U(), ["prevent"]), ["enter"])),
1477
- i[2] || (i[2] = I(O((V) => !t(w) && e.hasTabIndexSpace && U(), ["prevent"]), ["space"]))
1478
- ]
1479
- }), [
1480
- T("div", {
1481
- id: t(x),
1482
- class: R(["nb-reset", "component", me.value]),
1483
- style: Ne([de.value])
1484
- }, [
1485
- et(T("input", {
1486
- id: `${t(x)}-input`,
1487
- "onUpdate:modelValue": i[0] || (i[0] = (V) => $.value = V),
1488
- type: "checkbox",
1489
- disabled: t(w),
1490
- class: "component-input",
1491
- onChange: j
1492
- }, null, 40, dl), [
1493
- [tt, $.value]
1494
- ]),
1495
- T("label", {
1496
- for: `${t(x)}-input`,
1497
- class: R(["component-label", [
1498
- $.value ? "component-button--left" : "component-button--right"
1499
- ]])
1500
- }, [
1501
- i[3] || (i[3] = T("div", { class: "component-label-button" }, null, -1)),
1502
- $.value ? (A(), D("span", il, ge(t(he)), 1)) : (A(), D("span", fl, ge(t(F)), 1))
1503
- ], 10, sl)
1504
- ], 14, ul)
1505
- ], 16, rl)) : we("", !0);
1506
- }
1507
- }), vl = /* @__PURE__ */ qe(cl, [["__scopeId", "data-v-61896c9f"]]);
1508
- const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "data-tg-off", "data-tg-on"], yl = /* @__PURE__ */ Object.assign({
1252
+ }), nl = /* @__PURE__ */ Ze(ol, [["__scopeId", "data-v-18844377"]]);
1253
+ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "data-tg-off", "data-tg-on"], sl = /* @__PURE__ */ Object.assign({
1509
1254
  name: "NbToggleFlip",
1510
1255
  inheritAttrs: !1
1511
1256
  }, {
@@ -1542,9 +1287,9 @@ const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "dat
1542
1287
  theme: {
1543
1288
  type: String,
1544
1289
  default: "light",
1545
- validator: (e) => {
1546
- const h = e ? e.toLowerCase() : "";
1547
- return ["light", "dark"].includes(h);
1290
+ validator: (t) => {
1291
+ const C = t ? t.toLowerCase() : "";
1292
+ return ["light", "dark"].includes(C);
1548
1293
  }
1549
1294
  },
1550
1295
  // Cores do tema light
@@ -1620,22 +1365,22 @@ const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "dat
1620
1365
  width: {
1621
1366
  type: Number,
1622
1367
  default: 86,
1623
- validator: (e) => e || 86
1368
+ validator: (t) => t || 86
1624
1369
  },
1625
1370
  paddingX: {
1626
1371
  type: Number,
1627
1372
  default: 1,
1628
- validator: (e) => e || 1
1373
+ validator: (t) => t || 1
1629
1374
  },
1630
1375
  paddingY: {
1631
1376
  type: Number,
1632
1377
  default: 0.2,
1633
- validator: (e) => e || 0.2
1378
+ validator: (t) => t || 0.2
1634
1379
  },
1635
1380
  disabled: {
1636
1381
  type: Boolean,
1637
1382
  default: !1,
1638
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
1383
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
1639
1384
  },
1640
1385
  fontFamily: {
1641
1386
  type: String,
@@ -1644,12 +1389,12 @@ const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "dat
1644
1389
  fontSize: {
1645
1390
  type: String,
1646
1391
  default: "1.6em",
1647
- validator: (e) => e || "1.6em"
1392
+ validator: (t) => t || "1.6em"
1648
1393
  },
1649
1394
  fontWeight: {
1650
1395
  type: Number,
1651
1396
  default: 400,
1652
- validator: (e) => e || 200
1397
+ validator: (t) => t || 200
1653
1398
  },
1654
1399
  textEnable: {
1655
1400
  type: String,
@@ -1661,88 +1406,88 @@ const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "dat
1661
1406
  }
1662
1407
  },
1663
1408
  emits: ["clicked", "current-value"],
1664
- setup(e, { emit: h }) {
1665
- je((l) => ({
1666
- ac6aa1d0: Be.value,
1667
- v4696e6e9: U.value,
1668
- cc154ff4: j.value,
1669
- v6b4169e8: z.value,
1670
- v64b0c7af: i.value,
1671
- v32476034: He.value,
1672
- v89819b8a: V.value,
1673
- bf08ab54: Ae.value,
1674
- v21ae018d: Q.value,
1675
- v14122f81: S.value,
1676
- v06285af4: ie.value
1409
+ setup(t, { emit: C }) {
1410
+ Ue((l) => ({
1411
+ "3a607faa": we.value,
1412
+ c937f50a: Z.value,
1413
+ "67ce84b4": W.value,
1414
+ "588dd2fa": ie.value,
1415
+ "13a7ed5d": O.value,
1416
+ "000bd262": De.value,
1417
+ "29a67b66": z.value,
1418
+ e9750430: Ie.value,
1419
+ "1274f1c2": oe.value,
1420
+ "3c2947a2": He.value,
1421
+ "8da6e898": se.value
1677
1422
  }));
1678
- const p = h;
1679
- Fe(() => {
1680
- Se();
1423
+ const g = C;
1424
+ Ge(() => {
1425
+ ce();
1681
1426
  });
1682
- const G = e, {
1427
+ const U = t, {
1683
1428
  nbId: x,
1684
- value: te,
1429
+ value: re,
1685
1430
  textEnable: he,
1686
1431
  textDisable: F,
1687
- ariaLabel: ye,
1688
- ariaAttrs: r,
1689
- theme: y,
1690
- lightButtonColorOn: ce,
1691
- lightButtonColorOff: J,
1692
- lightButtonColorOnHover: re,
1693
- lightButtonColorOffHover: ve,
1432
+ ariaLabel: ve,
1433
+ ariaAttrs: d,
1434
+ theme: h,
1435
+ lightButtonColorOn: pe,
1436
+ lightButtonColorOff: M,
1437
+ lightButtonColorOnHover: ue,
1438
+ lightButtonColorOffHover: te,
1694
1439
  lightTextColorOn: le,
1695
- lightTextColorOff: Ce,
1696
- lightTextColorOnHover: ue,
1697
- lightTextColorOffHover: B,
1698
- darkButtonColorOn: q,
1699
- darkButtonColorOff: M,
1700
- darkButtonColorOnHover: w,
1701
- darkButtonColorOffHover: v,
1702
- darkTextColorOn: ae,
1703
- darkTextColorOff: C,
1704
- darkTextColorOnHover: _,
1705
- darkTextColorOffHover: $,
1706
- borderRadius: k,
1707
- width: W,
1708
- paddingX: K,
1709
- paddingY: de,
1710
- disabled: H,
1440
+ lightTextColorOff: ye,
1441
+ lightTextColorOnHover: Ce,
1442
+ lightTextColorOffHover: k,
1443
+ darkButtonColorOn: ae,
1444
+ darkButtonColorOff: G,
1445
+ darkButtonColorOnHover: j,
1446
+ darkButtonColorOffHover: c,
1447
+ darkTextColorOn: de,
1448
+ darkTextColorOff: m,
1449
+ darkTextColorOnHover: S,
1450
+ darkTextColorOffHover: q,
1451
+ borderRadius: _,
1452
+ width: N,
1453
+ paddingX: D,
1454
+ paddingY: J,
1455
+ disabled: T,
1711
1456
  fontFamily: me,
1712
- fontSize: xe,
1713
- fontWeight: se
1714
- } = Xe(G), N = ne(!1), f = o(() => {
1715
- const l = H.value ? "component-disabled" : "", g = "inline-block", c = !k.value || k.value < 0 ? 0 : k.value, L = !W.value || W.value < 86 ? 86 : W.value, Ee = !K.value || K.value < 0 ? 1 : K.value, m = !de.value || de.value < 0 ? 0.2 : de.value, b = me.value ? me.value : "'Lato', sans-serif", Le = xe.value ? xe.value : "1.6em", De = !se.value || se.value < 0 ? 200 : se.value, X = ce.value ? ce.value : "#f8f8f2", Z = J.value ? J.value : "#d5d5d5", Y = re.value ? re.value : "#e8e8e2", oe = ve.value ? ve.value : "#c0c0c0", pe = le.value ? le.value : "#4a4a4a", Ve = Ce.value ? Ce.value : "#909090", Me = ue.value ? ue.value : "#3a3a3a", Ue = B.value ? B.value : "#707070", Pe = q.value ? q.value : "#3d3d3d", Ge = M.value ? M.value : "#1d1d1d", Je = w.value ? w.value : "#4d4d4d", Re = v.value ? v.value : "#2d2d2d", ze = ae.value ? ae.value : "#f8f8f8", Qe = C.value ? C.value : "#909090", Ze = _.value ? _.value : "#ffffff", Ie = $.value ? $.value : "#b0b0b0";
1457
+ fontSize: Oe,
1458
+ fontWeight: Q
1459
+ } = Je(U), A = ee(!1), f = o(() => {
1460
+ const l = T.value ? "component-disabled" : "", v = "inline-block", s = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, V = !N.value || N.value < 86 ? 86 : N.value, Ne = D.value !== 0 && !D.value || D.value < 0 ? 1 : D.value, b = J.value !== 0 && !J.value || J.value < 0 ? 0.2 : J.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = Q.value !== 0 && !Q.value || Q.value < 0 ? 200 : Q.value, E = pe.value ? pe.value : "#f8f8f2", X = M.value ? M.value : "#d5d5d5", L = ue.value ? ue.value : "#e8e8e2", P = te.value ? te.value : "#c0c0c0", ne = le.value ? le.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = k.value ? k.value : "#707070", Xe = ae.value ? ae.value : "#3d3d3d", Ye = G.value ? G.value : "#1d1d1d", Me = j.value ? j.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = de.value ? de.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = S.value ? S.value : "#ffffff", Ae = q.value ? q.value : "#b0b0b0";
1716
1461
  return {
1717
1462
  disabled: l,
1718
- display: g,
1719
- lightButtonColorOn: X,
1720
- lightButtonColorOff: Z,
1721
- lightButtonColorOnHover: Y,
1722
- lightButtonColorOffHover: oe,
1723
- lightTextColorOn: pe,
1724
- lightTextColorOff: Ve,
1725
- lightTextColorOnHover: Me,
1726
- lightTextColorOffHover: Ue,
1727
- darkButtonColorOn: Pe,
1728
- darkButtonColorOff: Ge,
1729
- darkButtonColorOnHover: Je,
1730
- darkButtonColorOffHover: Re,
1731
- darkTextColorOn: ze,
1732
- darkTextColorOff: Qe,
1733
- darkTextColorOnHover: Ze,
1734
- darkTextColorOffHover: Ie,
1735
- borderRadius: c,
1736
- width: L,
1737
- paddingX: Ee,
1738
- paddingY: m,
1739
- font: b,
1740
- fontSize: Le,
1741
- fontWeight: De
1463
+ display: v,
1464
+ lightButtonColorOn: E,
1465
+ lightButtonColorOff: X,
1466
+ lightButtonColorOnHover: L,
1467
+ lightButtonColorOffHover: P,
1468
+ lightTextColorOn: ne,
1469
+ lightTextColorOff: xe,
1470
+ lightTextColorOnHover: Fe,
1471
+ lightTextColorOffHover: je,
1472
+ darkButtonColorOn: Xe,
1473
+ darkButtonColorOff: Ye,
1474
+ darkButtonColorOnHover: Me,
1475
+ darkButtonColorOffHover: We,
1476
+ darkTextColorOn: Le,
1477
+ darkTextColorOff: qe,
1478
+ darkTextColorOnHover: Pe,
1479
+ darkTextColorOffHover: Ae,
1480
+ borderRadius: s,
1481
+ width: V,
1482
+ paddingX: Ne,
1483
+ paddingY: b,
1484
+ font: p,
1485
+ fontSize: Ee,
1486
+ fontWeight: Ve
1742
1487
  };
1743
- }), ke = o(() => f.value.disabled), _e = o(() => ({
1488
+ }), _e = o(() => f.value.disabled), Te = o(() => ({
1744
1489
  display: f.value.display
1745
- })), Te = o(() => {
1490
+ })), Be = o(() => {
1746
1491
  const l = f.value;
1747
1492
  return {
1748
1493
  minWidth: "33px",
@@ -1751,95 +1496,95 @@ const pl = ["tabIndex"], gl = ["id"], bl = ["id", "disabled"], hl = ["for", "dat
1751
1496
  fontSize: l.fontSize,
1752
1497
  fontWeight: l.fontWeight
1753
1498
  };
1754
- }), Be = o(() => f.value.font), E = o(() => y.value === "dark" ? "component__theme--dark" : "component__theme--light"), j = o(() => `${f.value.borderRadius}rem`), U = o(() => {
1499
+ }), we = o(() => f.value.font), I = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), Z = o(() => {
1755
1500
  const l = f.value;
1756
1501
  return `${l.paddingY}rem ${l.paddingX}rem`;
1757
- }), Q = o(() => {
1502
+ }), oe = o(() => {
1758
1503
  const l = f.value;
1759
- return y.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
1760
- }), S = o(() => {
1761
- const l = f.value;
1762
- return y.value === "light" ? l.lightTextColorOff : l.darkTextColorOff;
1763
- }), i = o(() => {
1504
+ return h.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
1505
+ }), He = o(() => {
1764
1506
  const l = f.value;
1765
- return y.value === "light" ? l.lightTextColorOnHover : l.darkTextColorOnHover;
1766
- }), V = o(() => {
1507
+ return h.value === "light" ? l.lightTextColorOff : l.darkTextColorOff;
1508
+ }), O = o(() => {
1767
1509
  const l = f.value;
1768
- return y.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
1510
+ return h.value === "light" ? l.lightTextColorOnHover : l.darkTextColorOnHover;
1769
1511
  }), z = o(() => {
1770
1512
  const l = f.value;
1771
- return y.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
1513
+ return h.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
1772
1514
  }), ie = o(() => {
1773
1515
  const l = f.value;
1774
- return y.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
1775
- }), He = o(() => {
1516
+ return h.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
1517
+ }), se = o(() => {
1776
1518
  const l = f.value;
1777
- return y.value === "light" ? l.lightButtonColorOnHover : l.darkButtonColorOnHover;
1778
- }), Ae = o(() => {
1519
+ return h.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
1520
+ }), De = o(() => {
1779
1521
  const l = f.value;
1780
- return y.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
1522
+ return h.value === "light" ? l.lightButtonColorOnHover : l.darkButtonColorOnHover;
1523
+ }), Ie = o(() => {
1524
+ const l = f.value;
1525
+ return h.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
1781
1526
  }), $e = o(() => {
1782
1527
  const l = {};
1783
- r.value && Object.keys(r.value).forEach((L) => l[`aria-${L}`] = r.value[L]);
1784
- const g = {
1785
- "aria-label": ye.value,
1786
- "aria-disabled": H.value,
1528
+ d.value && Object.keys(d.value).forEach((V) => l[`aria-${V}`] = d.value[V]);
1529
+ const v = {
1530
+ "aria-label": ve.value,
1531
+ "aria-disabled": T.value,
1787
1532
  ...l
1788
1533
  };
1789
1534
  return Object.fromEntries(
1790
- Object.entries(g).filter(([c, L]) => L != null)
1535
+ Object.entries(v).filter(([s, V]) => V != null)
1791
1536
  );
1792
- }), Oe = () => {
1793
- H.value || p("clicked");
1537
+ }), ke = () => {
1538
+ T.value || g("clicked");
1794
1539
  }, fe = () => {
1795
- H.value || (N.value = !N.value, p("clicked"));
1796
- }, Se = () => {
1797
- const l = te.value;
1798
- N.value = l, p("current-value", l);
1540
+ T.value || (A.value = !A.value, g("clicked"));
1541
+ }, ce = () => {
1542
+ const l = re.value;
1543
+ A.value = l, g("current-value", l);
1799
1544
  };
1800
- return be(N, (l) => {
1801
- p("current-value", l);
1802
- }), be(te, () => {
1803
- Se();
1804
- }), (l, g) => t(x) ? (A(), D("div", Ye({
1545
+ return be(A, (l) => {
1546
+ g("current-value", l);
1547
+ }), be(re, () => {
1548
+ ce();
1549
+ }), (l, v) => e(x) ? (H(), $("div", Qe({
1805
1550
  key: 0,
1806
- class: ["nb-wrapper", ke.value],
1807
- style: [_e.value],
1808
- tabIndex: t(H) ? -1 : e.tabIndex,
1551
+ class: ["nb-wrapper", _e.value],
1552
+ style: [Te.value],
1553
+ tabIndex: e(T) ? -1 : t.tabIndex,
1809
1554
  role: "button"
1810
1555
  }, $e.value, {
1811
- onClick: g[1] || (g[1] = (...c) => l.interacted && l.interacted(...c)),
1556
+ onClick: v[1] || (v[1] = (...s) => l.interacted && l.interacted(...s)),
1812
1557
  onKeydown: [
1813
- g[2] || (g[2] = I(O((c) => !t(H) && e.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
1814
- g[3] || (g[3] = I(O((c) => !t(H) && e.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
1558
+ v[2] || (v[2] = B(y((s) => !e(T) && t.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
1559
+ v[3] || (v[3] = B(y((s) => !e(T) && t.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
1815
1560
  ]
1816
1561
  }), [
1817
- T("div", {
1818
- id: t(x),
1819
- class: R(["nb-reset", "component", E.value]),
1820
- style: Ne([Te.value])
1562
+ w("div", {
1563
+ id: e(x),
1564
+ class: R(["nb-reset", "component", I.value]),
1565
+ style: Re([Be.value])
1821
1566
  }, [
1822
- et(T("input", {
1823
- id: `${t(x)}-input`,
1824
- "onUpdate:modelValue": g[0] || (g[0] = (c) => N.value = c),
1567
+ lt(w("input", {
1568
+ id: `${e(x)}-input`,
1569
+ "onUpdate:modelValue": v[0] || (v[0] = (s) => A.value = s),
1825
1570
  type: "checkbox",
1826
- disabled: t(H),
1571
+ disabled: e(T),
1827
1572
  class: R(["component__input", "component__input--flip"]),
1828
- onChange: Oe
1829
- }, null, 40, bl), [
1830
- [tt, N.value]
1573
+ onChange: ke
1574
+ }, null, 40, dl), [
1575
+ [at, A.value]
1831
1576
  ]),
1832
- T("label", {
1833
- for: `${t(x)}-input`,
1577
+ w("label", {
1578
+ for: `${e(x)}-input`,
1834
1579
  class: "component__button",
1835
- "data-tg-off": t(F),
1836
- "data-tg-on": t(he)
1837
- }, ge(N.value ? t(he) : t(F)), 9, hl)
1838
- ], 14, gl)
1839
- ], 16, pl)) : we("", !0);
1580
+ "data-tg-off": e(F),
1581
+ "data-tg-on": e(he)
1582
+ }, ge(A.value ? e(he) : e(F)), 9, il)
1583
+ ], 14, ul)
1584
+ ], 16, rl)) : Se("", !0);
1840
1585
  }
1841
- }), Cl = /* @__PURE__ */ qe(yl, [["__scopeId", "data-v-9684280d"]]);
1842
- const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "data-tg-off", "data-tg-on"], kl = /* @__PURE__ */ Object.assign({
1586
+ }), fl = /* @__PURE__ */ Ze(sl, [["__scopeId", "data-v-2baeb465"]]);
1587
+ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "data-tg-off", "data-tg-on"], bl = /* @__PURE__ */ Object.assign({
1843
1588
  name: "NbToggleSkewed",
1844
1589
  inheritAttrs: !1
1845
1590
  }, {
@@ -1876,9 +1621,9 @@ const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "dat
1876
1621
  theme: {
1877
1622
  type: String,
1878
1623
  default: "light",
1879
- validator: (e) => {
1880
- const h = e ? e.toLowerCase() : "";
1881
- return ["light", "dark"].includes(h);
1624
+ validator: (t) => {
1625
+ const C = t ? t.toLowerCase() : "";
1626
+ return ["light", "dark"].includes(C);
1882
1627
  }
1883
1628
  },
1884
1629
  // Cores do tema light
@@ -1954,22 +1699,22 @@ const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "dat
1954
1699
  width: {
1955
1700
  type: Number,
1956
1701
  default: 86,
1957
- validator: (e) => e || 86
1702
+ validator: (t) => t || 86
1958
1703
  },
1959
1704
  paddingX: {
1960
1705
  type: Number,
1961
1706
  default: 1,
1962
- validator: (e) => e || 1
1707
+ validator: (t) => t || 1
1963
1708
  },
1964
1709
  paddingY: {
1965
1710
  type: Number,
1966
1711
  default: 0.2,
1967
- validator: (e) => e || 0.2
1712
+ validator: (t) => t || 0.2
1968
1713
  },
1969
1714
  disabled: {
1970
1715
  type: Boolean,
1971
1716
  default: !1,
1972
- validator: (e) => typeof e == "boolean" && [!0, !1].includes(e)
1717
+ validator: (t) => typeof t == "boolean" && [!0, !1].includes(t)
1973
1718
  },
1974
1719
  fontFamily: {
1975
1720
  type: String,
@@ -1978,12 +1723,12 @@ const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "dat
1978
1723
  fontSize: {
1979
1724
  type: String,
1980
1725
  default: "1.6em",
1981
- validator: (e) => e || "1.6em"
1726
+ validator: (t) => t || "1.6em"
1982
1727
  },
1983
1728
  fontWeight: {
1984
1729
  type: Number,
1985
1730
  default: 400,
1986
- validator: (e) => e || 200
1731
+ validator: (t) => t || 200
1987
1732
  },
1988
1733
  textEnable: {
1989
1734
  type: String,
@@ -1995,88 +1740,88 @@ const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "dat
1995
1740
  }
1996
1741
  },
1997
1742
  emits: ["clicked", "current-value"],
1998
- setup(e, { emit: h }) {
1999
- je((l) => ({
2000
- v53ee1386: Be.value,
2001
- v84fb8de4: U.value,
2002
- v2b1ed5fe: j.value,
2003
- v2a2dcc4d: z.value,
2004
- v63bc9622: He.value,
2005
- v5aff0f2a: i.value,
2006
- v1b8bbcc1: ie.value,
2007
- v648d6c7c: S.value,
2008
- v7febecfb: Ae.value,
2009
- e28c4bc0: V.value,
2010
- v9eac8d9c: Q.value
1743
+ setup(t, { emit: C }) {
1744
+ Ue((l) => ({
1745
+ "8438e198": we.value,
1746
+ "496829f6": Z.value,
1747
+ "9ceaf52c": W.value,
1748
+ "4651e904": ie.value,
1749
+ af141ad0: De.value,
1750
+ "2968a313": O.value,
1751
+ f829922c: se.value,
1752
+ "2ba75ce5": He.value,
1753
+ "1fc1371c": Ie.value,
1754
+ e4fa7952: z.value,
1755
+ e468d0ae: oe.value
2011
1756
  }));
2012
- const p = h;
2013
- Fe(() => {
2014
- Se();
1757
+ const g = C;
1758
+ Ge(() => {
1759
+ ce();
2015
1760
  });
2016
- const G = e, {
1761
+ const U = t, {
2017
1762
  nbId: x,
2018
- value: te,
1763
+ value: re,
2019
1764
  textEnable: he,
2020
1765
  textDisable: F,
2021
- ariaLabel: ye,
2022
- ariaAttrs: r,
2023
- theme: y,
2024
- lightButtonColorOn: ce,
2025
- lightButtonColorOff: J,
2026
- lightButtonColorOnHover: re,
2027
- lightButtonColorOffHover: ve,
1766
+ ariaLabel: ve,
1767
+ ariaAttrs: d,
1768
+ theme: h,
1769
+ lightButtonColorOn: pe,
1770
+ lightButtonColorOff: M,
1771
+ lightButtonColorOnHover: ue,
1772
+ lightButtonColorOffHover: te,
2028
1773
  lightTextColorOn: le,
2029
- lightTextColorOff: Ce,
2030
- lightTextColorOnHover: ue,
2031
- lightTextColorOffHover: B,
2032
- darkButtonColorOn: q,
2033
- darkButtonColorOff: M,
2034
- darkButtonColorOnHover: w,
2035
- darkButtonColorOffHover: v,
2036
- darkTextColorOn: ae,
2037
- darkTextColorOff: C,
2038
- darkTextColorOnHover: _,
2039
- darkTextColorOffHover: $,
2040
- borderRadius: k,
2041
- width: W,
2042
- paddingX: K,
2043
- paddingY: de,
2044
- disabled: H,
1774
+ lightTextColorOff: ye,
1775
+ lightTextColorOnHover: Ce,
1776
+ lightTextColorOffHover: k,
1777
+ darkButtonColorOn: ae,
1778
+ darkButtonColorOff: G,
1779
+ darkButtonColorOnHover: j,
1780
+ darkButtonColorOffHover: c,
1781
+ darkTextColorOn: de,
1782
+ darkTextColorOff: m,
1783
+ darkTextColorOnHover: S,
1784
+ darkTextColorOffHover: q,
1785
+ borderRadius: _,
1786
+ width: N,
1787
+ paddingX: D,
1788
+ paddingY: J,
1789
+ disabled: T,
2045
1790
  fontFamily: me,
2046
- fontSize: xe,
2047
- fontWeight: se
2048
- } = Xe(G), N = ne(!1), f = o(() => {
2049
- const l = H.value ? "component-disabled" : "", g = "inline-block", c = !k.value || k.value < 0 ? 0 : k.value, L = !W.value || W.value < 86 ? 86 : W.value, Ee = !K.value || K.value < 0 ? 1 : K.value, m = !de.value || de.value < 0 ? 0.2 : de.value, b = me.value ? me.value : "'Lato', sans-serif", Le = xe.value ? xe.value : "1.6em", De = !se.value || se.value < 0 ? 200 : se.value, X = ce.value ? ce.value : "#f8f8f2", Z = J.value ? J.value : "#d5d5d5", Y = re.value ? re.value : "#e8e8e2", oe = ve.value ? ve.value : "#c0c0c0", pe = le.value ? le.value : "#4a4a4a", Ve = Ce.value ? Ce.value : "#909090", Me = ue.value ? ue.value : "#3a3a3a", Ue = B.value ? B.value : "#707070", Pe = q.value ? q.value : "#3d3d3d", Ge = M.value ? M.value : "#1d1d1d", Je = w.value ? w.value : "#4d4d4d", Re = v.value ? v.value : "#2d2d2d", ze = ae.value ? ae.value : "#f8f8f8", Qe = C.value ? C.value : "#909090", Ze = _.value ? _.value : "#ffffff", Ie = $.value ? $.value : "#b0b0b0";
1791
+ fontSize: Oe,
1792
+ fontWeight: Q
1793
+ } = Je(U), A = ee(!1), f = o(() => {
1794
+ const l = T.value ? "component-disabled" : "", v = "inline-block", s = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, V = N.value !== 0 && !N.value || N.value < 86 ? 86 : N.value, Ne = D.value !== 0 && !D.value || D.value < 0 ? 1 : D.value, b = J.value !== 0 && !J.value || J.value < 0 ? 0.2 : J.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = Q.value !== 0 && !Q.value || Q.value < 0 ? 200 : Q.value, E = pe.value ? pe.value : "#f8f8f2", X = M.value ? M.value : "#d5d5d5", L = ue.value ? ue.value : "#e8e8e2", P = te.value ? te.value : "#c0c0c0", ne = le.value ? le.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = k.value ? k.value : "#707070", Xe = ae.value ? ae.value : "#3d3d3d", Ye = G.value ? G.value : "#1d1d1d", Me = j.value ? j.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = de.value ? de.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = S.value ? S.value : "#ffffff", Ae = q.value ? q.value : "#b0b0b0";
2050
1795
  return {
2051
1796
  disabled: l,
2052
- display: g,
2053
- lightButtonColorOn: X,
2054
- lightButtonColorOff: Z,
2055
- lightButtonColorOnHover: Y,
2056
- lightButtonColorOffHover: oe,
2057
- lightTextColorOn: pe,
2058
- lightTextColorOff: Ve,
2059
- lightTextColorOnHover: Me,
2060
- lightTextColorOffHover: Ue,
2061
- darkButtonColorOn: Pe,
2062
- darkButtonColorOff: Ge,
2063
- darkButtonColorOnHover: Je,
2064
- darkButtonColorOffHover: Re,
2065
- darkTextColorOn: ze,
2066
- darkTextColorOff: Qe,
2067
- darkTextColorOnHover: Ze,
2068
- darkTextColorOffHover: Ie,
2069
- borderRadius: c,
2070
- width: L,
2071
- paddingX: Ee,
2072
- paddingY: m,
2073
- font: b,
2074
- fontSize: Le,
2075
- fontWeight: De
1797
+ display: v,
1798
+ lightButtonColorOn: E,
1799
+ lightButtonColorOff: X,
1800
+ lightButtonColorOnHover: L,
1801
+ lightButtonColorOffHover: P,
1802
+ lightTextColorOn: ne,
1803
+ lightTextColorOff: xe,
1804
+ lightTextColorOnHover: Fe,
1805
+ lightTextColorOffHover: je,
1806
+ darkButtonColorOn: Xe,
1807
+ darkButtonColorOff: Ye,
1808
+ darkButtonColorOnHover: Me,
1809
+ darkButtonColorOffHover: We,
1810
+ darkTextColorOn: Le,
1811
+ darkTextColorOff: qe,
1812
+ darkTextColorOnHover: Pe,
1813
+ darkTextColorOffHover: Ae,
1814
+ borderRadius: s,
1815
+ width: V,
1816
+ paddingX: Ne,
1817
+ paddingY: b,
1818
+ font: p,
1819
+ fontSize: Ee,
1820
+ fontWeight: Ve
2076
1821
  };
2077
- }), ke = o(() => f.value.disabled), _e = o(() => ({
1822
+ }), _e = o(() => f.value.disabled), Te = o(() => ({
2078
1823
  display: f.value.display
2079
- })), Te = o(() => {
1824
+ })), Be = o(() => {
2080
1825
  const l = f.value;
2081
1826
  return {
2082
1827
  minWidth: "33px",
@@ -2085,102 +1830,102 @@ const ml = ["tabIndex"], xl = ["id"], Sl = ["id", "disabled"], Ol = ["for", "dat
2085
1830
  fontSize: l.fontSize,
2086
1831
  fontWeight: l.fontWeight
2087
1832
  };
2088
- }), Be = o(() => f.value.font), E = o(() => y.value === "dark" ? "component__theme--dark" : "component__theme--light"), j = o(() => `${f.value.borderRadius}rem`), U = o(() => {
1833
+ }), we = o(() => f.value.font), I = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), Z = o(() => {
2089
1834
  const l = f.value;
2090
1835
  return `${l.paddingY}rem ${l.paddingX}rem`;
2091
- }), Q = o(() => {
2092
- const l = f.value;
2093
- return y.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
2094
- }), S = o(() => {
1836
+ }), oe = o(() => {
2095
1837
  const l = f.value;
2096
- return y.value === "light" ? l.lightTextColorOff : l.darkTextColorOff;
2097
- }), i = o(() => {
1838
+ return h.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
1839
+ }), He = o(() => {
2098
1840
  const l = f.value;
2099
- return y.value === "light" ? l.lightTextColorOnHover : l.darkTextColorOnHover;
2100
- }), V = o(() => {
1841
+ return h.value === "light" ? l.lightTextColorOff : l.darkTextColorOff;
1842
+ }), O = o(() => {
2101
1843
  const l = f.value;
2102
- return y.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
1844
+ return h.value === "light" ? l.lightTextColorOnHover : l.darkTextColorOnHover;
2103
1845
  }), z = o(() => {
2104
1846
  const l = f.value;
2105
- return y.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
1847
+ return h.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
2106
1848
  }), ie = o(() => {
2107
1849
  const l = f.value;
2108
- return y.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
2109
- }), He = o(() => {
1850
+ return h.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
1851
+ }), se = o(() => {
1852
+ const l = f.value;
1853
+ return h.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
1854
+ }), De = o(() => {
2110
1855
  const l = f.value;
2111
- return y.value === "light" ? l.lightButtonColorOnHover : l.darkButtonColorOnHover;
2112
- }), Ae = o(() => {
1856
+ return h.value === "light" ? l.lightButtonColorOnHover : l.darkButtonColorOnHover;
1857
+ }), Ie = o(() => {
2113
1858
  const l = f.value;
2114
- return y.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
1859
+ return h.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
2115
1860
  }), $e = o(() => {
2116
1861
  const l = {};
2117
- r.value && Object.keys(r.value).forEach((L) => l[`aria-${L}`] = r.value[L]);
2118
- const g = {
2119
- "aria-label": ye.value,
2120
- "aria-disabled": H.value,
1862
+ d.value && Object.keys(d.value).forEach((V) => l[`aria-${V}`] = d.value[V]);
1863
+ const v = {
1864
+ "aria-label": ve.value,
1865
+ "aria-disabled": T.value,
2121
1866
  ...l
2122
1867
  };
2123
1868
  return Object.fromEntries(
2124
- Object.entries(g).filter(([c, L]) => L != null)
1869
+ Object.entries(v).filter(([s, V]) => V != null)
2125
1870
  );
2126
- }), Oe = () => {
2127
- H.value || p("clicked");
1871
+ }), ke = () => {
1872
+ T.value || g("clicked");
2128
1873
  }, fe = () => {
2129
- H.value || (N.value = !N.value, p("clicked"));
2130
- }, Se = () => {
2131
- const l = te.value;
2132
- N.value = l, p("current-value", l);
1874
+ T.value || (A.value = !A.value, g("clicked"));
1875
+ }, ce = () => {
1876
+ const l = re.value;
1877
+ A.value = l, g("current-value", l);
2133
1878
  };
2134
- return be(N, (l) => {
2135
- p("current-value", l);
2136
- }), be(te, () => {
2137
- Se();
2138
- }), (l, g) => t(x) ? (A(), D("div", Ye({
1879
+ return be(A, (l) => {
1880
+ g("current-value", l);
1881
+ }), be(re, () => {
1882
+ ce();
1883
+ }), (l, v) => e(x) ? (H(), $("div", Qe({
2139
1884
  key: 0,
2140
- class: ["nb-wrapper", ke.value],
2141
- style: [_e.value],
2142
- tabIndex: t(H) ? -1 : e.tabIndex,
1885
+ class: ["nb-wrapper", _e.value],
1886
+ style: [Te.value],
1887
+ tabIndex: e(T) ? -1 : t.tabIndex,
2143
1888
  role: "button"
2144
1889
  }, $e.value, {
2145
- onClick: g[1] || (g[1] = (...c) => l.interacted && l.interacted(...c)),
1890
+ onClick: v[1] || (v[1] = (...s) => l.interacted && l.interacted(...s)),
2146
1891
  onKeydown: [
2147
- g[2] || (g[2] = I(O((c) => !t(H) && e.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
2148
- g[3] || (g[3] = I(O((c) => !t(H) && e.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
1892
+ v[2] || (v[2] = B(y((s) => !e(T) && t.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
1893
+ v[3] || (v[3] = B(y((s) => !e(T) && t.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
2149
1894
  ]
2150
1895
  }), [
2151
- T("div", {
2152
- id: t(x),
2153
- class: R(["nb-reset", "component", E.value]),
2154
- style: Ne([Te.value])
1896
+ w("div", {
1897
+ id: e(x),
1898
+ class: R(["nb-reset", "component", I.value]),
1899
+ style: Re([Be.value])
2155
1900
  }, [
2156
- et(T("input", {
2157
- id: `${t(x)}-input`,
2158
- "onUpdate:modelValue": g[0] || (g[0] = (c) => N.value = c),
1901
+ lt(w("input", {
1902
+ id: `${e(x)}-input`,
1903
+ "onUpdate:modelValue": v[0] || (v[0] = (s) => A.value = s),
2159
1904
  type: "checkbox",
2160
- disabled: t(H),
1905
+ disabled: e(T),
2161
1906
  class: R(["component__input", "component__input--skewed"]),
2162
- onChange: Oe
2163
- }, null, 40, Sl), [
2164
- [tt, N.value]
1907
+ onChange: ke
1908
+ }, null, 40, pl), [
1909
+ [at, A.value]
2165
1910
  ]),
2166
- T("label", {
2167
- for: `${t(x)}-input`,
1911
+ w("label", {
1912
+ for: `${e(x)}-input`,
2168
1913
  class: "component__button",
2169
- "data-tg-off": t(F),
2170
- "data-tg-on": t(he)
2171
- }, ge(N.value ? t(he) : t(F)), 9, Ol)
2172
- ], 14, xl)
2173
- ], 16, ml)) : we("", !0);
1914
+ "data-tg-off": e(F),
1915
+ "data-tg-on": e(he)
1916
+ }, ge(A.value ? e(he) : e(F)), 9, gl)
1917
+ ], 14, vl)
1918
+ ], 16, cl)) : Se("", !0);
2174
1919
  }
2175
- }), _l = /* @__PURE__ */ qe(kl, [["__scopeId", "data-v-f356669c"]]), rt = { NbSelect: Yt, NbToggle: Jt, NbToggleLight: nl, NbToggleSlim: vl, NbToggleFlip: Cl, NbToggleSkewed: _l }, Bl = {
2176
- install(e) {
2177
- for (const h in rt)
2178
- if (Object.prototype.hasOwnProperty.call(rt, h)) {
2179
- const p = rt[h];
2180
- e.component(p.name, p);
1920
+ }), hl = /* @__PURE__ */ Ze(bl, [["__scopeId", "data-v-f66db036"]]), rt = { NbSelect: Yt, NbToggle: Jt, NbToggleLight: nl, NbToggleFlip: fl, NbToggleSkewed: hl }, Cl = {
1921
+ install(t) {
1922
+ for (const C in rt)
1923
+ if (Object.prototype.hasOwnProperty.call(rt, C)) {
1924
+ const g = rt[C];
1925
+ t.component(g.name, g);
2181
1926
  }
2182
1927
  }
2183
1928
  };
2184
1929
  export {
2185
- Bl as default
1930
+ Cl as default
2186
1931
  };