@vlalg-nimbus/nb-buttons 6.2.0 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/nb-buttons.js +1704 -1577
  2. package/dist/nb-buttons.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/nb-buttons.js CHANGED
@@ -1,9 +1,9 @@
1
- import { useCssVars as xe, toRefs as Be, computed as t, openBlock as ce, createElementBlock as ve, mergeProps as Se, withKeys as W, withModifiers as L, unref as d, createElementVNode as ue, normalizeClass as be, normalizeStyle as se, renderSlot as me, createTextVNode as he, createCommentVNode as ge, onMounted as Ee, ref as Te, watch as yt, toDisplayString as Oe, nextTick as Le, onUnmounted as mt, Fragment as ht, renderList as Ct } from "vue";
2
- const ke = (e, n) => {
3
- const P = e.__vccOpts || e;
4
- for (const [ae, J] of n)
5
- P[ae] = J;
6
- return P;
1
+ import { useCssVars as ke, toRefs as Ve, computed as t, openBlock as pe, createElementBlock as be, mergeProps as Be, withKeys as F, withModifiers as z, unref as n, createElementVNode as se, normalizeClass as ge, normalizeStyle as ce, renderSlot as me, createTextVNode as he, createCommentVNode as ye, onMounted as Ge, ref as we, watch as yt, toDisplayString as We, nextTick as Re, onUnmounted as mt, Fragment as ht, renderList as Ct } from "vue";
2
+ const Te = (e, l) => {
3
+ const J = e.__vccOpts || e;
4
+ for (const [ue, ae] of l)
5
+ J[ue] = ae;
6
+ return J;
7
7
  }, St = ["tabIndex", "title"], xt = ["id"], Bt = { class: "component-content__text" }, kt = /* @__PURE__ */ Object.assign({
8
8
  name: "NbButtonVavaGame",
9
9
  inheritAttrs: !1
@@ -18,8 +18,8 @@ const ke = (e, n) => {
18
18
  type: String,
19
19
  default: "ib",
20
20
  validator: (e = "") => {
21
- const n = e.toLowerCase();
22
- return ["b", "ib"].includes(n);
21
+ const l = e.toLowerCase();
22
+ return ["b", "ib"].includes(l);
23
23
  }
24
24
  },
25
25
  tabIndex: {
@@ -50,8 +50,8 @@ const ke = (e, n) => {
50
50
  type: String,
51
51
  default: "light",
52
52
  validator: (e) => {
53
- const n = e ? e.toLowerCase() : "";
54
- return ["light", "dark"].includes(n);
53
+ const l = e ? e.toLowerCase() : "";
54
+ return ["light", "dark"].includes(l);
55
55
  }
56
56
  },
57
57
  // Cores do tema light
@@ -154,132 +154,132 @@ const ke = (e, n) => {
154
154
  }
155
155
  },
156
156
  emits: ["clicked"],
157
- setup(e, { emit: n }) {
158
- xe((c) => ({
159
- "5bb874cf": H.value,
160
- "7c42cd5e": b.value,
161
- "5cbc6a6b": i.value,
162
- "2daad21c": r.value,
163
- f98f16e4: j.value,
164
- "53a9d7ac": a.value,
165
- ccde2620: l.value,
166
- "01a085af": F.value,
167
- "25b588cd": ie.value,
168
- "4022e3d0": re.value,
169
- aabbb6ec: pe.value,
170
- "08bbfad2": le.value,
171
- "512f4a46": y.value,
172
- "2d9308bb": B.value
157
+ setup(e, { emit: l }) {
158
+ ke(($) => ({
159
+ "5bb874cf": P.value,
160
+ "7c42cd5e": X.value,
161
+ "5cbc6a6b": f.value,
162
+ "2daad21c": o.value,
163
+ f98f16e4: A.value,
164
+ "53a9d7ac": u.value,
165
+ ccde2620: d.value,
166
+ "01a085af": S.value,
167
+ "25b588cd": b.value,
168
+ "4022e3d0": H.value,
169
+ aabbb6ec: U.value,
170
+ "08bbfad2": de.value,
171
+ "512f4a46": s.value,
172
+ "2d9308bb": g.value
173
173
  }));
174
- const P = n, ae = e, {
175
- display: J,
176
- ariaLabel: Z,
177
- ariaAttrs: h,
178
- theme: Y,
179
- lightTextColor: K,
180
- lightTextColorHover: Q,
181
- lightButtonColor: E,
182
- lightButtonColorHover: U,
183
- lightBorderColor: ee,
184
- lightDisabledBgColor: G,
185
- darkTextColor: M,
186
- darkTextColorHover: z,
187
- darkButtonColor: x,
188
- darkButtonColorHover: I,
189
- darkBorderColor: C,
190
- darkDisabledBgColor: f,
191
- uppercase: v,
192
- paddingXContent: S,
193
- paddingYContent: g,
194
- paddingXBorder: s,
195
- paddingYBorder: k,
196
- borderOpacity: T,
197
- disabled: N,
198
- fontFamily: te,
199
- fontSize: X,
200
- fontWeight: D
201
- } = Be(ae), w = t(() => {
202
- const c = N.value ? "component-disabled" : "", A = J.value !== "b" ? "inline-block" : "block", de = !T.value || !(T.value >= 0 && T.value <= 1) ? "0.5" : T.value, ne = s.value !== 0 && !s.value || s.value < 0 ? 0.5 : s.value, Ve = k.value !== 0 && !k.value || k.value < 0 ? 0.5 : k.value, ye = S.value !== 0 && !S.value || S.value < 0 ? 0.5 : S.value, $e = g.value !== 0 && !g.value || g.value < 0 ? 0.5 : g.value, De = v.value ? "uppercase" : "none", _e = te.value ? te.value : "'Lato', sans-serif", Re = X.value ? X.value : "1.6em", We = D.value !== 0 && !D.value || D.value < 0 ? 100 : D.value;
174
+ const J = l, ue = e, {
175
+ display: ae,
176
+ ariaLabel: oe,
177
+ ariaAttrs: B,
178
+ theme: M,
179
+ lightTextColor: Q,
180
+ lightTextColorHover: le,
181
+ lightButtonColor: G,
182
+ lightButtonColorHover: ee,
183
+ lightBorderColor: ne,
184
+ lightDisabledBgColor: te,
185
+ darkTextColor: q,
186
+ darkTextColorHover: O,
187
+ darkButtonColor: I,
188
+ darkButtonColorHover: T,
189
+ darkBorderColor: V,
190
+ darkDisabledBgColor: c,
191
+ uppercase: m,
192
+ paddingXContent: v,
193
+ paddingYContent: h,
194
+ paddingXBorder: i,
195
+ paddingYBorder: C,
196
+ borderOpacity: w,
197
+ disabled: y,
198
+ fontFamily: _,
199
+ fontSize: R,
200
+ fontWeight: N
201
+ } = Ve(ue), D = t(() => {
202
+ const $ = y.value ? "component-disabled" : "", re = ae.value !== "b" ? "inline-block" : "block", fe = !w.value || !(w.value >= 0 && w.value <= 1) ? "0.5" : w.value, ie = i.value !== 0 && !i.value || i.value < 0 ? 0.5 : i.value, Ce = C.value !== 0 && !C.value || C.value < 0 ? 0.5 : C.value, j = v.value !== 0 && !v.value || v.value < 0 ? 0.5 : v.value, Se = h.value !== 0 && !h.value || h.value < 0 ? 0.5 : h.value, He = m.value ? "uppercase" : "none", Ie = _.value ? _.value : "'Lato', sans-serif", De = R.value ? R.value : "1.6em", Le = N.value !== 0 && !N.value || N.value < 0 ? 100 : N.value;
203
203
  return {
204
- disabled: c,
205
- display: A,
206
- borderOpacity: de,
207
- paddingXBorder: ne,
208
- paddingYBorder: Ve,
209
- paddingXContent: ye,
210
- paddingYContent: $e,
211
- uppercase: De,
212
- font: _e,
213
- fontSize: Re,
214
- fontWeight: We
204
+ disabled: $,
205
+ display: re,
206
+ borderOpacity: fe,
207
+ paddingXBorder: ie,
208
+ paddingYBorder: Ce,
209
+ paddingXContent: j,
210
+ paddingYContent: Se,
211
+ uppercase: He,
212
+ font: Ie,
213
+ fontSize: De,
214
+ fontWeight: Le
215
215
  };
216
- }), _ = t(() => w.value.disabled), O = t(() => ({
217
- display: w.value.display
218
- })), u = t(() => {
219
- const c = w.value;
216
+ }), Y = t(() => D.value.disabled), E = t(() => ({
217
+ display: D.value.display
218
+ })), L = t(() => {
219
+ const $ = D.value;
220
220
  return {
221
- padding: `${c.paddingYBorder}rem ${c.paddingXBorder}rem`,
222
- fontSize: c.fontSize,
223
- fontWeight: c.fontWeight
221
+ padding: `${$.paddingYBorder}rem ${$.paddingXBorder}rem`,
222
+ fontSize: $.fontSize,
223
+ fontWeight: $.fontWeight
224
224
  };
225
- }), V = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), $ = t(() => {
226
- const c = w.value;
225
+ }), r = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), k = t(() => {
226
+ const $ = D.value;
227
227
  return {
228
- textTransform: c.uppercase,
229
- padding: `${c.paddingYContent}rem ${c.paddingXContent}rem`
228
+ textTransform: $.uppercase,
229
+ padding: `${$.paddingYContent}rem ${$.paddingXContent}rem`
230
230
  };
231
- }), R = t(() => ({})), H = t(() => w.value.font), j = t(() => w.value.borderOpacity), b = t(() => K.value), i = t(() => Q.value), a = t(() => E.value), l = t(() => U.value), r = t(() => ee.value), y = t(() => G.value), F = t(() => M.value), ie = t(() => z.value), pe = t(() => x.value), le = t(() => I.value), re = t(() => C.value), B = t(() => f.value), p = t(() => {
232
- const c = {};
233
- h.value && Object.keys(h.value).forEach((ne) => c[`aria-${ne}`] = h.value[ne]);
234
- const A = {
235
- "aria-label": Z.value,
236
- "aria-disabled": N.value,
237
- ...c
231
+ }), W = t(() => ({})), P = t(() => D.value.font), A = t(() => D.value.borderOpacity), X = t(() => Q.value), f = t(() => le.value), u = t(() => G.value), d = t(() => ee.value), o = t(() => ne.value), s = t(() => te.value), S = t(() => q.value), b = t(() => O.value), U = t(() => I.value), de = t(() => T.value), H = t(() => V.value), g = t(() => c.value), p = t(() => {
232
+ const $ = {};
233
+ B.value && Object.keys(B.value).forEach((ie) => $[`aria-${ie}`] = B.value[ie]);
234
+ const re = {
235
+ "aria-label": oe.value,
236
+ "aria-disabled": y.value,
237
+ ...$
238
238
  };
239
239
  return Object.fromEntries(
240
- Object.entries(A).filter(([de, ne]) => ne != null)
240
+ Object.entries(re).filter(([fe, ie]) => ie != null)
241
241
  );
242
- }), oe = (c) => {
243
- P("clicked", c);
242
+ }), K = ($) => {
243
+ J("clicked", $);
244
244
  };
245
- return (c, A) => e.nbId ? (ce(), ve("div", Se({
245
+ return ($, re) => e.nbId ? (pe(), be("div", Be({
246
246
  key: 0,
247
- class: ["nb-wrapper", _.value],
248
- style: [O.value],
247
+ class: ["nb-wrapper", Y.value],
248
+ style: [E.value],
249
249
  tabIndex: e.tabIndex,
250
250
  role: "button",
251
251
  title: e.title
252
252
  }, p.value, {
253
- onClick: A[0] || (A[0] = (de) => oe(de)),
253
+ onClick: re[0] || (re[0] = (fe) => K(fe)),
254
254
  onKeydown: [
255
- A[1] || (A[1] = W(L((de) => !d(N) && e.hasTabIndexEnter && oe(de), ["prevent"]), ["enter"])),
256
- A[2] || (A[2] = W(L((de) => !d(N) && e.hasTabIndexSpace && oe(de), ["prevent"]), ["space"]))
255
+ re[1] || (re[1] = F(z((fe) => !n(y) && e.hasTabIndexEnter && K(fe), ["prevent"]), ["enter"])),
256
+ re[2] || (re[2] = F(z((fe) => !n(y) && e.hasTabIndexSpace && K(fe), ["prevent"]), ["space"]))
257
257
  ]
258
258
  }), [
259
- ue("div", {
259
+ se("div", {
260
260
  id: e.nbId,
261
- class: be(["nb-reset", "component", V.value]),
262
- style: se([u.value])
261
+ class: ge(["nb-reset", "component", r.value]),
262
+ style: ce([L.value])
263
263
  }, [
264
- ue("div", {
264
+ se("div", {
265
265
  class: "component-content",
266
- style: se([$.value])
266
+ style: ce([k.value])
267
267
  }, [
268
- ue("span", Bt, [
269
- me(c.$slots, "content", {}, () => [
270
- A[3] || (A[3] = he("Default Text"))
268
+ se("span", Bt, [
269
+ me($.$slots, "content", {}, () => [
270
+ re[3] || (re[3] = he("Default Text"))
271
271
  ], !0)
272
272
  ]),
273
- ue("span", {
273
+ se("span", {
274
274
  class: "component-content__mask",
275
- style: se([R.value])
275
+ style: ce([W.value])
276
276
  }, null, 4)
277
277
  ], 4)
278
278
  ], 14, xt)
279
- ], 16, St)) : ge("", !0);
279
+ ], 16, St)) : ye("", !0);
280
280
  }
281
- }), Vt = /* @__PURE__ */ ke(kt, [["__scopeId", "data-v-42160f0a"]]);
282
- const Tt = ["tabIndex", "title"], It = ["id"], wt = /* @__PURE__ */ Object.assign({
281
+ }), Vt = /* @__PURE__ */ Te(kt, [["__scopeId", "data-v-42160f0a"]]);
282
+ const Tt = ["tabIndex", "title"], Ht = ["id"], It = /* @__PURE__ */ Object.assign({
283
283
  name: "NbButtonShowHover",
284
284
  inheritAttrs: !1
285
285
  }, {
@@ -317,8 +317,8 @@ const Tt = ["tabIndex", "title"], It = ["id"], wt = /* @__PURE__ */ Object.assig
317
317
  type: String,
318
318
  default: "light",
319
319
  validator: (e) => {
320
- const n = e ? e.toLowerCase() : "";
321
- return ["light", "dark"].includes(n);
320
+ const l = e ? e.toLowerCase() : "";
321
+ return ["light", "dark"].includes(l);
322
322
  }
323
323
  },
324
324
  // Cores do tema light
@@ -400,114 +400,121 @@ const Tt = ["tabIndex", "title"], It = ["id"], wt = /* @__PURE__ */ Object.assig
400
400
  type: Number,
401
401
  default: 400,
402
402
  validator: (e) => e || 400
403
+ },
404
+ lineHeight: {
405
+ type: Number,
406
+ default: 1.42857143
403
407
  }
404
408
  },
405
409
  emits: ["clicked"],
406
- setup(e, { emit: n }) {
407
- xe((i) => ({
408
- b1df5af8: H.value,
409
- "335a0a08": _.value,
410
- "0c8e3d41": w.value,
411
- "000664e5": u.value,
412
- eaad48c0: O.value,
413
- "1b93c2a4": V.value,
414
- cf259f86: R.value,
415
- "507b1cf8": $.value
410
+ setup(e, { emit: l }) {
411
+ ke((u) => ({
412
+ "2528cfa7": A.value,
413
+ f4fb990e: E.value,
414
+ "599a2ab8": Y.value,
415
+ "8e89d470": r.value,
416
+ "758ae943": L.value,
417
+ "7b8d0687": k.value,
418
+ "09bd56fa": P.value,
419
+ "47a06216": W.value
416
420
  }));
417
- const P = n, ae = e, {
418
- ariaLabel: J,
419
- ariaAttrs: Z,
420
- theme: h,
421
- lightTextColor: Y,
422
- lightTextColorHover: K,
423
- lightButtonColorHover: Q,
424
- lightButtonColorOpacityHover: E,
425
- lightDisabledBgColor: U,
426
- darkTextColor: ee,
427
- darkTextColorHover: G,
428
- darkButtonColorHover: M,
429
- darkButtonColorOpacityHover: z,
430
- darkDisabledBgColor: x,
431
- paddingX: I,
432
- paddingY: C,
433
- disabled: f,
434
- borderRadius: v,
435
- verticalAlign: S,
436
- fontFamily: g,
437
- fontSize: s,
438
- fontWeight: k
439
- } = Be(ae), T = t(() => {
440
- const i = f.value ? "component-disabled" : "", a = S.value ? S.value : "middle", l = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, r = C.value !== 0 && !C.value || C.value < 0 ? 0.2 : C.value, y = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, F = g.value ? g.value : "'Lato', sans-serif", ie = s.value ? s.value : "1.6rem", pe = k.value !== 0 && !k.value || k.value < 0 ? 100 : k.value;
421
+ const J = l, ue = e, {
422
+ ariaLabel: ae,
423
+ ariaAttrs: oe,
424
+ theme: B,
425
+ lightTextColor: M,
426
+ lightTextColorHover: Q,
427
+ lightButtonColorHover: le,
428
+ lightButtonColorOpacityHover: G,
429
+ lightDisabledBgColor: ee,
430
+ darkTextColor: ne,
431
+ darkTextColorHover: te,
432
+ darkButtonColorHover: q,
433
+ darkButtonColorOpacityHover: O,
434
+ darkDisabledBgColor: I,
435
+ paddingX: T,
436
+ paddingY: V,
437
+ disabled: c,
438
+ borderRadius: m,
439
+ verticalAlign: v,
440
+ fontFamily: h,
441
+ fontSize: i,
442
+ fontWeight: C,
443
+ lineHeight: w
444
+ } = Ve(ue), y = t(() => {
445
+ const u = c.value ? "component-disabled" : "", d = v.value ? v.value : "middle", o = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0.2 : V.value, S = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, b = h.value ? h.value : "'Lato', sans-serif", U = i.value ? i.value : "1.6em", de = C.value !== 0 && !C.value || C.value < 0 ? 100 : C.value, H = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value;
441
446
  return {
442
- disabled: i,
443
- borderRadius: y,
444
- paddingX: l,
445
- paddingY: r,
446
- font: F,
447
- fontSize: ie,
448
- fontWeight: pe,
449
- verticalAlign: a
447
+ disabled: u,
448
+ borderRadius: S,
449
+ paddingX: o,
450
+ paddingY: s,
451
+ font: b,
452
+ fontSize: U,
453
+ fontWeight: de,
454
+ lineHeight: H,
455
+ verticalAlign: d
450
456
  };
451
- }), N = t(() => T.value.disabled), te = t(() => ({
452
- verticalAlign: T.value.verticalAlign
453
- })), X = t(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), D = t(() => {
454
- const i = T.value;
457
+ }), _ = t(() => y.value.disabled), R = t(() => ({
458
+ verticalAlign: y.value.verticalAlign
459
+ })), N = t(() => B.value === "dark" ? "component__theme--dark" : "component__theme--light"), D = t(() => {
460
+ const u = y.value;
455
461
  return {
456
- padding: `${i.paddingY}rem 0`,
457
- borderRadius: `${i.borderRadius}rem`,
458
- fontSize: i.fontSize,
459
- fontWeight: i.fontWeight
462
+ padding: `${u.paddingY}rem 0`,
463
+ borderRadius: `${u.borderRadius}rem`,
464
+ lineHeight: u.lineHeight,
465
+ fontSize: u.fontSize,
466
+ fontWeight: u.fontWeight
460
467
  };
461
- }), w = t(() => {
462
- const i = T.value;
463
- return `${i.paddingY}rem ${i.paddingX}rem`;
464
- }), _ = t(() => Y.value), O = t(() => K.value), u = t(() => `rgba(${Q.value}, ${E.value})`);
465
- t(() => U.value);
466
- const V = t(() => ee.value), $ = t(() => G.value), R = t(() => `rgba(${M.value}, ${z.value})`);
467
- t(() => x.value);
468
- const H = t(() => T.value.font), j = t(() => {
469
- const i = {};
470
- Z.value && Object.keys(Z.value).forEach((r) => i[`aria-${r}`] = Z.value[r]);
471
- const a = {
472
- "aria-label": J.value,
473
- "aria-disabled": f.value,
474
- ...i
468
+ }), Y = t(() => {
469
+ const u = y.value;
470
+ return `${u.paddingY}rem ${u.paddingX}rem`;
471
+ }), E = t(() => M.value), L = t(() => Q.value), r = t(() => `rgba(${le.value}, ${G.value})`);
472
+ t(() => ee.value);
473
+ const k = t(() => ne.value), W = t(() => te.value), P = t(() => `rgba(${q.value}, ${O.value})`);
474
+ t(() => I.value);
475
+ const A = t(() => y.value.font), X = t(() => {
476
+ const u = {};
477
+ oe.value && Object.keys(oe.value).forEach((s) => u[`aria-${s}`] = oe.value[s]);
478
+ const d = {
479
+ "aria-label": ae.value,
480
+ "aria-disabled": c.value,
481
+ ...u
475
482
  };
476
483
  return Object.fromEntries(
477
- Object.entries(a).filter(([l, r]) => r != null)
484
+ Object.entries(d).filter(([o, s]) => s != null)
478
485
  );
479
- }), b = (i) => {
480
- P("clicked", i);
486
+ }), f = (u) => {
487
+ J("clicked", u);
481
488
  };
482
- return (i, a) => e.nbId ? (ce(), ve("div", Se({
489
+ return (u, d) => e.nbId ? (pe(), be("div", Be({
483
490
  key: 0,
484
- class: ["nb-wrapper", N.value],
485
- style: [te.value],
491
+ class: ["nb-wrapper", _.value],
492
+ style: [R.value],
486
493
  tabIndex: e.tabIndex,
487
494
  role: "button",
488
495
  title: e.title
489
- }, j.value, {
490
- onClick: a[1] || (a[1] = (l) => b(l)),
496
+ }, X.value, {
497
+ onClick: d[1] || (d[1] = (o) => f(o)),
491
498
  onKeydown: [
492
- a[2] || (a[2] = W(L((l) => !d(f) && e.hasTabIndexEnter && b(l), ["prevent"]), ["enter"])),
493
- a[3] || (a[3] = W(L((l) => !d(f) && e.hasTabIndexSpace && b(l), ["prevent"]), ["space"]))
499
+ d[2] || (d[2] = F(z((o) => !n(c) && e.hasTabIndexEnter && f(o), ["prevent"]), ["enter"])),
500
+ d[3] || (d[3] = F(z((o) => !n(c) && e.hasTabIndexSpace && f(o), ["prevent"]), ["space"]))
494
501
  ]
495
502
  }), [
496
- ue("a", {
503
+ se("a", {
497
504
  id: e.nbId,
498
- class: be(["nb-reset component tertiary", [X.value]]),
499
- style: se([D.value]),
500
- onClick: a[0] || (a[0] = L(() => {
505
+ class: ge(["nb-reset component tertiary", [N.value]]),
506
+ style: ce([D.value]),
507
+ onClick: d[0] || (d[0] = z(() => {
501
508
  }, ["prevent"]))
502
509
  }, [
503
- me(i.$slots, "content", {}, () => [
504
- a[4] || (a[4] = he("Default Text"))
510
+ me(u.$slots, "content", {}, () => [
511
+ d[4] || (d[4] = he("Default Text"))
505
512
  ], !0)
506
- ], 14, It)
507
- ], 16, Tt)) : ge("", !0);
513
+ ], 14, Ht)
514
+ ], 16, Tt)) : ye("", !0);
508
515
  }
509
- }), $t = /* @__PURE__ */ ke(wt, [["__scopeId", "data-v-a8587d91"]]);
510
- const Dt = ["id"], Nt = ["tabIndex", "title"], Ht = ["tabIndex", "title"], At = /* @__PURE__ */ Object.assign({
516
+ }), wt = /* @__PURE__ */ Te(It, [["__scopeId", "data-v-d7a87d7b"]]);
517
+ const Nt = ["id"], $t = ["tabIndex", "title"], Dt = ["tabIndex", "title"], Lt = /* @__PURE__ */ Object.assign({
511
518
  name: "NbButtonPrevNext",
512
519
  inheritAttrs: !1
513
520
  }, {
@@ -561,8 +568,8 @@ const Dt = ["id"], Nt = ["tabIndex", "title"], Ht = ["tabIndex", "title"], At =
561
568
  type: String,
562
569
  default: "light",
563
570
  validator: (e) => {
564
- const n = e ? e.toLowerCase() : "";
565
- return ["light", "dark"].includes(n);
571
+ const l = e ? e.toLowerCase() : "";
572
+ return ["light", "dark"].includes(l);
566
573
  }
567
574
  },
568
575
  // Cores do tema light
@@ -668,158 +675,158 @@ const Dt = ["id"], Nt = ["tabIndex", "title"], Ht = ["tabIndex", "title"], At =
668
675
  }
669
676
  },
670
677
  emits: ["clicked"],
671
- setup(e, { emit: n }) {
672
- xe((B) => ({
673
- c2fd627c: ie.value,
674
- "3f2c4f57": j.value,
675
- "589e3afe": i.value,
676
- "6268b189": b.value,
677
- "08cfccde": a.value,
678
- "3387b51a": l.value,
679
- "0ebf7a62": y.value,
680
- f6491eb6: r.value,
681
- "2b428bfa": F.value
678
+ setup(e, { emit: l }) {
679
+ ke((g) => ({
680
+ c2fd627c: b.value,
681
+ "3f2c4f57": A.value,
682
+ "589e3afe": f.value,
683
+ "6268b189": X.value,
684
+ "08cfccde": u.value,
685
+ "3387b51a": d.value,
686
+ "0ebf7a62": s.value,
687
+ f6491eb6: o.value,
688
+ "2b428bfa": S.value
682
689
  }));
683
- const P = n, ae = e, {
684
- ariaLabelPrev: J,
685
- ariaAttrsPrev: Z,
686
- ariaLabelNext: h,
687
- ariaAttrsNext: Y,
688
- theme: K,
689
- lightColorPrimary: Q,
690
- lightColorSecondary: E,
691
- lightTextColor: U,
692
- lightTextColorHover: ee,
693
- lightDisabledBgColor: G,
694
- darkColorPrimary: M,
695
- darkColorSecondary: z,
696
- darkTextColor: x,
697
- darkTextColorHover: I,
698
- darkDisabledBgColor: C,
699
- paddingX: f,
700
- paddingY: v,
701
- marginBetween: S,
702
- borderRadius: g,
703
- disabled: s,
704
- disabledPreview: k,
705
- disabledNext: T,
706
- fontFamily: N,
707
- fontSize: te,
708
- fontWeight: X
709
- } = Be(ae), D = t(() => {
710
- const B = s.value ? "component-disabled" : "", p = k.value ? "component-disabled" : "", oe = T.value ? "component-disabled" : "", c = S.value !== 0 && !S.value || S.value < 0 ? 0 : S.value, A = g.value !== 0 && !g.value || g.value < 0 ? 0 : g.value, de = f.value !== 0 && !f.value || f.value < 0 ? 1 : f.value, ne = v.value !== 0 && !v.value || v.value < 0 ? 10 : v.value, Ve = te.value ? te.value : "1.6em", ye = X.value !== 0 && !X.value || X.value < 0 ? 100 : X.value;
690
+ const J = l, ue = e, {
691
+ ariaLabelPrev: ae,
692
+ ariaAttrsPrev: oe,
693
+ ariaLabelNext: B,
694
+ ariaAttrsNext: M,
695
+ theme: Q,
696
+ lightColorPrimary: le,
697
+ lightColorSecondary: G,
698
+ lightTextColor: ee,
699
+ lightTextColorHover: ne,
700
+ lightDisabledBgColor: te,
701
+ darkColorPrimary: q,
702
+ darkColorSecondary: O,
703
+ darkTextColor: I,
704
+ darkTextColorHover: T,
705
+ darkDisabledBgColor: V,
706
+ paddingX: c,
707
+ paddingY: m,
708
+ marginBetween: v,
709
+ borderRadius: h,
710
+ disabled: i,
711
+ disabledPreview: C,
712
+ disabledNext: w,
713
+ fontFamily: y,
714
+ fontSize: _,
715
+ fontWeight: R
716
+ } = Ve(ue), N = t(() => {
717
+ const g = i.value ? "component-disabled" : "", p = C.value ? "component-disabled" : "", K = w.value ? "component-disabled" : "", $ = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, ie = m.value !== 0 && !m.value || m.value < 0 ? 10 : m.value, Ce = _.value ? _.value : "1.6em", j = R.value !== 0 && !R.value || R.value < 0 ? 100 : R.value;
711
718
  return {
712
- disabled: B,
719
+ disabled: g,
713
720
  disabledPreview: p,
714
- disabledNext: oe,
715
- marginBetween: `${c}px`,
716
- borderRadius: `${A}px`,
717
- paddingX: `${de}px`,
718
- paddingY: `${ne}px`,
719
- fontSize: Ve,
720
- fontWeight: ye
721
+ disabledNext: K,
722
+ marginBetween: `${$}px`,
723
+ borderRadius: `${re}px`,
724
+ paddingX: `${fe}px`,
725
+ paddingY: `${ie}px`,
726
+ fontSize: Ce,
727
+ fontWeight: j
721
728
  };
722
- }), w = t(() => D.value.disabled), _ = t(() => D.value.disabledPreview), O = t(() => D.value.disabledNext), u = t(() => ({
723
- display: D.value.display
724
- })), V = t(() => {
725
- const B = D.value;
729
+ }), D = t(() => N.value.disabled), Y = t(() => N.value.disabledPreview), E = t(() => N.value.disabledNext), L = t(() => ({
730
+ display: N.value.display
731
+ })), r = t(() => {
732
+ const g = N.value;
726
733
  return {
727
- fontSize: B.fontSize,
728
- fontWeight: B.fontWeight
734
+ fontSize: g.fontSize,
735
+ fontWeight: g.fontWeight
729
736
  };
730
- }), $ = t(() => {
731
- const B = D.value;
737
+ }), k = t(() => {
738
+ const g = N.value;
732
739
  return {
733
- borderRadius: `${B.borderRadius} 0px 0px ${B.borderRadius}`,
734
- marginRight: B.marginBetween,
735
- padding: `${B.paddingX} ${B.paddingY}`
740
+ borderRadius: `${g.borderRadius} 0px 0px ${g.borderRadius}`,
741
+ marginRight: g.marginBetween,
742
+ padding: `${g.paddingX} ${g.paddingY}`
736
743
  };
737
- }), R = t(() => {
738
- const B = D.value;
744
+ }), W = t(() => {
745
+ const g = N.value;
739
746
  return {
740
- borderRadius: `0px ${B.borderRadius} ${B.borderRadius} 0px`,
741
- marginLeft: B.marginBetween,
742
- padding: `${B.paddingX} ${B.paddingY}`
747
+ borderRadius: `0px ${g.borderRadius} ${g.borderRadius} 0px`,
748
+ marginLeft: g.marginBetween,
749
+ padding: `${g.paddingX} ${g.paddingY}`
743
750
  };
744
- }), H = t(() => K.value === "dark" ? "component__theme--dark" : "component__theme--light"), j = t(() => Q.value), b = t(() => E.value), i = t(() => U.value), a = t(() => ee.value);
745
- t(() => G.value);
746
- const l = t(() => M.value), r = t(() => z.value), y = t(() => x.value), F = t(() => I.value);
747
- t(() => C.value);
748
- const ie = t(() => `'${N.value ? N.value : "'Lato', sans-serif"}'`), pe = t(() => {
749
- const B = {};
750
- Z.value && Object.keys(Z.value).forEach((c) => B[`aria-${c}`] = Z.value[c]);
751
+ }), P = t(() => Q.value === "dark" ? "component__theme--dark" : "component__theme--light"), A = t(() => le.value), X = t(() => G.value), f = t(() => ee.value), u = t(() => ne.value);
752
+ t(() => te.value);
753
+ const d = t(() => q.value), o = t(() => O.value), s = t(() => I.value), S = t(() => T.value);
754
+ t(() => V.value);
755
+ const b = t(() => `'${y.value ? y.value : "'Lato', sans-serif"}'`), U = t(() => {
756
+ const g = {};
757
+ oe.value && Object.keys(oe.value).forEach(($) => g[`aria-${$}`] = oe.value[$]);
751
758
  const p = {
752
- "aria-label": J.value,
753
- "aria-disabled": _.value,
754
- ...B
759
+ "aria-label": ae.value,
760
+ "aria-disabled": Y.value,
761
+ ...g
755
762
  };
756
763
  return Object.fromEntries(
757
- Object.entries(p).filter(([oe, c]) => c != null)
764
+ Object.entries(p).filter(([K, $]) => $ != null)
758
765
  );
759
- }), le = t(() => {
760
- const B = {};
761
- Y.value && Object.keys(Y.value).forEach((c) => B[`aria-${c}`] = Y.value[c]);
766
+ }), de = t(() => {
767
+ const g = {};
768
+ M.value && Object.keys(M.value).forEach(($) => g[`aria-${$}`] = M.value[$]);
762
769
  const p = {
763
- "aria-label": h.value,
764
- "aria-disabled": O.value,
765
- ...B
770
+ "aria-label": B.value,
771
+ "aria-disabled": E.value,
772
+ ...g
766
773
  };
767
774
  return Object.fromEntries(
768
- Object.entries(p).filter(([oe, c]) => c != null)
775
+ Object.entries(p).filter(([K, $]) => $ != null)
769
776
  );
770
- }), re = (B, p) => {
771
- P("clicked", B, p);
777
+ }), H = (g, p) => {
778
+ J("clicked", g, p);
772
779
  };
773
- return (B, p) => e.nbId ? (ce(), ve("div", {
780
+ return (g, p) => e.nbId ? (pe(), be("div", {
774
781
  key: 0,
775
- class: be(["nb-wrapper", w.value]),
776
- style: se([u.value])
782
+ class: ge(["nb-wrapper", D.value]),
783
+ style: ce([L.value])
777
784
  }, [
778
- ue("div", {
785
+ se("div", {
779
786
  id: e.nbId,
780
- class: be(["nb-reset", "component", H.value]),
781
- style: se(V.value)
787
+ class: ge(["nb-reset", "component", P.value]),
788
+ style: ce(r.value)
782
789
  }, [
783
- e.showPreview ? (ce(), ve("div", Se({
790
+ e.showPreview ? (pe(), be("div", Be({
784
791
  key: 0,
785
- class: ["buttonNextPreview buttonPreview", _.value],
786
- style: $.value,
792
+ class: ["buttonNextPreview buttonPreview", Y.value],
793
+ style: k.value,
787
794
  tabIndex: e.tabIndexPrev,
788
795
  role: "button",
789
796
  title: e.titlePrev
790
- }, pe.value, {
791
- onClick: p[0] || (p[0] = (oe) => re("preview", oe)),
797
+ }, U.value, {
798
+ onClick: p[0] || (p[0] = (K) => H("preview", K)),
792
799
  onKeydown: [
793
- p[1] || (p[1] = W(L((oe) => !d(s) && e.hasTabIndexEnter && re("preview", oe), ["prevent"]), ["enter"])),
794
- p[2] || (p[2] = W(L((oe) => !d(s) && e.hasTabIndexSpace && re("preview", oe), ["prevent"]), ["space"]))
800
+ p[1] || (p[1] = F(z((K) => !n(i) && e.hasTabIndexEnter && H("preview", K), ["prevent"]), ["enter"])),
801
+ p[2] || (p[2] = F(z((K) => !n(i) && e.hasTabIndexSpace && H("preview", K), ["prevent"]), ["space"]))
795
802
  ]
796
803
  }), [
797
- me(B.$slots, "prev", {}, () => [
804
+ me(g.$slots, "prev", {}, () => [
798
805
  p[6] || (p[6] = he("← Preview"))
799
806
  ], !0)
800
- ], 16, Nt)) : ge("", !0),
801
- e.showNext ? (ce(), ve("div", Se({
807
+ ], 16, $t)) : ye("", !0),
808
+ e.showNext ? (pe(), be("div", Be({
802
809
  key: 1,
803
- class: ["buttonNextPreview buttonNext", O.value],
804
- style: R.value,
810
+ class: ["buttonNextPreview buttonNext", E.value],
811
+ style: W.value,
805
812
  tabIndex: e.tabIndexNext,
806
813
  role: "button",
807
814
  title: e.titleNext
808
- }, le.value, {
809
- onClick: p[3] || (p[3] = (oe) => re("next", oe)),
815
+ }, de.value, {
816
+ onClick: p[3] || (p[3] = (K) => H("next", K)),
810
817
  onKeydown: [
811
- p[4] || (p[4] = W(L((oe) => !d(s) && e.hasTabIndexEnter && re("next", oe), ["prevent"]), ["enter"])),
812
- p[5] || (p[5] = W(L((oe) => !d(s) && e.hasTabIndexSpace && re("next", oe), ["prevent"]), ["space"]))
818
+ p[4] || (p[4] = F(z((K) => !n(i) && e.hasTabIndexEnter && H("next", K), ["prevent"]), ["enter"])),
819
+ p[5] || (p[5] = F(z((K) => !n(i) && e.hasTabIndexSpace && H("next", K), ["prevent"]), ["space"]))
813
820
  ]
814
821
  }), [
815
- me(B.$slots, "next", {}, () => [
822
+ me(g.$slots, "next", {}, () => [
816
823
  p[7] || (p[7] = he("Next →"))
817
824
  ], !0)
818
- ], 16, Ht)) : ge("", !0)
819
- ], 14, Dt)
820
- ], 6)) : ge("", !0);
825
+ ], 16, Dt)) : ye("", !0)
826
+ ], 14, Nt)
827
+ ], 6)) : ye("", !0);
821
828
  }
822
- }), Lt = /* @__PURE__ */ ke(At, [["__scopeId", "data-v-162f7c91"]]);
829
+ }), At = /* @__PURE__ */ Te(Lt, [["__scopeId", "data-v-162f7c91"]]);
823
830
  const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assign({
824
831
  name: "NbButtonMechanical",
825
832
  inheritAttrs: !1
@@ -834,8 +841,8 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
834
841
  type: String,
835
842
  default: "b",
836
843
  validator: (e = "b") => {
837
- const n = e ? e.toLowerCase() : "";
838
- return ["b", "ib"].includes(n);
844
+ const l = e ? e.toLowerCase() : "";
845
+ return ["b", "ib"].includes(l);
839
846
  }
840
847
  },
841
848
  tabIndex: {
@@ -866,8 +873,8 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
866
873
  type: String,
867
874
  default: "light",
868
875
  validator: (e) => {
869
- const n = e ? e.toLowerCase() : "";
870
- return ["light", "dark"].includes(n);
876
+ const l = e ? e.toLowerCase() : "";
877
+ return ["light", "dark"].includes(l);
871
878
  }
872
879
  },
873
880
  // Cores do tema light
@@ -940,107 +947,114 @@ const Ot = ["tabIndex", "title"], _t = ["id"], Rt = /* @__PURE__ */ Object.assig
940
947
  type: Number,
941
948
  default: 400,
942
949
  validator: (e) => e || 400
950
+ },
951
+ lineHeight: {
952
+ type: Number,
953
+ default: 1.42857143
943
954
  }
944
955
  },
945
956
  emits: ["clicked"],
946
- setup(e, { emit: n }) {
947
- xe((b) => ({
948
- "17a6b3de": w.value,
949
- "20fd0ab6": u.value,
950
- "09567a62": _.value,
951
- c6a48f06: O.value,
952
- "2735f81a": R.value,
953
- efe08304: V.value,
954
- 52266599: $.value
957
+ setup(e, { emit: l }) {
958
+ ke((f) => ({
959
+ "68dfdef5": Y.value,
960
+ "6eb0c44d": r.value,
961
+ "7946432a": E.value,
962
+ "22a98374": L.value,
963
+ "202da0ba": P.value,
964
+ a1cf9556: k.value,
965
+ "4e26faa0": W.value
955
966
  }));
956
- const P = n, ae = e, {
957
- display: J,
958
- ariaLabel: Z,
959
- ariaAttrs: h,
960
- theme: Y,
961
- lightTextColor: K,
962
- lightButtonColor: Q,
963
- lightContainerColor: E,
964
- lightDisabledBgColor: U,
965
- darkTextColor: ee,
966
- darkButtonColor: G,
967
- darkContainerColor: M,
968
- darkDisabledBgColor: z,
969
- paddingX: x,
970
- paddingY: I,
971
- borderRadius: C,
972
- disabled: f,
973
- animationSlow: v,
974
- fontFamily: S,
975
- fontSize: g,
976
- fontWeight: s
977
- } = Be(ae), k = t(() => {
978
- const b = f.value ? "component-disabled" : "", i = J.value !== "b" ? "inline-block" : "block", a = x.value !== 0 && !x.value || x.value < 0 ? 1 : x.value, l = I.value !== 0 && !I.value || I.value < 0 ? 0.2 : I.value, r = C.value !== 0 && !C.value || C.value < 0 ? 0 : C.value, y = v.value ? "" : "component-transition__no-slow", F = S.value ? S.value : "'Lato', sans-serif", ie = g.value ? g.value : "1.6em", pe = s.value !== 0 && !s.value || s.value < 0 ? 100 : s.value;
967
+ const J = l, ue = e, {
968
+ display: ae,
969
+ ariaLabel: oe,
970
+ ariaAttrs: B,
971
+ theme: M,
972
+ lightTextColor: Q,
973
+ lightButtonColor: le,
974
+ lightContainerColor: G,
975
+ lightDisabledBgColor: ee,
976
+ darkTextColor: ne,
977
+ darkButtonColor: te,
978
+ darkContainerColor: q,
979
+ darkDisabledBgColor: O,
980
+ paddingX: I,
981
+ paddingY: T,
982
+ borderRadius: V,
983
+ disabled: c,
984
+ animationSlow: m,
985
+ fontFamily: v,
986
+ fontSize: h,
987
+ fontWeight: i,
988
+ lineHeight: C
989
+ } = Ve(ue), w = t(() => {
990
+ const f = c.value ? "component-disabled" : "", u = ae.value !== "b" ? "inline-block" : "block", d = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, o = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, s = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, S = m.value ? "" : "component-transition__no-slow", b = v.value ? v.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 100 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value;
979
991
  return {
980
- disabled: b,
981
- display: i,
982
- paddingX: a,
983
- paddingY: l,
984
- borderRadius: r,
985
- animationSlow: y,
986
- font: F,
987
- fontSize: ie,
988
- fontWeight: pe
992
+ disabled: f,
993
+ display: u,
994
+ paddingX: d,
995
+ paddingY: o,
996
+ borderRadius: s,
997
+ animationSlow: S,
998
+ font: b,
999
+ fontSize: U,
1000
+ fontWeight: de,
1001
+ lineHeight: H
989
1002
  };
990
- }), T = t(() => k.value.disabled), N = t(() => ({
991
- display: k.value.display
992
- })), te = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), X = t(() => {
993
- const b = k.value;
1003
+ }), y = t(() => w.value.disabled), _ = t(() => ({
1004
+ display: w.value.display
1005
+ })), R = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), N = t(() => {
1006
+ const f = w.value;
994
1007
  return {
995
- padding: `${b.paddingY}rem ${b.paddingX}rem`,
996
- borderRadius: `${b.borderRadius}rem`,
997
- fontSize: b.fontSize,
998
- fontWeight: b.fontWeight
1008
+ padding: `${f.paddingY}rem ${f.paddingX}rem`,
1009
+ borderRadius: `${f.borderRadius}rem`,
1010
+ lineHeight: f.lineHeight,
1011
+ fontSize: f.fontSize,
1012
+ fontWeight: f.fontWeight
999
1013
  };
1000
- }), D = t(() => k.value.animationSlow), w = t(() => k.value.font), _ = t(() => K.value), O = t(() => Q.value), u = t(() => E.value);
1001
- t(() => U.value);
1002
- const V = t(() => ee.value), $ = t(() => G.value), R = t(() => M.value);
1003
- t(() => z.value);
1004
- const H = t(() => {
1005
- const b = {};
1006
- h.value && Object.keys(h.value).forEach((l) => b[`aria-${l}`] = h.value[l]);
1007
- const i = {
1008
- "aria-label": Z.value,
1009
- "aria-disabled": f.value,
1010
- ...b
1014
+ }), D = t(() => w.value.animationSlow), Y = t(() => w.value.font), E = t(() => Q.value), L = t(() => le.value), r = t(() => G.value);
1015
+ t(() => ee.value);
1016
+ const k = t(() => ne.value), W = t(() => te.value), P = t(() => q.value);
1017
+ t(() => O.value);
1018
+ const A = t(() => {
1019
+ const f = {};
1020
+ B.value && Object.keys(B.value).forEach((o) => f[`aria-${o}`] = B.value[o]);
1021
+ const u = {
1022
+ "aria-label": oe.value,
1023
+ "aria-disabled": c.value,
1024
+ ...f
1011
1025
  };
1012
1026
  return Object.fromEntries(
1013
- Object.entries(i).filter(([a, l]) => l != null)
1027
+ Object.entries(u).filter(([d, o]) => o != null)
1014
1028
  );
1015
- }), j = (b) => {
1016
- P("clicked", b);
1029
+ }), X = (f) => {
1030
+ J("clicked", f);
1017
1031
  };
1018
- return (b, i) => e.nbId ? (ce(), ve("div", Se({
1032
+ return (f, u) => e.nbId ? (pe(), be("div", Be({
1019
1033
  key: 0,
1020
- class: ["nb-wrapper", T.value],
1021
- style: [N.value],
1034
+ class: ["nb-wrapper", y.value],
1035
+ style: [_.value],
1022
1036
  tabIndex: e.tabIndex,
1023
1037
  role: "button",
1024
1038
  title: e.title
1025
- }, H.value, {
1026
- onClick: i[0] || (i[0] = (a) => j(a)),
1039
+ }, A.value, {
1040
+ onClick: u[0] || (u[0] = (d) => X(d)),
1027
1041
  onKeydown: [
1028
- i[1] || (i[1] = W(L((a) => !d(f) && e.hasTabIndexEnter && j(a), ["prevent"]), ["enter"])),
1029
- i[2] || (i[2] = W(L((a) => !d(f) && e.hasTabIndexSpace && j(a), ["prevent"]), ["space"]))
1042
+ u[1] || (u[1] = F(z((d) => !n(c) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
1043
+ u[2] || (u[2] = F(z((d) => !n(c) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
1030
1044
  ]
1031
1045
  }), [
1032
- ue("div", {
1046
+ se("div", {
1033
1047
  id: e.nbId,
1034
- class: be(["nb-reset", "component", "component-transition", D.value, te.value]),
1035
- style: se([X.value])
1048
+ class: ge(["nb-reset", "component", "component-transition", D.value, R.value]),
1049
+ style: ce([N.value])
1036
1050
  }, [
1037
- me(b.$slots, "content", {}, () => [
1038
- i[3] || (i[3] = he("Default Text"))
1051
+ me(f.$slots, "content", {}, () => [
1052
+ u[3] || (u[3] = he("Default Text"))
1039
1053
  ], !0)
1040
1054
  ], 14, _t)
1041
- ], 16, Ot)) : ge("", !0);
1055
+ ], 16, Ot)) : ye("", !0);
1042
1056
  }
1043
- }), Wt = /* @__PURE__ */ ke(Rt, [["__scopeId", "data-v-8bde2a65"]]);
1057
+ }), Wt = /* @__PURE__ */ Te(Rt, [["__scopeId", "data-v-d878e49e"]]);
1044
1058
  const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assign({
1045
1059
  name: "NbButtonMechanical2",
1046
1060
  inheritAttrs: !1
@@ -1055,8 +1069,8 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
1055
1069
  type: String,
1056
1070
  default: "b",
1057
1071
  validator: (e = "b") => {
1058
- const n = e ? e.toLowerCase() : "";
1059
- return ["b", "ib"].includes(n);
1072
+ const l = e ? e.toLowerCase() : "";
1073
+ return ["b", "ib"].includes(l);
1060
1074
  }
1061
1075
  },
1062
1076
  tabIndex: {
@@ -1087,8 +1101,8 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
1087
1101
  type: String,
1088
1102
  default: "light",
1089
1103
  validator: (e) => {
1090
- const n = e ? e.toLowerCase() : "";
1091
- return ["light", "dark"].includes(n);
1104
+ const l = e ? e.toLowerCase() : "";
1105
+ return ["light", "dark"].includes(l);
1092
1106
  }
1093
1107
  },
1094
1108
  // Cores do tema light
@@ -1157,105 +1171,112 @@ const zt = ["tabIndex", "title"], Yt = ["id"], Xt = /* @__PURE__ */ Object.assig
1157
1171
  type: Number,
1158
1172
  default: 400,
1159
1173
  validator: (e) => e || 400
1174
+ },
1175
+ lineHeight: {
1176
+ type: Number,
1177
+ default: 1.42857143
1160
1178
  }
1161
1179
  },
1162
1180
  emits: ["clicked"],
1163
- setup(e, { emit: n }) {
1164
- xe((H) => ({
1165
- "6303313a": V.value,
1166
- "643c1986": X.value,
1167
- "56afc2be": D.value,
1168
- "3f5c5d1a": w.value,
1169
- "3027aada": _.value,
1170
- "53f4aaf5": O.value,
1171
- "5f9e5dc7": u.value
1181
+ setup(e, { emit: l }) {
1182
+ ke((A) => ({
1183
+ "0dc1c087": k.value,
1184
+ "798d6699": N.value,
1185
+ "4a4b1a18": D.value,
1186
+ "32f7b474": Y.value,
1187
+ 64822132: E.value,
1188
+ "2e65ff7c": L.value,
1189
+ "171299d8": r.value
1172
1190
  }));
1173
- const P = n, ae = e, {
1174
- display: J,
1175
- ariaLabel: Z,
1176
- ariaAttrs: h,
1177
- theme: Y,
1178
- lightTextColor: K,
1179
- lightButtonColor: Q,
1180
- lightShadowColor: E,
1181
- lightDisabledBgColor: U,
1182
- darkTextColor: ee,
1183
- darkButtonColor: G,
1184
- darkShadowColor: M,
1185
- darkDisabledBgColor: z,
1186
- paddingX: x,
1187
- paddingY: I,
1188
- borderRadius: C,
1189
- disabled: f,
1190
- fontFamily: v,
1191
- fontSize: S,
1192
- fontWeight: g
1193
- } = Be(ae), s = t(() => {
1194
- const H = f.value ? "component-disabled" : "", j = J.value !== "b" ? "inline-block" : "block", b = x.value !== 0 && !x.value || x.value < 0 ? 1 : x.value, i = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, a = C.value !== 0 && !C.value || C.value < 0 ? 0 : C.value, l = v.value ? v.value : "'Lato', sans-serif", r = S.value ? S.value : "1.6em", y = g.value !== 0 && !g.value || g.value < 0 ? 100 : g.value;
1191
+ const J = l, ue = e, {
1192
+ display: ae,
1193
+ ariaLabel: oe,
1194
+ ariaAttrs: B,
1195
+ theme: M,
1196
+ lightTextColor: Q,
1197
+ lightButtonColor: le,
1198
+ lightShadowColor: G,
1199
+ lightDisabledBgColor: ee,
1200
+ darkTextColor: ne,
1201
+ darkButtonColor: te,
1202
+ darkShadowColor: q,
1203
+ darkDisabledBgColor: O,
1204
+ paddingX: I,
1205
+ paddingY: T,
1206
+ borderRadius: V,
1207
+ disabled: c,
1208
+ fontFamily: m,
1209
+ fontSize: v,
1210
+ fontWeight: h,
1211
+ lineHeight: i
1212
+ } = Ve(ue), C = t(() => {
1213
+ const A = c.value ? "component-disabled" : "", X = ae.value !== "b" ? "inline-block" : "block", f = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, u = T.value !== 0 && !T.value || T.value < 0 ? 1 : T.value, d = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, o = m.value ? m.value : "'Lato', sans-serif", s = v.value ? v.value : "1.6em", S = h.value !== 0 && !h.value || h.value < 0 ? 100 : h.value, b = i.value !== 0 && !i.value || i.value < 0 ? 1.42857143 : i.value;
1195
1214
  return {
1196
- disabled: H,
1197
- display: j,
1198
- paddingX: b,
1199
- paddingY: i,
1200
- borderRadius: a,
1201
- font: l,
1202
- fontSize: r,
1203
- fontWeight: y
1215
+ disabled: A,
1216
+ display: X,
1217
+ paddingX: f,
1218
+ paddingY: u,
1219
+ borderRadius: d,
1220
+ font: o,
1221
+ fontSize: s,
1222
+ fontWeight: S,
1223
+ lineHeight: b
1204
1224
  };
1205
- }), k = t(() => s.value.disabled), T = t(() => ({
1206
- display: s.value.display
1207
- })), N = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), te = t(() => {
1208
- const H = s.value;
1225
+ }), w = t(() => C.value.disabled), y = t(() => ({
1226
+ display: C.value.display
1227
+ })), _ = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), R = t(() => {
1228
+ const A = C.value;
1209
1229
  return {
1210
- padding: `${H.paddingY}rem ${H.paddingX}rem`,
1211
- borderRadius: `${H.borderRadius}rem`,
1212
- fontSize: H.fontSize,
1213
- fontWeight: H.fontWeight
1230
+ padding: `${A.paddingY}rem ${A.paddingX}rem`,
1231
+ borderRadius: `${A.borderRadius}rem`,
1232
+ lineHeight: A.lineHeight,
1233
+ fontSize: A.fontSize,
1234
+ fontWeight: A.fontWeight
1214
1235
  };
1215
- }), X = t(() => K.value), D = t(() => Q.value), w = t(() => E.value);
1216
- t(() => U.value);
1217
- const _ = t(() => ee.value), O = t(() => G.value), u = t(() => M.value);
1218
- t(() => z.value);
1219
- const V = t(() => s.value.font), $ = t(() => {
1220
- const H = {};
1221
- h.value && Object.keys(h.value).forEach((i) => H[`aria-${i}`] = h.value[i]);
1222
- const j = {
1223
- "aria-label": Z.value,
1224
- "aria-disabled": f.value,
1225
- ...H
1236
+ }), N = t(() => Q.value), D = t(() => le.value), Y = t(() => G.value);
1237
+ t(() => ee.value);
1238
+ const E = t(() => ne.value), L = t(() => te.value), r = t(() => q.value);
1239
+ t(() => O.value);
1240
+ const k = t(() => C.value.font), W = t(() => {
1241
+ const A = {};
1242
+ B.value && Object.keys(B.value).forEach((u) => A[`aria-${u}`] = B.value[u]);
1243
+ const X = {
1244
+ "aria-label": oe.value,
1245
+ "aria-disabled": c.value,
1246
+ ...A
1226
1247
  };
1227
1248
  return Object.fromEntries(
1228
- Object.entries(j).filter(([b, i]) => i != null)
1249
+ Object.entries(X).filter(([f, u]) => u != null)
1229
1250
  );
1230
- }), R = (H) => {
1231
- P("clicked", H);
1251
+ }), P = (A) => {
1252
+ J("clicked", A);
1232
1253
  };
1233
- return (H, j) => e.nbId ? (ce(), ve("div", Se({
1254
+ return (A, X) => e.nbId ? (pe(), be("div", Be({
1234
1255
  key: 0,
1235
- class: ["nb-wrapper", k.value],
1236
- style: [T.value],
1256
+ class: ["nb-wrapper", w.value],
1257
+ style: [y.value],
1237
1258
  tabIndex: e.tabIndex,
1238
1259
  role: "button",
1239
1260
  title: e.title
1240
- }, $.value, {
1241
- onClick: j[0] || (j[0] = (b) => R(b)),
1261
+ }, W.value, {
1262
+ onClick: X[0] || (X[0] = (f) => P(f)),
1242
1263
  onKeydown: [
1243
- j[1] || (j[1] = W(L((b) => !d(f) && e.hasTabIndexEnter && R(b), ["prevent"]), ["enter"])),
1244
- j[2] || (j[2] = W(L((b) => !d(f) && e.hasTabIndexSpace && R(b), ["prevent"]), ["space"]))
1264
+ X[1] || (X[1] = F(z((f) => !n(c) && e.hasTabIndexEnter && P(f), ["prevent"]), ["enter"])),
1265
+ X[2] || (X[2] = F(z((f) => !n(c) && e.hasTabIndexSpace && P(f), ["prevent"]), ["space"]))
1245
1266
  ]
1246
1267
  }), [
1247
- ue("div", {
1268
+ se("div", {
1248
1269
  id: e.nbId,
1249
- class: be(["nb-reset", "component", "component-transition", N.value]),
1250
- style: se([te.value])
1270
+ class: ge(["nb-reset", "component", "component-transition", _.value]),
1271
+ style: ce([R.value])
1251
1272
  }, [
1252
- me(H.$slots, "content", {}, () => [
1253
- j[3] || (j[3] = he("Default Text"))
1273
+ me(A.$slots, "content", {}, () => [
1274
+ X[3] || (X[3] = he("Default Text"))
1254
1275
  ], !0)
1255
1276
  ], 14, Yt)
1256
- ], 16, zt)) : ge("", !0);
1277
+ ], 16, zt)) : ye("", !0);
1257
1278
  }
1258
- }), jt = /* @__PURE__ */ ke(Xt, [["__scopeId", "data-v-586d3524"]]);
1279
+ }), jt = /* @__PURE__ */ Te(Xt, [["__scopeId", "data-v-6917f609"]]);
1259
1280
  const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assign({
1260
1281
  name: "NbButtonHamburger",
1261
1282
  inheritAttrs: !1
@@ -1294,8 +1315,8 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
1294
1315
  type: String,
1295
1316
  default: "light",
1296
1317
  validator: (e) => {
1297
- const n = e ? e.toLowerCase() : "";
1298
- return ["light", "dark"].includes(n);
1318
+ const l = e ? e.toLowerCase() : "";
1319
+ return ["light", "dark"].includes(l);
1299
1320
  }
1300
1321
  },
1301
1322
  status: {
@@ -1362,105 +1383,105 @@ const Et = ["tabIndex", "title"], Ft = ["id"], Pt = /* @__PURE__ */ Object.assig
1362
1383
  }
1363
1384
  },
1364
1385
  emits: ["clicked"],
1365
- setup(e, { emit: n }) {
1366
- xe((i) => ({
1367
- "3912eef2": w.value,
1368
- "06f49c5e": $.value,
1369
- "64b1716a": _.value,
1370
- "16906b29": D.value,
1371
- "0a1f477e": R.value,
1372
- "7ad9ae95": V.value,
1373
- "41becc5a": X.value,
1374
- "3cdde2e7": u.value,
1375
- "31a40e72": O.value,
1376
- "1ff80e86": H.value
1386
+ setup(e, { emit: l }) {
1387
+ ke((f) => ({
1388
+ "3912eef2": D.value,
1389
+ "06f49c5e": k.value,
1390
+ "64b1716a": Y.value,
1391
+ "16906b29": N.value,
1392
+ "0a1f477e": W.value,
1393
+ "7ad9ae95": r.value,
1394
+ "41becc5a": R.value,
1395
+ "3cdde2e7": L.value,
1396
+ "31a40e72": E.value,
1397
+ "1ff80e86": P.value
1377
1398
  }));
1378
- const P = n, ae = e;
1379
- Ee(() => {
1380
- J.value = K.value;
1399
+ const J = l, ue = e;
1400
+ Ge(() => {
1401
+ ae.value = Q.value;
1381
1402
  });
1382
- const J = Te(!1), {
1383
- ariaLabel: Z,
1384
- ariaAttrs: h,
1385
- theme: Y,
1386
- status: K,
1387
- lightColor: Q,
1388
- lightColorHover: E,
1389
- lightContainerColor: U,
1390
- lightContainerColorHover: ee,
1391
- lightDisabledBgColor: G,
1392
- darkColor: M,
1393
- darkColorHover: z,
1394
- darkContainerColor: x,
1395
- darkContainerColorHover: I,
1396
- darkDisabledBgColor: C,
1397
- paddingX: f,
1398
- paddingY: v,
1399
- disabled: S
1400
- } = Be(ae), g = t(() => {
1401
- const i = S.value ? "component-disabled" : "", a = J.value ? "change" : "", l = f.value !== 0 && !f.value || f.value < 0 ? 3 : f.value, r = v.value !== 0 && !v.value || v.value < 0 ? 3 : v.value;
1403
+ const ae = we(!1), {
1404
+ ariaLabel: oe,
1405
+ ariaAttrs: B,
1406
+ theme: M,
1407
+ status: Q,
1408
+ lightColor: le,
1409
+ lightColorHover: G,
1410
+ lightContainerColor: ee,
1411
+ lightContainerColorHover: ne,
1412
+ lightDisabledBgColor: te,
1413
+ darkColor: q,
1414
+ darkColorHover: O,
1415
+ darkContainerColor: I,
1416
+ darkContainerColorHover: T,
1417
+ darkDisabledBgColor: V,
1418
+ paddingX: c,
1419
+ paddingY: m,
1420
+ disabled: v
1421
+ } = Ve(ue), h = t(() => {
1422
+ const f = v.value ? "component-disabled" : "", u = ae.value ? "change" : "", d = c.value !== 0 && !c.value || c.value < 0 ? 3 : c.value, o = m.value !== 0 && !m.value || m.value < 0 ? 3 : m.value;
1402
1423
  return {
1403
- disabled: i,
1404
- buttonStatus: a,
1405
- paddingX: l,
1406
- paddingY: r
1424
+ disabled: f,
1425
+ buttonStatus: u,
1426
+ paddingX: d,
1427
+ paddingY: o
1407
1428
  };
1408
- }), s = t(() => g.value.disabled), k = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), T = t(() => {
1409
- const i = g.value;
1429
+ }), i = t(() => h.value.disabled), C = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), w = t(() => {
1430
+ const f = h.value;
1410
1431
  return {
1411
- padding: `${i.paddingY}px ${i.paddingX}px`
1432
+ padding: `${f.paddingY}px ${f.paddingX}px`
1412
1433
  };
1413
- }), N = t(() => ({})), te = t(() => g.value.buttonStatus), X = t(() => Q.value), D = t(() => E.value), w = t(() => U.value), _ = t(() => ee.value), O = t(() => G.value), u = t(() => M.value), V = t(() => z.value), $ = t(() => x.value), R = t(() => I.value), H = t(() => C.value), j = t(() => {
1414
- const i = {};
1415
- h.value && Object.keys(h.value).forEach((r) => i[`aria-${r}`] = h.value[r]);
1416
- const a = {
1417
- "aria-label": Z.value,
1418
- "aria-disabled": S.value,
1419
- ...i
1434
+ }), y = t(() => ({})), _ = t(() => h.value.buttonStatus), R = t(() => le.value), N = t(() => G.value), D = t(() => ee.value), Y = t(() => ne.value), E = t(() => te.value), L = t(() => q.value), r = t(() => O.value), k = t(() => I.value), W = t(() => T.value), P = t(() => V.value), A = t(() => {
1435
+ const f = {};
1436
+ B.value && Object.keys(B.value).forEach((o) => f[`aria-${o}`] = B.value[o]);
1437
+ const u = {
1438
+ "aria-label": oe.value,
1439
+ "aria-disabled": v.value,
1440
+ ...f
1420
1441
  };
1421
1442
  return Object.fromEntries(
1422
- Object.entries(a).filter(([l, r]) => r != null)
1443
+ Object.entries(u).filter(([d, o]) => o != null)
1423
1444
  );
1424
- }), b = (i) => {
1425
- const a = !J.value;
1426
- J.value = a, P("clicked", a, i);
1445
+ }), X = (f) => {
1446
+ const u = !ae.value;
1447
+ ae.value = u, J("clicked", u, f);
1427
1448
  };
1428
- return yt(K, () => {
1429
- J.value = K.value;
1430
- }), (i, a) => e.nbId ? (ce(), ve("div", Se({
1449
+ return yt(Q, () => {
1450
+ ae.value = Q.value;
1451
+ }), (f, u) => e.nbId ? (pe(), be("div", Be({
1431
1452
  key: 0,
1432
- class: ["nb-wrapper", s.value],
1433
- style: [T.value],
1453
+ class: ["nb-wrapper", i.value],
1454
+ style: [w.value],
1434
1455
  tabIndex: e.tabIndex,
1435
1456
  role: "button",
1436
1457
  title: e.title
1437
- }, j.value, {
1438
- onClick: a[0] || (a[0] = (l) => b(l)),
1458
+ }, A.value, {
1459
+ onClick: u[0] || (u[0] = (d) => X(d)),
1439
1460
  onKeydown: [
1440
- a[1] || (a[1] = W(L((l) => !d(S) && e.hasTabIndexEnter && b(l), ["prevent"]), ["enter"])),
1441
- a[2] || (a[2] = W(L((l) => !d(S) && e.hasTabIndexSpace && b(l), ["prevent"]), ["space"]))
1461
+ u[1] || (u[1] = F(z((d) => !n(v) && e.hasTabIndexEnter && X(d), ["prevent"]), ["enter"])),
1462
+ u[2] || (u[2] = F(z((d) => !n(v) && e.hasTabIndexSpace && X(d), ["prevent"]), ["space"]))
1442
1463
  ]
1443
1464
  }), [
1444
- ue("div", {
1465
+ se("div", {
1445
1466
  id: e.nbId,
1446
- class: be(["nb-reset", "component", te.value, k.value])
1467
+ class: ge(["nb-reset", "component", _.value, C.value])
1447
1468
  }, [
1448
- ue("div", {
1469
+ se("div", {
1449
1470
  class: "component__line-one",
1450
- style: se(N.value)
1471
+ style: ce(y.value)
1451
1472
  }, null, 4),
1452
- ue("div", {
1473
+ se("div", {
1453
1474
  class: "component__line-two",
1454
- style: se(N.value)
1475
+ style: ce(y.value)
1455
1476
  }, null, 4),
1456
- ue("div", {
1477
+ se("div", {
1457
1478
  class: "component__line-three",
1458
- style: se(N.value)
1479
+ style: ce(y.value)
1459
1480
  }, null, 4)
1460
1481
  ], 10, Ft)
1461
- ], 16, Et)) : ge("", !0);
1482
+ ], 16, Et)) : ye("", !0);
1462
1483
  }
1463
- }), Kt = /* @__PURE__ */ ke(Pt, [["__scopeId", "data-v-b3a3087a"]]);
1484
+ }), Kt = /* @__PURE__ */ Te(Pt, [["__scopeId", "data-v-b3a3087a"]]);
1464
1485
  const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assign({
1465
1486
  name: "NbButtonColorOutside",
1466
1487
  inheritAttrs: !1
@@ -1475,8 +1496,8 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
1475
1496
  type: String,
1476
1497
  default: "b",
1477
1498
  validator: (e = "b") => {
1478
- const n = e ? e.toLowerCase() : "";
1479
- return ["b", "ib"].includes(n);
1499
+ const l = e ? e.toLowerCase() : "";
1500
+ return ["b", "ib"].includes(l);
1480
1501
  }
1481
1502
  },
1482
1503
  tabIndex: {
@@ -1507,8 +1528,8 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
1507
1528
  type: String,
1508
1529
  default: "light",
1509
1530
  validator: (e) => {
1510
- const n = e ? e.toLowerCase() : "";
1511
- return ["light", "dark"].includes(n);
1531
+ const l = e ? e.toLowerCase() : "";
1532
+ return ["light", "dark"].includes(l);
1512
1533
  }
1513
1534
  },
1514
1535
  // Cores do tema light
@@ -1555,6 +1576,22 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
1555
1576
  default: 0.2,
1556
1577
  validator: (e) => e || 0.2
1557
1578
  },
1579
+ marginTop: {
1580
+ type: Number,
1581
+ default: 0
1582
+ },
1583
+ marginBottom: {
1584
+ type: Number,
1585
+ default: 0
1586
+ },
1587
+ marginRight: {
1588
+ type: Number,
1589
+ default: 0
1590
+ },
1591
+ marginLeft: {
1592
+ type: Number,
1593
+ default: 0
1594
+ },
1558
1595
  disabled: {
1559
1596
  type: Boolean,
1560
1597
  default: !1,
@@ -1577,114 +1614,133 @@ const Mt = ["tabIndex", "title"], qt = ["id"], Ut = /* @__PURE__ */ Object.assig
1577
1614
  type: Number,
1578
1615
  default: 200,
1579
1616
  validator: (e) => e || 200
1617
+ },
1618
+ lineHeight: {
1619
+ type: Number,
1620
+ default: 1.42857143
1580
1621
  }
1581
1622
  },
1582
1623
  emits: ["clicked"],
1583
- setup(e, { emit: n }) {
1584
- xe((a) => ({
1585
- "785dd6c9": D.value,
1586
- "7443db7e": X.value,
1587
- "97c477d2": _.value,
1588
- "484a2838": u.value,
1589
- "9a6d2e1c": O.value,
1590
- "7d0dea29": $.value,
1591
- d46ddc6c: H.value,
1592
- "00485284": R.value,
1593
- e39c4dba: V.value,
1594
- "6fc4ac96": j.value
1624
+ setup(e, { emit: l }) {
1625
+ ke((b) => ({
1626
+ "03f259af": r.value,
1627
+ "04aef81b": L.value,
1628
+ "6c7b4f1e": W.value,
1629
+ f1c9e3dc: A.value,
1630
+ "1ccb6268": P.value,
1631
+ "5cb8628f": f.value,
1632
+ "34b708b0": d.value,
1633
+ c1936d2c: u.value,
1634
+ e7ef7c06: X.value,
1635
+ "806c84ca": o.value
1595
1636
  }));
1596
- const P = n, ae = e, {
1597
- display: J,
1598
- ariaLabel: Z,
1599
- ariaAttrs: h,
1600
- theme: Y,
1601
- lightTextColor: K,
1602
- lightButtonColor: Q,
1603
- lightBorderColor: E,
1604
- lightDisabledBgColor: U,
1605
- darkTextColor: ee,
1606
- darkButtonColor: G,
1607
- darkBorderColor: M,
1608
- darkDisabledBgColor: z,
1609
- paddingX: x,
1610
- paddingY: I,
1611
- borderRadius: C,
1612
- disabled: f,
1613
- fontFamily: v,
1614
- fontSize: S,
1615
- fontWeight: g
1616
- } = Be(ae), s = t(() => {
1617
- const a = f.value ? "component-disabled" : "", l = J.value !== "b" ? "inline-block" : "block", r = x.value !== 0 && !x.value || x.value < 0 ? 1 : x.value, y = I.value !== 0 && !I.value || I.value < 0 ? 0.2 : I.value, F = C.value !== 0 && !C.value || C.value < 0 ? 0 : C.value, ie = v.value ? v.value : "'Lato', sans-serif", pe = S.value ? S.value : "1.6em", le = g.value !== 0 && !g.value || g.value < 0 ? 200 : g.value;
1637
+ const J = l, ue = e, {
1638
+ display: ae,
1639
+ ariaLabel: oe,
1640
+ ariaAttrs: B,
1641
+ theme: M,
1642
+ lightTextColor: Q,
1643
+ lightButtonColor: le,
1644
+ lightBorderColor: G,
1645
+ lightDisabledBgColor: ee,
1646
+ darkTextColor: ne,
1647
+ darkButtonColor: te,
1648
+ darkBorderColor: q,
1649
+ darkDisabledBgColor: O,
1650
+ paddingX: I,
1651
+ paddingY: T,
1652
+ marginTop: V,
1653
+ marginBottom: c,
1654
+ marginRight: m,
1655
+ marginLeft: v,
1656
+ borderRadius: h,
1657
+ disabled: i,
1658
+ fontFamily: C,
1659
+ fontSize: w,
1660
+ fontWeight: y,
1661
+ lineHeight: _
1662
+ } = Ve(ue), R = t(() => {
1663
+ const b = i.value ? "component-disabled" : "", U = ae.value !== "b" ? "inline-block" : "block", de = I.value !== 0 && !I.value || I.value < 0 ? 1 : I.value, H = T.value !== 0 && !T.value || T.value < 0 ? 0.2 : T.value, g = V.value !== 0 && !V.value || V.value < 0 ? 0 : V.value, p = c.value !== 0 && !c.value || c.value < 0 ? 0 : c.value, K = m.value !== 0 && !m.value || m.value < 0 ? 0 : m.value, $ = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, re = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, fe = C.value ? C.value : "'Lato', sans-serif", ie = w.value ? w.value : "1.6em", Ce = y.value !== 0 && !y.value || y.value < 0 ? 200 : y.value, j = _.value !== 0 && !_.value || _.value < 0 ? 1.42857143 : _.value;
1618
1664
  return {
1619
- disabled: a,
1620
- display: l,
1621
- paddingX: r,
1622
- paddingY: y,
1623
- borderRadius: F,
1624
- font: ie,
1625
- fontSize: pe,
1626
- fontWeight: le
1665
+ disabled: b,
1666
+ display: U,
1667
+ paddingX: de,
1668
+ paddingY: H,
1669
+ marginTop: g,
1670
+ marginBottom: p,
1671
+ marginRight: K,
1672
+ marginLeft: $,
1673
+ borderRadius: re,
1674
+ font: fe,
1675
+ fontSize: ie,
1676
+ fontWeight: Ce,
1677
+ lineHeight: j
1627
1678
  };
1628
- }), k = t(() => s.value.disabled), T = t(() => ({
1629
- display: s.value.display
1630
- })), N = t(() => {
1631
- const a = s.value;
1679
+ }), N = t(() => R.value.disabled), D = t(() => ({
1680
+ display: R.value.display
1681
+ })), Y = t(() => {
1682
+ const b = R.value;
1632
1683
  return {
1633
- fontSize: a.fontSize,
1634
- fontWeight: a.fontWeight
1684
+ fontSize: b.fontSize,
1685
+ fontWeight: b.fontWeight,
1686
+ lineHeight: b.lineHeight,
1687
+ marginTop: `${b.marginTop}px`,
1688
+ marginBottom: `${b.marginBottom}px`,
1689
+ marginRight: `${b.marginRight}px`,
1690
+ marginLeft: `${b.marginLeft}px`
1635
1691
  };
1636
- }), te = t(() => {
1637
- const a = s.value;
1692
+ }), E = t(() => {
1693
+ const b = R.value;
1638
1694
  return {
1639
- padding: `${a.paddingY}rem ${a.paddingX}rem`,
1640
- borderRadius: X.value
1695
+ padding: `${b.paddingY}rem ${b.paddingX}rem`,
1696
+ borderRadius: L.value
1641
1697
  };
1642
- }), X = t(() => `${s.value.borderRadius}rem`), D = t(() => s.value.font), w = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), _ = t(() => K.value), O = t(() => Q.value), u = t(() => E.value), V = t(() => U.value), $ = t(() => ee.value), R = t(() => G.value), H = t(() => M.value), j = t(() => z.value), b = t(() => {
1643
- const a = {};
1644
- h.value && Object.keys(h.value).forEach((y) => a[`aria-${y}`] = h.value[y]);
1645
- const l = {
1646
- "aria-label": Z.value,
1647
- "aria-disabled": f.value,
1648
- ...a
1698
+ }), L = t(() => `${R.value.borderRadius}rem`), r = t(() => R.value.font), k = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = t(() => Q.value), P = t(() => le.value), A = t(() => G.value), X = t(() => ee.value), f = t(() => ne.value), u = t(() => te.value), d = t(() => q.value), o = t(() => O.value), s = t(() => {
1699
+ const b = {};
1700
+ B.value && Object.keys(B.value).forEach((H) => b[`aria-${H}`] = B.value[H]);
1701
+ const U = {
1702
+ "aria-label": oe.value,
1703
+ "aria-disabled": i.value,
1704
+ ...b
1649
1705
  };
1650
1706
  return Object.fromEntries(
1651
- Object.entries(l).filter(([r, y]) => y != null)
1707
+ Object.entries(U).filter(([de, H]) => H != null)
1652
1708
  );
1653
- }), i = (a) => {
1654
- P("clicked", a);
1709
+ }), S = (b) => {
1710
+ J("clicked", b);
1655
1711
  };
1656
- return (a, l) => e.nbId ? (ce(), ve("div", Se({
1712
+ return (b, U) => e.nbId ? (pe(), be("div", Be({
1657
1713
  key: 0,
1658
- class: ["nb-wrapper", k.value],
1659
- style: [T.value],
1714
+ class: ["nb-wrapper", N.value],
1715
+ style: [D.value],
1660
1716
  tabIndex: e.tabIndex,
1661
1717
  role: "button",
1662
1718
  title: e.title
1663
- }, b.value, {
1664
- onClick: l[0] || (l[0] = (r) => i(r)),
1719
+ }, s.value, {
1720
+ onClick: U[0] || (U[0] = (de) => S(de)),
1665
1721
  onKeydown: [
1666
- l[1] || (l[1] = W(L((r) => !d(f) && e.hasTabIndexEnter && i(r), ["prevent"]), ["enter"])),
1667
- l[2] || (l[2] = W(L((r) => !d(f) && e.hasTabIndexSpace && i(r), ["prevent"]), ["space"]))
1722
+ U[1] || (U[1] = F(z((de) => !n(i) && e.hasTabIndexEnter && S(de), ["prevent"]), ["enter"])),
1723
+ U[2] || (U[2] = F(z((de) => !n(i) && e.hasTabIndexSpace && S(de), ["prevent"]), ["space"]))
1668
1724
  ]
1669
1725
  }), [
1670
- ue("div", {
1726
+ se("div", {
1671
1727
  id: e.nbId,
1672
- class: be(["nb-reset", "component", w.value]),
1673
- style: se([N.value])
1728
+ class: ge(["nb-reset", "component", k.value]),
1729
+ style: ce([Y.value])
1674
1730
  }, [
1675
- ue("div", {
1731
+ se("div", {
1676
1732
  class: "component-content",
1677
- style: se([te.value])
1733
+ style: ce([E.value])
1678
1734
  }, [
1679
- me(a.$slots, "content", {}, () => [
1680
- l[3] || (l[3] = he("Default Text"))
1735
+ me(b.$slots, "content", {}, () => [
1736
+ U[3] || (U[3] = he("Default Text"))
1681
1737
  ], !0)
1682
1738
  ], 4),
1683
- l[4] || (l[4] = ue("div", { class: "component-shadow" }, null, -1))
1739
+ U[4] || (U[4] = se("div", { class: "component-shadow" }, null, -1))
1684
1740
  ], 14, qt)
1685
- ], 16, Mt)) : ge("", !0);
1741
+ ], 16, Mt)) : ye("", !0);
1686
1742
  }
1687
- }), Gt = /* @__PURE__ */ ke(Ut, [["__scopeId", "data-v-7e831f39"]]);
1743
+ }), Gt = /* @__PURE__ */ Te(Ut, [["__scopeId", "data-v-026ea09c"]]);
1688
1744
  const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assign({
1689
1745
  name: "NbButtonColorHover",
1690
1746
  inheritAttrs: !1
@@ -1699,8 +1755,8 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
1699
1755
  type: String,
1700
1756
  default: "b",
1701
1757
  validator: (e = "b") => {
1702
- const n = e.toLowerCase();
1703
- return ["b", "ib"].includes(n);
1758
+ const l = e.toLowerCase();
1759
+ return ["b", "ib"].includes(l);
1704
1760
  }
1705
1761
  },
1706
1762
  tabIndex: {
@@ -1760,6 +1816,10 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
1760
1816
  default: 400,
1761
1817
  validator: (e) => e || 700
1762
1818
  },
1819
+ lineHeight: {
1820
+ type: Number,
1821
+ default: 1.42857143
1822
+ },
1763
1823
  theme: {
1764
1824
  type: String,
1765
1825
  default: "light",
@@ -1809,116 +1869,119 @@ const Jt = ["tabIndex", "title"], Qt = ["id"], Zt = /* @__PURE__ */ Object.assig
1809
1869
  }
1810
1870
  },
1811
1871
  emits: ["clicked"],
1812
- setup(e, { emit: n }) {
1813
- xe((u) => ({
1814
- "9a7fcb7e": D.value,
1815
- e49e34a4: d(g),
1816
- "741a80c9": d(v),
1817
- "732c502e": d(s),
1818
- "58c3241a": d(S),
1819
- "904b8d9c": d(I),
1820
- "8d85f966": d(z),
1821
- "83c2e1ac": d(C),
1822
- "2afcddef": d(x),
1823
- e215a50c: d(k),
1824
- bb6a6404: d(f)
1872
+ setup(e, { emit: l }) {
1873
+ ke((r) => ({
1874
+ "1aea0f2a": D.value,
1875
+ "354c56c4": n(i),
1876
+ bac3f742: n(v),
1877
+ "4d9a1cd8": n(C),
1878
+ "6c688fc6": n(h),
1879
+ "03aceadc": n(V),
1880
+ "5b29f277": n(I),
1881
+ "316a57c0": n(c),
1882
+ "0b0e4df6": n(T),
1883
+ "0240f610": n(w),
1884
+ cf0fcfb0: n(m)
1825
1885
  }));
1826
- const P = n, ae = e, {
1827
- display: J,
1828
- ariaLabel: Z,
1829
- ariaAttrs: h,
1830
- paddingX: Y,
1831
- paddingY: K,
1832
- borderRadius: Q,
1833
- disabled: E,
1834
- fontFamily: U,
1835
- fontSize: ee,
1836
- fontWeight: G,
1837
- theme: M,
1838
- lightButtonColor: z,
1839
- lightButtonColorHover: x,
1840
- lightTextColor: I,
1841
- lightTextColorHover: C,
1842
- lightDisabledBgColor: f,
1886
+ const J = l, ue = e, {
1887
+ display: ae,
1888
+ ariaLabel: oe,
1889
+ ariaAttrs: B,
1890
+ paddingX: M,
1891
+ paddingY: Q,
1892
+ borderRadius: le,
1893
+ disabled: G,
1894
+ fontFamily: ee,
1895
+ fontSize: ne,
1896
+ fontWeight: te,
1897
+ lineHeight: q,
1898
+ theme: O,
1899
+ lightButtonColor: I,
1900
+ lightButtonColorHover: T,
1901
+ lightTextColor: V,
1902
+ lightTextColorHover: c,
1903
+ lightDisabledBgColor: m,
1843
1904
  darkButtonColor: v,
1844
- darkButtonColorHover: S,
1845
- darkTextColor: g,
1846
- darkTextColorHover: s,
1847
- darkDisabledBgColor: k
1848
- } = Be(ae), T = t(() => {
1849
- const u = E.value ? "component-disabled" : "", V = J.value !== "b" ? "inline-block" : "block", $ = Y.value !== 0 && !Y.value || Y.value < 0 ? 1 : Y.value, R = K.value !== 0 && !K.value || K.value < 0 ? 0.2 : K.value, H = Q.value !== 0 && !Q.value || Q.value < 0 ? 0 : Q.value, j = U.value ? U.value : "'Lato', sans-serif", b = ee.value ? ee.value : "1.6rem", i = G.value !== 0 && !G.value || G.value < 0 ? 100 : G.value, a = M.value ? M.value : "light";
1905
+ darkButtonColorHover: h,
1906
+ darkTextColor: i,
1907
+ darkTextColorHover: C,
1908
+ darkDisabledBgColor: w
1909
+ } = Ve(ue), y = t(() => {
1910
+ const r = G.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value !== 0 && !M.value || M.value < 0 ? 1 : M.value, P = Q.value !== 0 && !Q.value || Q.value < 0 ? 0.2 : Q.value, A = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, X = ee.value ? ee.value : "'Lato', sans-serif", f = ne.value ? ne.value : "1.6em", u = te.value !== 0 && !te.value || te.value < 0 ? 100 : te.value, d = q.value !== 0 && !q.value || q.value < 0 ? 1.42857143 : q.value, o = O.value ? O.value : "light";
1850
1911
  return {
1851
- disabled: u,
1852
- display: V,
1853
- font: j,
1854
- fontSize: b,
1855
- fontWeight: i,
1856
- paddingX: $,
1857
- paddingY: R,
1858
- borderRadius: H,
1859
- theme: a
1912
+ disabled: r,
1913
+ display: k,
1914
+ font: X,
1915
+ fontSize: f,
1916
+ fontWeight: u,
1917
+ lineHeight: d,
1918
+ paddingX: W,
1919
+ paddingY: P,
1920
+ borderRadius: A,
1921
+ theme: o
1860
1922
  };
1861
- }), N = t(() => T.value.disabled), te = t(() => {
1862
- const u = T.value;
1923
+ }), _ = t(() => y.value.disabled), R = t(() => {
1924
+ const r = y.value;
1863
1925
  return {
1864
- display: u.display,
1865
- borderRadius: `${u.borderRadius}rem`
1926
+ display: r.display,
1927
+ borderRadius: `${r.borderRadius}rem`
1866
1928
  };
1867
- }), X = t(() => {
1868
- const u = T.value;
1929
+ }), N = t(() => {
1930
+ const r = y.value;
1869
1931
  return {
1870
- padding: `${u.paddingY}rem ${u.paddingX}rem`,
1871
- borderRadius: `${u.borderRadius}rem`,
1872
- fontSize: u.fontSize,
1873
- fontWeight: u.fontWeight
1932
+ padding: `${r.paddingY}rem ${r.paddingX}rem`,
1933
+ borderRadius: `${r.borderRadius}rem`,
1934
+ lineHeight: r.lineHeight,
1935
+ fontSize: r.fontSize,
1936
+ fontWeight: r.fontWeight
1874
1937
  };
1875
- }), D = t(() => T.value.font), w = t(() => {
1876
- switch (T.value.theme) {
1938
+ }), D = t(() => y.value.font), Y = t(() => {
1939
+ switch (y.value.theme) {
1877
1940
  case "dark":
1878
1941
  return "component__theme--dark";
1879
1942
  default:
1880
1943
  return "component__theme--light";
1881
1944
  }
1882
- }), _ = t(() => {
1883
- const u = {};
1884
- h.value && Object.keys(h.value).forEach((R) => u[`aria-${R}`] = h.value[R]);
1885
- const V = {
1886
- "aria-label": Z.value,
1887
- "aria-disabled": E.value,
1888
- ...u
1945
+ }), E = t(() => {
1946
+ const r = {};
1947
+ B.value && Object.keys(B.value).forEach((P) => r[`aria-${P}`] = B.value[P]);
1948
+ const k = {
1949
+ "aria-label": oe.value,
1950
+ "aria-disabled": G.value,
1951
+ ...r
1889
1952
  };
1890
1953
  return Object.fromEntries(
1891
- Object.entries(V).filter(([$, R]) => R != null)
1954
+ Object.entries(k).filter(([W, P]) => P != null)
1892
1955
  );
1893
- }), O = (u) => {
1894
- P("clicked", u);
1956
+ }), L = (r) => {
1957
+ J("clicked", r);
1895
1958
  };
1896
- return (u, V) => e.nbId ? (ce(), ve("div", Se({
1959
+ return (r, k) => e.nbId ? (pe(), be("div", Be({
1897
1960
  key: 0,
1898
- class: ["nb-wrapper", N.value],
1899
- style: [te.value],
1961
+ class: ["nb-wrapper", _.value],
1962
+ style: [R.value],
1900
1963
  tabIndex: e.tabIndex,
1901
1964
  role: "button",
1902
1965
  title: e.title
1903
- }, _.value, {
1904
- onClick: V[0] || (V[0] = ($) => O($)),
1966
+ }, E.value, {
1967
+ onClick: k[0] || (k[0] = (W) => L(W)),
1905
1968
  onKeydown: [
1906
- V[1] || (V[1] = W(L(($) => !d(E) && e.hasTabIndexEnter && O($), ["prevent"]), ["enter"])),
1907
- V[2] || (V[2] = W(L(($) => !d(E) && e.hasTabIndexSpace && O($), ["prevent"]), ["space"]))
1969
+ k[1] || (k[1] = F(z((W) => !n(G) && e.hasTabIndexEnter && L(W), ["prevent"]), ["enter"])),
1970
+ k[2] || (k[2] = F(z((W) => !n(G) && e.hasTabIndexSpace && L(W), ["prevent"]), ["space"]))
1908
1971
  ]
1909
1972
  }), [
1910
- ue("div", {
1973
+ se("div", {
1911
1974
  id: e.nbId,
1912
- class: be(["nb-reset component component-transition", [w.value]]),
1913
- style: se([X.value])
1975
+ class: ge(["nb-reset component component-transition", [Y.value]]),
1976
+ style: ce([N.value])
1914
1977
  }, [
1915
- me(u.$slots, "content", {}, () => [
1916
- V[3] || (V[3] = he("Default Text"))
1978
+ me(r.$slots, "content", {}, () => [
1979
+ k[3] || (k[3] = he("Default Text"))
1917
1980
  ], !0)
1918
1981
  ], 14, Qt)
1919
- ], 16, Jt)) : ge("", !0);
1982
+ ], 16, Jt)) : ye("", !0);
1920
1983
  }
1921
- }), ea = /* @__PURE__ */ ke(Zt, [["__scopeId", "data-v-b083d612"]]);
1984
+ }), ea = /* @__PURE__ */ Te(Zt, [["__scopeId", "data-v-6d5b935f"]]);
1922
1985
  const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa = { class: "last-child" }, na = /* @__PURE__ */ Object.assign({
1923
1986
  name: "NbButtonAlternateText",
1924
1987
  inheritAttrs: !1
@@ -1933,8 +1996,8 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
1933
1996
  type: String,
1934
1997
  default: "b",
1935
1998
  validator: (e = "b") => {
1936
- const n = e ? e.toLowerCase() : "";
1937
- return ["b", "ib"].includes(n);
1999
+ const l = e ? e.toLowerCase() : "";
2000
+ return ["b", "ib"].includes(l);
1938
2001
  }
1939
2002
  },
1940
2003
  tabIndex: {
@@ -1965,8 +2028,8 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
1965
2028
  type: String,
1966
2029
  default: "light",
1967
2030
  validator: (e) => {
1968
- const n = e ? e.toLowerCase() : "";
1969
- return ["light", "dark"].includes(n);
2031
+ const l = e ? e.toLowerCase() : "";
2032
+ return ["light", "dark"].includes(l);
1970
2033
  }
1971
2034
  },
1972
2035
  // Cores do tema light
@@ -2035,8 +2098,8 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
2035
2098
  },
2036
2099
  paddingY: {
2037
2100
  type: Number,
2038
- default: 0.4,
2039
- validator: (e) => e || 0.4
2101
+ default: 0.2,
2102
+ validator: (e) => e || 0.2
2040
2103
  },
2041
2104
  disabled: {
2042
2105
  type: Boolean,
@@ -2056,121 +2119,127 @@ const ta = ["tabIndex", "title"], aa = ["id"], la = { class: "first-child" }, oa
2056
2119
  type: Number,
2057
2120
  default: 200,
2058
2121
  validator: (e) => e || 200
2122
+ },
2123
+ lineHeight: {
2124
+ type: Number,
2125
+ default: 1.42857143
2059
2126
  }
2060
2127
  },
2061
2128
  emits: ["clicked"],
2062
- setup(e, { emit: n }) {
2063
- xe((le) => ({
2064
- "2275c7aa": O.value,
2065
- ede55860: R.value,
2066
- "1e8e1316": j.value,
2067
- "6d7ace75": V.value,
2068
- "40e7cbc7": $.value,
2069
- "2069674c": H.value,
2070
- "728c93e6": l.value,
2071
- "080d532c": y.value,
2072
- "8651c7ea": i.value,
2073
- dfaae81e: a.value,
2074
- ac067614: r.value,
2075
- "78a92501": b.value,
2076
- "11be6a17": F.value
2129
+ setup(e, { emit: l }) {
2130
+ ke((H) => ({
2131
+ "3bec2bc6": L.value,
2132
+ "414be4d6": P.value,
2133
+ "74daccdb": X.value,
2134
+ "6cc5357a": k.value,
2135
+ "0b8dffe2": W.value,
2136
+ "4b59feb2": A.value,
2137
+ "5c8f0d81": o.value,
2138
+ "1be06672": S.value,
2139
+ "865d7f34": u.value,
2140
+ f3a02f14: d.value,
2141
+ "341d143b": s.value,
2142
+ "02c97446": f.value,
2143
+ "4736c39c": b.value
2077
2144
  }));
2078
- const P = n, ae = e, {
2079
- display: J,
2080
- ariaLabel: Z,
2081
- ariaAttrs: h,
2082
- theme: Y,
2083
- lightTextColor: K,
2084
- lightTextColorHover: Q,
2085
- lightButtonColor: E,
2086
- lightButtonColorHover: U,
2087
- lightBorderColor: ee,
2088
- lightDisabledBgColor: G,
2089
- darkTextColor: M,
2090
- darkTextColorHover: z,
2091
- darkButtonColor: x,
2092
- darkButtonColorHover: I,
2093
- darkBorderColor: C,
2094
- darkDisabledBgColor: f,
2095
- showBorder: v,
2096
- borderRadius: S,
2097
- paddingX: g,
2098
- paddingY: s,
2099
- disabled: k,
2100
- fontFamily: T,
2101
- fontSize: N,
2102
- fontWeight: te
2103
- } = Be(ae), X = t(() => {
2104
- const le = k.value ? "component-disabled" : "", re = J.value !== "b" ? "inline-block" : "block", B = S.value !== 0 && !S.value || S.value < 0 ? 0 : S.value, p = [!1, !0].includes(v.value) ? v.value : !0, oe = g.value !== 0 && !g.value || g.value < 0 ? 1 : g.value, c = s.value !== 0 && !s.value || s.value < 0 ? 0.4 : s.value, A = T.value ? T.value : "'Lato', sans-serif", de = N.value ? N.value : "1.6em", ne = te.value !== 0 && !te.value || te.value < 0 ? 200 : te.value;
2145
+ const J = l, ue = e, {
2146
+ display: ae,
2147
+ ariaLabel: oe,
2148
+ ariaAttrs: B,
2149
+ theme: M,
2150
+ lightTextColor: Q,
2151
+ lightTextColorHover: le,
2152
+ lightButtonColor: G,
2153
+ lightButtonColorHover: ee,
2154
+ lightBorderColor: ne,
2155
+ lightDisabledBgColor: te,
2156
+ darkTextColor: q,
2157
+ darkTextColorHover: O,
2158
+ darkButtonColor: I,
2159
+ darkButtonColorHover: T,
2160
+ darkBorderColor: V,
2161
+ darkDisabledBgColor: c,
2162
+ showBorder: m,
2163
+ borderRadius: v,
2164
+ paddingX: h,
2165
+ paddingY: i,
2166
+ disabled: C,
2167
+ fontFamily: w,
2168
+ fontSize: y,
2169
+ fontWeight: _,
2170
+ lineHeight: R
2171
+ } = Ve(ue), N = t(() => {
2172
+ const H = C.value ? "component-disabled" : "", g = ae.value !== "b" ? "inline-block" : "block", p = v.value !== 0 && !v.value || v.value < 0 ? 0 : v.value, K = [!1, !0].includes(m.value) ? m.value : !0, $ = h.value !== 0 && !h.value || h.value < 0 ? 1 : h.value, re = i.value !== 0 && !i.value || i.value < 0 ? 0.2 : i.value, fe = w.value ? w.value : "'Lato', sans-serif", ie = y.value ? y.value : "1.6em", Ce = _.value !== 0 && !_.value || _.value < 0 ? 200 : _.value, j = R.value !== 0 && !R.value || R.value < 0 ? 1.42857143 : R.value;
2105
2173
  return {
2106
- disabled: le,
2107
- display: re,
2108
- showBorder: p,
2109
- borderRadius: B,
2110
- paddingX: oe,
2111
- paddingY: c,
2112
- font: A,
2113
- fontSize: de,
2114
- fontWeight: ne
2174
+ disabled: H,
2175
+ display: g,
2176
+ showBorder: K,
2177
+ borderRadius: p,
2178
+ paddingX: $,
2179
+ paddingY: re,
2180
+ font: fe,
2181
+ fontSize: ie,
2182
+ fontWeight: Ce,
2183
+ lineHeight: j
2115
2184
  };
2116
- }), D = t(() => X.value.disabled), w = t(() => ({
2117
- display: X.value.display
2118
- })), _ = t(() => {
2119
- const le = X.value;
2185
+ }), D = t(() => N.value.disabled), Y = t(() => ({
2186
+ display: N.value.display
2187
+ })), E = t(() => {
2188
+ const H = N.value;
2120
2189
  return {
2121
- borderRadius: `${le.borderRadius}rem`,
2122
- padding: `${le.paddingY}rem ${le.paddingX}rem`,
2123
- lineHeight: "1.42857143",
2124
- fontSize: le.fontSize,
2125
- fontWeight: le.fontWeight
2190
+ borderRadius: `${H.borderRadius}rem`,
2191
+ padding: `${H.paddingY}rem ${H.paddingX}rem`,
2192
+ lineHeight: H.lineHeight,
2193
+ fontSize: H.fontSize,
2194
+ fontWeight: H.fontWeight
2126
2195
  };
2127
- }), O = t(() => X.value.font), u = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), V = t(() => K.value), $ = t(() => Q.value), R = t(() => E.value), H = t(() => U.value), j = t(() => ee.value), b = t(() => G.value), i = t(() => M.value), a = t(() => z.value), l = t(() => x.value), r = t(() => I.value), y = t(() => C.value), F = t(() => f.value), ie = t(() => {
2128
- const le = {};
2129
- h.value && Object.keys(h.value).forEach((p) => le[`aria-${p}`] = h.value[p]);
2130
- const re = {
2131
- "aria-label": Z.value,
2132
- "aria-disabled": k.value,
2133
- ...le
2196
+ }), L = t(() => N.value.font), r = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), k = t(() => Q.value), W = t(() => le.value), P = t(() => G.value), A = t(() => ee.value), X = t(() => ne.value), f = t(() => te.value), u = t(() => q.value), d = t(() => O.value), o = t(() => I.value), s = t(() => T.value), S = t(() => V.value), b = t(() => c.value), U = t(() => {
2197
+ const H = {};
2198
+ B.value && Object.keys(B.value).forEach((K) => H[`aria-${K}`] = B.value[K]);
2199
+ const g = {
2200
+ "aria-label": oe.value,
2201
+ "aria-disabled": C.value,
2202
+ ...H
2134
2203
  };
2135
2204
  return Object.fromEntries(
2136
- Object.entries(re).filter(([B, p]) => p != null)
2205
+ Object.entries(g).filter(([p, K]) => K != null)
2137
2206
  );
2138
- }), pe = (le) => {
2139
- P("clicked", le);
2207
+ }), de = (H) => {
2208
+ J("clicked", H);
2140
2209
  };
2141
- return (le, re) => e.nbId ? (ce(), ve("div", Se({
2210
+ return (H, g) => e.nbId ? (pe(), be("div", Be({
2142
2211
  key: 0,
2143
2212
  class: ["nb-wrapper", D.value],
2144
- style: [w.value],
2213
+ style: [Y.value],
2145
2214
  tabIndex: e.tabIndex,
2146
2215
  role: "button",
2147
2216
  title: e.title
2148
- }, ie.value, {
2149
- onClick: re[0] || (re[0] = (B) => pe(B)),
2217
+ }, U.value, {
2218
+ onClick: g[0] || (g[0] = (p) => de(p)),
2150
2219
  onKeydown: [
2151
- re[1] || (re[1] = W(L((B) => !d(k) && e.hasTabIndexEnter && pe(B), ["prevent"]), ["enter"])),
2152
- re[2] || (re[2] = W(L((B) => !d(k) && e.hasTabIndexSpace && pe(B), ["prevent"]), ["space"]))
2220
+ g[1] || (g[1] = F(z((p) => !n(C) && e.hasTabIndexEnter && de(p), ["prevent"]), ["enter"])),
2221
+ g[2] || (g[2] = F(z((p) => !n(C) && e.hasTabIndexSpace && de(p), ["prevent"]), ["space"]))
2153
2222
  ]
2154
2223
  }), [
2155
- ue("div", {
2224
+ se("div", {
2156
2225
  id: e.nbId,
2157
- class: be(["nb-reset", "component", u.value, { "component--no-border": !d(v) }]),
2158
- style: se([_.value])
2226
+ class: ge(["nb-reset", "component", r.value, { "component--no-border": !n(m) }]),
2227
+ style: ce([E.value])
2159
2228
  }, [
2160
- ue("div", la, [
2161
- me(le.$slots, "content", {}, () => [
2162
- re[3] || (re[3] = he("Default Text"))
2229
+ se("div", la, [
2230
+ me(H.$slots, "content", {}, () => [
2231
+ g[3] || (g[3] = he("Default Text"))
2163
2232
  ], !0)
2164
2233
  ]),
2165
- ue("div", oa, [
2166
- me(le.$slots, "content", {}, () => [
2167
- re[4] || (re[4] = he("Default Text"))
2234
+ se("div", oa, [
2235
+ me(H.$slots, "content", {}, () => [
2236
+ g[4] || (g[4] = he("Default Text"))
2168
2237
  ], !0)
2169
2238
  ])
2170
2239
  ], 14, aa)
2171
- ], 16, ta)) : ge("", !0);
2240
+ ], 16, ta)) : ye("", !0);
2172
2241
  }
2173
- }), ra = /* @__PURE__ */ ke(na, [["__scopeId", "data-v-f595fffa"]]);
2242
+ }), ra = /* @__PURE__ */ Te(na, [["__scopeId", "data-v-e511b234"]]);
2174
2243
  const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assign({
2175
2244
  name: "NbButtonBack",
2176
2245
  inheritAttrs: !1
@@ -2209,8 +2278,8 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
2209
2278
  type: String,
2210
2279
  default: "light",
2211
2280
  validator: (e) => {
2212
- const n = e ? e.toLowerCase() : "";
2213
- return ["light", "dark"].includes(n);
2281
+ const l = e ? e.toLowerCase() : "";
2282
+ return ["light", "dark"].includes(l);
2214
2283
  }
2215
2284
  },
2216
2285
  // Cores do tema light
@@ -2264,98 +2333,98 @@ const ua = ["tabIndex", "title"], da = ["id"], ia = /* @__PURE__ */ Object.assig
2264
2333
  }
2265
2334
  },
2266
2335
  emits: ["clicked"],
2267
- setup(e, { emit: n }) {
2268
- xe((w) => ({
2269
- "7c3baba0": T.value,
2270
- "17dec660": g.value,
2271
- "87fd26e6": S.value,
2272
- "256efac0": k.value,
2273
- "90ca5e26": s.value
2274
- })), Ee(() => {
2275
- X();
2336
+ setup(e, { emit: l }) {
2337
+ ke((D) => ({
2338
+ "7c3baba0": w.value,
2339
+ "17dec660": h.value,
2340
+ "87fd26e6": v.value,
2341
+ "256efac0": C.value,
2342
+ "90ca5e26": i.value
2343
+ })), Ge(() => {
2344
+ R();
2276
2345
  });
2277
- const P = n, ae = e, {
2278
- ariaLabel: J,
2279
- ariaAttrs: Z,
2280
- theme: h,
2281
- lightColor: Y,
2282
- lightTextColor: K,
2283
- lightDisabledBgColor: Q,
2284
- darkColor: E,
2285
- darkTextColor: U,
2286
- darkDisabledBgColor: ee,
2287
- disabled: G,
2288
- fontFamily: M,
2289
- fontSize: z,
2290
- fontWeight: x
2291
- } = Be(ae), I = t(() => {
2292
- const w = G.value ? "component-disabled" : "", _ = M.value ? M.value : "'Lato', sans-serif", O = z.value ? z.value : "1.6em", u = x.value !== 0 && !x.value || x.value < 0 ? 400 : x.value;
2346
+ const J = l, ue = e, {
2347
+ ariaLabel: ae,
2348
+ ariaAttrs: oe,
2349
+ theme: B,
2350
+ lightColor: M,
2351
+ lightTextColor: Q,
2352
+ lightDisabledBgColor: le,
2353
+ darkColor: G,
2354
+ darkTextColor: ee,
2355
+ darkDisabledBgColor: ne,
2356
+ disabled: te,
2357
+ fontFamily: q,
2358
+ fontSize: O,
2359
+ fontWeight: I
2360
+ } = Ve(ue), T = t(() => {
2361
+ const D = te.value ? "component-disabled" : "", Y = q.value ? q.value : "'Lato', sans-serif", E = O.value ? O.value : "1.6em", L = I.value !== 0 && !I.value || I.value < 0 ? 400 : I.value;
2293
2362
  return {
2294
- font: _,
2295
- fontSize: O,
2296
- fontWeight: u,
2297
- disabled: w
2363
+ font: Y,
2364
+ fontSize: E,
2365
+ fontWeight: L,
2366
+ disabled: D
2298
2367
  };
2299
- }), C = t(() => ({})), f = t(() => {
2300
- const w = I.value;
2368
+ }), V = t(() => ({})), c = t(() => {
2369
+ const D = T.value;
2301
2370
  return {
2302
- fontSize: w.fontSize,
2303
- fontWeight: w.fontWeight
2371
+ fontSize: D.fontSize,
2372
+ fontWeight: D.fontWeight
2304
2373
  };
2305
- }), v = t(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), S = t(() => Y.value), g = t(() => K.value);
2306
- t(() => Q.value);
2307
- const s = t(() => E.value), k = t(() => U.value);
2308
- t(() => ee.value);
2309
- const T = t(() => I.value.font), N = t(() => I.value.disabled), te = t(() => {
2310
- const w = {};
2311
- Z.value && Object.keys(Z.value).forEach((u) => w[`aria-${u}`] = Z.value[u]);
2312
- const _ = {
2313
- "aria-label": J.value,
2314
- "aria-disabled": G.value,
2315
- ...w
2374
+ }), m = t(() => B.value === "dark" ? "component__theme--dark" : "component__theme--light"), v = t(() => M.value), h = t(() => Q.value);
2375
+ t(() => le.value);
2376
+ const i = t(() => G.value), C = t(() => ee.value);
2377
+ t(() => ne.value);
2378
+ const w = t(() => T.value.font), y = t(() => T.value.disabled), _ = t(() => {
2379
+ const D = {};
2380
+ oe.value && Object.keys(oe.value).forEach((L) => D[`aria-${L}`] = oe.value[L]);
2381
+ const Y = {
2382
+ "aria-label": ae.value,
2383
+ "aria-disabled": te.value,
2384
+ ...D
2316
2385
  };
2317
2386
  return Object.fromEntries(
2318
- Object.entries(_).filter(([O, u]) => u != null)
2387
+ Object.entries(Y).filter(([E, L]) => L != null)
2319
2388
  );
2320
- }), X = () => {
2321
- }, D = (w) => {
2322
- P("clicked", w);
2389
+ }), R = () => {
2390
+ }, N = (D) => {
2391
+ J("clicked", D);
2323
2392
  };
2324
- return (w, _) => e.nbId ? (ce(), ve("div", Se({
2393
+ return (D, Y) => e.nbId ? (pe(), be("div", Be({
2325
2394
  key: 0,
2326
- class: ["nb-wrapper", N.value],
2327
- style: [C.value],
2395
+ class: ["nb-wrapper", y.value],
2396
+ style: [V.value],
2328
2397
  tabIndex: e.tabIndex,
2329
2398
  role: "button",
2330
2399
  title: e.title
2331
- }, te.value, {
2332
- onClick: _[0] || (_[0] = (O) => D(O)),
2400
+ }, _.value, {
2401
+ onClick: Y[0] || (Y[0] = (E) => N(E)),
2333
2402
  onKeydown: [
2334
- _[1] || (_[1] = W(L((O) => !d(G) && e.hasTabIndexEnter && D(O), ["prevent"]), ["enter"])),
2335
- _[2] || (_[2] = W(L((O) => !d(G) && e.hasTabIndexSpace && D(O), ["prevent"]), ["space"]))
2403
+ Y[1] || (Y[1] = F(z((E) => !n(te) && e.hasTabIndexEnter && N(E), ["prevent"]), ["enter"])),
2404
+ Y[2] || (Y[2] = F(z((E) => !n(te) && e.hasTabIndexSpace && N(E), ["prevent"]), ["space"]))
2336
2405
  ]
2337
2406
  }), [
2338
- ue("div", {
2407
+ se("div", {
2339
2408
  id: e.nbId,
2340
- class: be(["nb-reset", "component", v.value]),
2341
- style: se([f.value])
2409
+ class: ge(["nb-reset", "component", m.value]),
2410
+ style: ce([c.value])
2342
2411
  }, [
2343
- _[3] || (_[3] = ue("svg", {
2412
+ Y[3] || (Y[3] = se("svg", {
2344
2413
  xmlns: "http://www.w3.org/2000/svg",
2345
2414
  width: "1em",
2346
2415
  height: "1em",
2347
2416
  viewBox: "0 0 16 16"
2348
2417
  }, [
2349
- ue("path", {
2418
+ se("path", {
2350
2419
  d: "M14 8a.75.75 0 01-.75.75H4.56l1.22 1.22a.75.75 0 11-1.06 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 111.06 1.06L4.56 7.25h8.69A.75.75 0 0114 8z",
2351
2420
  "clip-rule": "evenodd"
2352
2421
  })
2353
2422
  ], -1)),
2354
- ue("span", null, Oe(e.text), 1)
2423
+ se("span", null, We(e.text), 1)
2355
2424
  ], 14, da)
2356
- ], 16, ua)) : ge("", !0);
2425
+ ], 16, ua)) : ye("", !0);
2357
2426
  }
2358
- }), sa = /* @__PURE__ */ ke(ia, [["__scopeId", "data-v-9d39f792"]]);
2427
+ }), sa = /* @__PURE__ */ Te(ia, [["__scopeId", "data-v-9d39f792"]]);
2359
2428
  const fa = ["tabIndex", "title"], ca = ["id"], va = /* @__PURE__ */ Object.assign({
2360
2429
  name: "NbButtonGradientBorderToBackground",
2361
2430
  inheritAttrs: !1
@@ -2370,8 +2439,8 @@ const fa = ["tabIndex", "title"], ca = ["id"], va = /* @__PURE__ */ Object.assig
2370
2439
  type: String,
2371
2440
  default: "b",
2372
2441
  validator: (e = "b") => {
2373
- const n = e ? e.toLowerCase() : "";
2374
- return ["b", "ib"].includes(n);
2442
+ const l = e ? e.toLowerCase() : "";
2443
+ return ["b", "ib"].includes(l);
2375
2444
  }
2376
2445
  },
2377
2446
  tabIndex: {
@@ -2455,106 +2524,112 @@ const fa = ["tabIndex", "title"], ca = ["id"], va = /* @__PURE__ */ Object.assig
2455
2524
  type: Number,
2456
2525
  default: 200,
2457
2526
  validator: (e) => e || 200
2527
+ },
2528
+ lineHeight: {
2529
+ type: Number,
2530
+ default: 1.42857143
2458
2531
  }
2459
2532
  },
2460
2533
  emits: ["clicked"],
2461
- setup(e, { emit: n }) {
2462
- xe((u) => ({
2463
- "05b41c64": k.value,
2464
- "0fce2175": D.value,
2465
- "08ecc15a": te.value,
2466
- "1d5ce63a": N.value,
2467
- "5dd76f96": T.value,
2468
- "6298ebf0": X.value,
2469
- "869f4e72": w.value
2534
+ setup(e, { emit: l }) {
2535
+ ke((r) => ({
2536
+ "3a43176d": w.value,
2537
+ "8d505204": D.value,
2538
+ "496f75ba": R.value,
2539
+ b5ec3c5e: _.value,
2540
+ "323fab84": y.value,
2541
+ "9a154472": N.value,
2542
+ "67b7b0de": Y.value
2470
2543
  }));
2471
- const P = n, ae = e, {
2472
- display: J,
2473
- ariaLabel: Z,
2474
- ariaAttrs: h,
2475
- buttonColor: Y,
2476
- borderColor: K,
2477
- buttonHoverColor: Q,
2478
- showBorder: E,
2479
- borderRadius: U,
2480
- textColor: ee,
2481
- textHoverColor: G,
2482
- paddingX: M,
2483
- paddingY: z,
2484
- disabled: x,
2485
- fontFamily: I,
2486
- fontSize: C,
2487
- fontWeight: f
2488
- } = Be(ae), v = t(() => {
2489
- const u = x.value ? "component-disabled" : "", V = J.value !== "b" ? "inline-block" : "block", $ = Y.value ? Y.value : "#ffffff", R = Q.value ? Q.value : "#000000", H = K.value ? K.value : "#ffe54c", j = U.value !== 0 && !U.value || U.value < 0 ? 0 : U.value, b = [!1, !0].includes(E.value) ? E.value : !0, i = ee.value ? ee.value : "#ffffff", a = G.value ? G.value : "#000000", l = M.value !== 0 && !M.value || M.value < 0 ? 1 : M.value, r = z.value !== 0 && !z.value || z.value < 0 ? 0.2 : z.value, y = I.value ? I.value : "'Lato', sans-serif", F = C.value ? C.value : "1.6em", ie = f.value !== 0 && !f.value || f.value < 0 ? 200 : f.value;
2544
+ const J = l, ue = e, {
2545
+ display: ae,
2546
+ ariaLabel: oe,
2547
+ ariaAttrs: B,
2548
+ buttonColor: M,
2549
+ borderColor: Q,
2550
+ buttonHoverColor: le,
2551
+ showBorder: G,
2552
+ borderRadius: ee,
2553
+ textColor: ne,
2554
+ textHoverColor: te,
2555
+ paddingX: q,
2556
+ paddingY: O,
2557
+ disabled: I,
2558
+ fontFamily: T,
2559
+ fontSize: V,
2560
+ fontWeight: c,
2561
+ lineHeight: m
2562
+ } = Ve(ue), v = t(() => {
2563
+ const r = I.value ? "component-disabled" : "", k = ae.value !== "b" ? "inline-block" : "block", W = M.value ? M.value : "#ffffff", P = le.value ? le.value : "#000000", A = Q.value ? Q.value : "#ffe54c", X = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, f = [!1, !0].includes(G.value) ? G.value : !0, u = ne.value ? ne.value : "#ffffff", d = te.value ? te.value : "#000000", o = q.value !== 0 && !q.value || q.value < 0 ? 1 : q.value, s = O.value !== 0 && !O.value || O.value < 0 ? 0.2 : O.value, S = T.value ? T.value : "'Lato', sans-serif", b = V.value ? V.value : "1.6em", U = c.value !== 0 && !c.value || c.value < 0 ? 200 : c.value, de = m.value !== 0 && !m.value || m.value < 0 ? 1.42857143 : m.value;
2490
2564
  return {
2491
- disabled: u,
2492
- display: V,
2493
- buttonColor: $,
2494
- buttonHoverColor: R,
2495
- borderColor: H,
2496
- showBorder: b,
2497
- borderRadius: j,
2498
- textColor: i,
2499
- textHoverColor: a,
2500
- paddingX: l,
2501
- paddingY: r,
2502
- font: y,
2503
- fontSize: F,
2504
- fontWeight: ie
2565
+ disabled: r,
2566
+ display: k,
2567
+ buttonColor: W,
2568
+ buttonHoverColor: P,
2569
+ borderColor: A,
2570
+ showBorder: f,
2571
+ borderRadius: X,
2572
+ textColor: u,
2573
+ textHoverColor: d,
2574
+ paddingX: o,
2575
+ paddingY: s,
2576
+ font: S,
2577
+ fontSize: b,
2578
+ fontWeight: U,
2579
+ lineHeight: de
2505
2580
  };
2506
- }), S = t(() => v.value.disabled), g = t(() => ({
2581
+ }), h = t(() => v.value.disabled), i = t(() => ({
2507
2582
  display: v.value.display
2508
- })), s = t(() => {
2509
- const u = v.value;
2583
+ })), C = t(() => {
2584
+ const r = v.value;
2510
2585
  return {
2511
- lineHeight: "1.42857143",
2512
- fontSize: u.fontSize,
2513
- fontWeight: u.fontWeight
2586
+ lineHeight: r.lineHeight,
2587
+ fontSize: r.fontSize,
2588
+ fontWeight: r.fontWeight
2514
2589
  };
2515
- }), k = t(() => v.value.font), T = t(() => {
2516
- const u = v.value;
2517
- return `${u.paddingY}rem ${u.paddingX}rem`;
2518
- }), N = t(() => `${v.value.borderRadius}rem`), te = t(() => v.value.textColor), X = t(() => v.value.textHoverColor), D = t(() => v.value.buttonColor), w = t(() => v.value.buttonHoverColor), _ = t(() => {
2519
- const u = {};
2520
- h.value && Object.keys(h.value).forEach((R) => u[`aria-${R}`] = h.value[R]);
2521
- const V = {
2522
- "aria-label": Z.value,
2523
- "aria-disabled": x.value,
2524
- ...u
2590
+ }), w = t(() => v.value.font), y = t(() => {
2591
+ const r = v.value;
2592
+ return `${r.paddingY}rem ${r.paddingX}rem`;
2593
+ }), _ = t(() => `${v.value.borderRadius}rem`), R = t(() => v.value.textColor), N = t(() => v.value.textHoverColor), D = t(() => v.value.buttonColor), Y = t(() => v.value.buttonHoverColor), E = t(() => {
2594
+ const r = {};
2595
+ B.value && Object.keys(B.value).forEach((P) => r[`aria-${P}`] = B.value[P]);
2596
+ const k = {
2597
+ "aria-label": oe.value,
2598
+ "aria-disabled": I.value,
2599
+ ...r
2525
2600
  };
2526
2601
  return Object.fromEntries(
2527
- Object.entries(V).filter(([$, R]) => R != null)
2602
+ Object.entries(k).filter(([W, P]) => P != null)
2528
2603
  );
2529
- }), O = (u) => {
2530
- P("clicked", u);
2604
+ }), L = (r) => {
2605
+ J("clicked", r);
2531
2606
  };
2532
- return (u, V) => e.nbId ? (ce(), ve("div", Se({
2607
+ return (r, k) => e.nbId ? (pe(), be("div", Be({
2533
2608
  key: 0,
2534
- class: ["nb-wrapper", S.value],
2535
- style: [g.value],
2609
+ class: ["nb-wrapper", h.value],
2610
+ style: [i.value],
2536
2611
  tabIndex: e.tabIndex,
2537
2612
  role: "button",
2538
2613
  title: e.title
2539
- }, _.value, {
2540
- onClick: V[0] || (V[0] = ($) => O($)),
2614
+ }, E.value, {
2615
+ onClick: k[0] || (k[0] = (W) => L(W)),
2541
2616
  onKeydown: [
2542
- V[1] || (V[1] = W(L(($) => !d(x) && e.hasTabIndexEnter && O($), ["prevent"]), ["enter"])),
2543
- V[2] || (V[2] = W(L(($) => !d(x) && e.hasTabIndexSpace && O($), ["prevent"]), ["space"]))
2617
+ k[1] || (k[1] = F(z((W) => !n(I) && e.hasTabIndexEnter && L(W), ["prevent"]), ["enter"])),
2618
+ k[2] || (k[2] = F(z((W) => !n(I) && e.hasTabIndexSpace && L(W), ["prevent"]), ["space"]))
2544
2619
  ]
2545
2620
  }), [
2546
- ue("div", {
2621
+ se("div", {
2547
2622
  id: e.nbId,
2548
2623
  class: "nb-reset component",
2549
- style: se([s.value])
2624
+ style: ce([C.value])
2550
2625
  }, [
2551
- me(u.$slots, "content", {}, () => [
2552
- V[3] || (V[3] = he("Default Text"))
2626
+ me(r.$slots, "content", {}, () => [
2627
+ k[3] || (k[3] = he("Default Text"))
2553
2628
  ], !0)
2554
2629
  ], 12, ca)
2555
- ], 16, fa)) : ge("", !0);
2630
+ ], 16, fa)) : ye("", !0);
2556
2631
  }
2557
- }), pa = /* @__PURE__ */ ke(va, [["__scopeId", "data-v-569ddde8"]]);
2632
+ }), pa = /* @__PURE__ */ Te(va, [["__scopeId", "data-v-7105af37"]]);
2558
2633
  const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assign({
2559
2634
  name: "NbButtonNormal",
2560
2635
  inheritAttrs: !1
@@ -2569,8 +2644,8 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
2569
2644
  type: String,
2570
2645
  default: "b",
2571
2646
  validator: (e = "b") => {
2572
- const n = e ? e.toLowerCase() : "";
2573
- return ["b", "ib"].includes(n);
2647
+ const l = e ? e.toLowerCase() : "";
2648
+ return ["b", "ib"].includes(l);
2574
2649
  }
2575
2650
  },
2576
2651
  tabIndex: {
@@ -2635,6 +2710,10 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
2635
2710
  default: 200,
2636
2711
  validator: (e) => e || 200
2637
2712
  },
2713
+ lineHeight: {
2714
+ type: Number,
2715
+ default: 1.42857143
2716
+ },
2638
2717
  hasAnimation: {
2639
2718
  type: Boolean,
2640
2719
  default: !1
@@ -2714,133 +2793,135 @@ const ba = ["tabIndex", "title"], ga = ["id"], ya = /* @__PURE__ */ Object.assig
2714
2793
  }
2715
2794
  },
2716
2795
  emits: ["clicked"],
2717
- setup(e, { emit: n }) {
2718
- xe((l) => ({
2719
- "33598c03": H.value,
2720
- "51ee6387": j.value,
2721
- "33ce4e2c": d(X),
2722
- "087fc1c7": d(N),
2723
- c3fefde6: d(w),
2724
- 66328670: d(D),
2725
- "1df01bb5": d(te),
2726
- "5d81f82f": d(_),
2727
- "552c3f18": d(S),
2728
- "9d003be2": d(f),
2729
- "4700a155": d(s),
2730
- "2bdf2128": d(g),
2731
- "2ae0e86d": d(v),
2732
- "6a72c4e7": d(k),
2733
- "06948110": d(O),
2734
- "26c70880": d(T)
2796
+ setup(e, { emit: l }) {
2797
+ ke((o) => ({
2798
+ "7b170f4a": A.value,
2799
+ "4befc1df": X.value,
2800
+ a1087658: n(N),
2801
+ "4eaa2e6f": n(_),
2802
+ "37aa2496": n(Y),
2803
+ ada60e70: n(D),
2804
+ e7d14fe6: n(R),
2805
+ "68ad96f2": n(E),
2806
+ 61298268: n(h),
2807
+ "30a30a67": n(m),
2808
+ "73b86ca6": n(C),
2809
+ "4832f9d0": n(i),
2810
+ fcbd91d6: n(v),
2811
+ "7d99d8e2": n(w),
2812
+ 19099820: n(L),
2813
+ "5ac3b818": n(y)
2735
2814
  }));
2736
- const P = n, ae = e, {
2737
- display: J,
2738
- ariaLabel: Z,
2739
- ariaAttrs: h,
2740
- showBorder: Y,
2741
- borderRadius: K,
2742
- paddingX: Q,
2743
- paddingY: E,
2744
- disabled: U,
2745
- fontFamily: ee,
2746
- fontSize: G,
2747
- fontWeight: M,
2748
- hasAnimation: z,
2749
- animationDuration: x,
2750
- animationDurationType: I,
2751
- theme: C,
2752
- lightButtonColor: f,
2815
+ const J = l, ue = e, {
2816
+ display: ae,
2817
+ ariaLabel: oe,
2818
+ ariaAttrs: B,
2819
+ showBorder: M,
2820
+ borderRadius: Q,
2821
+ paddingX: le,
2822
+ paddingY: G,
2823
+ disabled: ee,
2824
+ fontFamily: ne,
2825
+ fontSize: te,
2826
+ fontWeight: q,
2827
+ lineHeight: O,
2828
+ hasAnimation: I,
2829
+ animationDuration: T,
2830
+ animationDurationType: V,
2831
+ theme: c,
2832
+ lightButtonColor: m,
2753
2833
  lightButtonColorHover: v,
2754
- lightTextColor: S,
2755
- lightTextColorHover: g,
2756
- lightBorderColor: s,
2757
- lightBorderColorHover: k,
2758
- lightDisabledBgColor: T,
2759
- darkButtonColor: N,
2760
- darkButtonColorHover: te,
2761
- darkTextColor: X,
2834
+ lightTextColor: h,
2835
+ lightTextColorHover: i,
2836
+ lightBorderColor: C,
2837
+ lightBorderColorHover: w,
2838
+ lightDisabledBgColor: y,
2839
+ darkButtonColor: _,
2840
+ darkButtonColorHover: R,
2841
+ darkTextColor: N,
2762
2842
  darkTextColorHover: D,
2763
- darkBorderColor: w,
2764
- darkBorderColorHover: _,
2765
- darkDisabledBgColor: O
2766
- } = Be(ae), u = t(() => {
2767
- const l = U.value ? "component-disabled" : "", r = J.value !== "b" ? "inline-block" : "block", y = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, F = [!1, !0].includes(Y.value) ? Y.value : !0, ie = Q.value !== 0 && !Q.value || Q.value < 0 ? 1 : Q.value, pe = E.value !== 0 && !E.value || E.value < 0 ? 0.2 : E.value, le = ee.value ? ee.value : "'Lato', sans-serif", re = G.value ? G.value : "1.6em", B = M.value !== 0 && !M.value || M.value < 0 ? 200 : M.value, p = z.value ? "component-transition" : "", oe = x.value !== 0 && !x.value || x.value < 0 ? 0.3 : x.value, c = I.value ? I.value : "ms", A = C.value ? C.value : "light";
2843
+ darkBorderColor: Y,
2844
+ darkBorderColorHover: E,
2845
+ darkDisabledBgColor: L
2846
+ } = Ve(ue), r = t(() => {
2847
+ const o = ee.value ? "component-disabled" : "", s = ae.value !== "b" ? "inline-block" : "block", S = Q.value !== 0 && !Q.value || Q.value < 0 ? 0 : Q.value, b = [!1, !0].includes(M.value) ? M.value : !0, U = le.value !== 0 && !le.value || le.value < 0 ? 1 : le.value, de = G.value !== 0 && !G.value || G.value < 0 ? 0.2 : G.value, H = ne.value ? ne.value : "'Lato', sans-serif", g = te.value ? te.value : "1.6em", p = q.value !== 0 && !q.value || q.value < 0 ? 200 : q.value, K = O.value !== 0 && !O.value || O.value < 0 ? 1.42857143 : O.value, $ = I.value ? "component-transition" : "", re = T.value !== 0 && !T.value || T.value < 0 ? 0.3 : T.value, fe = V.value ? V.value : "ms", ie = c.value ? c.value : "light";
2768
2848
  return {
2769
- disabled: l,
2770
- display: r,
2771
- showBorder: F,
2772
- borderRadius: y,
2773
- paddingX: ie,
2774
- paddingY: pe,
2775
- font: le,
2776
- fontSize: re,
2777
- fontWeight: B,
2778
- hasAnimation: p,
2779
- animationDuration: oe,
2780
- animationDurationType: c,
2781
- theme: A
2849
+ disabled: o,
2850
+ display: s,
2851
+ showBorder: b,
2852
+ borderRadius: S,
2853
+ paddingX: U,
2854
+ paddingY: de,
2855
+ font: H,
2856
+ fontSize: g,
2857
+ fontWeight: p,
2858
+ lineHeight: K,
2859
+ hasAnimation: $,
2860
+ animationDuration: re,
2861
+ animationDurationType: fe,
2862
+ theme: ie
2782
2863
  };
2783
- }), V = t(() => u.value.disabled), $ = t(() => ({
2784
- display: u.value.display
2785
- })), R = t(() => {
2786
- const l = u.value;
2864
+ }), k = t(() => r.value.disabled), W = t(() => ({
2865
+ display: r.value.display
2866
+ })), P = t(() => {
2867
+ const o = r.value;
2787
2868
  return {
2788
- borderRadius: `${l.borderRadius}rem`,
2789
- padding: `${l.paddingY}rem ${l.paddingX}rem`,
2790
- lineHeight: "1.42857143",
2791
- fontSize: l.fontSize,
2792
- fontWeight: l.fontWeight
2869
+ borderRadius: `${o.borderRadius}rem`,
2870
+ padding: `${o.paddingY}rem ${o.paddingX}rem`,
2871
+ lineHeight: o.lineHeight,
2872
+ fontSize: o.fontSize,
2873
+ fontWeight: o.fontWeight
2793
2874
  };
2794
- }), H = t(() => u.value.font), j = t(() => {
2795
- const l = u.value;
2796
- return l.hasAnimation ? `all ${l.animationDuration}${l.animationDurationType} ease-in-out` : "";
2797
- }), b = t(() => {
2798
- switch (u.value.theme) {
2875
+ }), A = t(() => r.value.font), X = t(() => {
2876
+ const o = r.value;
2877
+ return o.hasAnimation ? `all ${o.animationDuration}${o.animationDurationType} ease-in-out` : "";
2878
+ }), f = t(() => {
2879
+ switch (r.value.theme) {
2799
2880
  case "dark":
2800
2881
  return "component__theme--dark";
2801
2882
  default:
2802
2883
  return "component__theme--light";
2803
2884
  }
2804
- }), i = t(() => {
2805
- const l = {};
2806
- h.value && Object.keys(h.value).forEach((F) => l[`aria-${F}`] = h.value[F]);
2807
- const r = {
2808
- "aria-label": Z.value,
2809
- "aria-disabled": U.value,
2810
- ...l
2885
+ }), u = t(() => {
2886
+ const o = {};
2887
+ B.value && Object.keys(B.value).forEach((b) => o[`aria-${b}`] = B.value[b]);
2888
+ const s = {
2889
+ "aria-label": oe.value,
2890
+ "aria-disabled": ee.value,
2891
+ ...o
2811
2892
  };
2812
2893
  return Object.fromEntries(
2813
- Object.entries(r).filter(([y, F]) => F != null)
2894
+ Object.entries(s).filter(([S, b]) => b != null)
2814
2895
  );
2815
- }), a = (l) => {
2816
- P("clicked", l);
2896
+ }), d = (o) => {
2897
+ J("clicked", o);
2817
2898
  };
2818
- return (l, r) => e.nbId ? (ce(), ve("div", Se({
2899
+ return (o, s) => e.nbId ? (pe(), be("div", Be({
2819
2900
  key: 0,
2820
- class: ["nb-wrapper", V.value],
2821
- style: [$.value],
2901
+ class: ["nb-wrapper", k.value],
2902
+ style: [W.value],
2822
2903
  tabIndex: e.tabIndex,
2823
2904
  role: "button",
2824
2905
  title: e.title
2825
- }, i.value, {
2826
- onClick: r[0] || (r[0] = (y) => a(y)),
2906
+ }, u.value, {
2907
+ onClick: s[0] || (s[0] = (S) => d(S)),
2827
2908
  onKeydown: [
2828
- r[1] || (r[1] = W(L((y) => !d(U) && e.hasTabIndexEnter && a(y), ["prevent"]), ["enter"])),
2829
- r[2] || (r[2] = W(L((y) => !d(U) && e.hasTabIndexSpace && a(y), ["prevent"]), ["space"]))
2909
+ s[1] || (s[1] = F(z((S) => !n(ee) && e.hasTabIndexEnter && d(S), ["prevent"]), ["enter"])),
2910
+ s[2] || (s[2] = F(z((S) => !n(ee) && e.hasTabIndexSpace && d(S), ["prevent"]), ["space"]))
2830
2911
  ]
2831
2912
  }), [
2832
- ue("div", {
2913
+ se("div", {
2833
2914
  id: e.nbId,
2834
- class: be(["nb-reset component", [{ "component-transition": d(z), "component--no-border": !d(Y) }, b.value]]),
2835
- style: se([R.value])
2915
+ class: ge(["nb-reset component", [{ "component-transition": n(I), "component--no-border": !n(M) }, f.value]]),
2916
+ style: ce([P.value])
2836
2917
  }, [
2837
- me(l.$slots, "content", {}, () => [
2838
- r[3] || (r[3] = he("Default Text"))
2918
+ me(o.$slots, "content", {}, () => [
2919
+ s[3] || (s[3] = he("Default Text"))
2839
2920
  ], !0)
2840
2921
  ], 14, ga)
2841
- ], 16, ba)) : ge("", !0);
2922
+ ], 16, ba)) : ye("", !0);
2842
2923
  }
2843
- }), ma = /* @__PURE__ */ ke(ya, [["__scopeId", "data-v-be5b531a"]]);
2924
+ }), ma = /* @__PURE__ */ Te(ya, [["__scopeId", "data-v-00ab22c8"]]);
2844
2925
  const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assign({
2845
2926
  name: "NbButtonShadow",
2846
2927
  inheritAttrs: !1
@@ -2855,8 +2936,8 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
2855
2936
  type: String,
2856
2937
  default: "b",
2857
2938
  validator: (e = "b") => {
2858
- const n = e ? e.toLowerCase() : "";
2859
- return ["b", "ib"].includes(n);
2939
+ const l = e ? e.toLowerCase() : "";
2940
+ return ["b", "ib"].includes(l);
2860
2941
  }
2861
2942
  },
2862
2943
  tabIndex: {
@@ -2887,8 +2968,8 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
2887
2968
  type: String,
2888
2969
  default: "light",
2889
2970
  validator: (e) => {
2890
- const n = e ? e.toLowerCase() : "";
2891
- return ["light", "dark"].includes(n);
2971
+ const l = e ? e.toLowerCase() : "";
2972
+ return ["light", "dark"].includes(l);
2892
2973
  }
2893
2974
  },
2894
2975
  // Cores do tema light
@@ -2968,6 +3049,22 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
2968
3049
  default: 0.2,
2969
3050
  validator: (e) => e || 0.2
2970
3051
  },
3052
+ marginTop: {
3053
+ type: Number,
3054
+ default: 0
3055
+ },
3056
+ marginBottom: {
3057
+ type: Number,
3058
+ default: 0
3059
+ },
3060
+ marginRight: {
3061
+ type: Number,
3062
+ default: 0
3063
+ },
3064
+ marginLeft: {
3065
+ type: Number,
3066
+ default: 0
3067
+ },
2971
3068
  disabled: {
2972
3069
  type: Boolean,
2973
3070
  default: !1,
@@ -2986,118 +3083,136 @@ const ha = ["tabIndex", "title"], Ca = ["id"], Sa = /* @__PURE__ */ Object.assig
2986
3083
  type: Number,
2987
3084
  default: 200,
2988
3085
  validator: (e) => e || 200
3086
+ },
3087
+ lineHeight: {
3088
+ type: Number,
3089
+ default: 1.42857143
2989
3090
  }
2990
3091
  },
2991
3092
  emits: ["clicked"],
2992
- setup(e, { emit: n }) {
2993
- xe((c) => ({
2994
- "736b7216": u.value,
2995
- "07263145": H.value,
2996
- "70b2f5ac": $.value,
2997
- c6b21eea: a.value,
2998
- "3e0deaf6": b.value,
2999
- d00caa12: j.value,
3000
- "507afe32": R.value,
3001
- "6b86cc92": i.value,
3002
- "5dd7b3d1": F.value,
3003
- "7daf3ab6": r.value,
3004
- "194f19d2": re.value,
3005
- f22d17de: pe.value,
3006
- e660402a: ie.value,
3007
- "28fc3fb4": y.value,
3008
- "760c47ab": le.value,
3009
- "5b7c3ff6": l.value,
3010
- "21519c82": B.value
3093
+ setup(e, { emit: l }) {
3094
+ ke((j) => ({
3095
+ "5390e096": A.value,
3096
+ "99d9b4f4": d.value,
3097
+ d9d4d4aa: f.value,
3098
+ "4893e4cc": b.value,
3099
+ "6a57ebf4": s.value,
3100
+ "4cf03756": o.value,
3101
+ "7c171651": u.value,
3102
+ "0eebba54": S.value,
3103
+ "004ab370": g.value,
3104
+ "9468d3d6": de.value,
3105
+ d4691a94: re.value,
3106
+ "3be00070": K.value,
3107
+ "569268a8": p.value,
3108
+ "5002c827": H.value,
3109
+ "192cc2a8": $.value,
3110
+ b939a892: U.value,
3111
+ "4cedb4a1": fe.value
3011
3112
  }));
3012
- const P = n, ae = e, {
3013
- display: J,
3014
- ariaLabel: Z,
3015
- ariaAttrs: h,
3016
- theme: Y,
3017
- lightTextColor: K,
3018
- lightTextColorHover: Q,
3019
- lightButtonColor: E,
3020
- lightButtonColorHover: U,
3021
- lightButtonShadowColor: ee,
3022
- lightBorderColor: G,
3023
- lightDisabledBgColor: M,
3024
- darkTextColor: z,
3025
- darkTextColorHover: x,
3026
- darkButtonColor: I,
3027
- darkButtonColorHover: C,
3028
- darkButtonShadowColor: f,
3029
- darkBorderColor: v,
3030
- darkDisabledBgColor: S,
3031
- borderRadius: g,
3032
- paddingX: s,
3033
- paddingY: k,
3034
- disabled: T,
3035
- fontFamily: N,
3036
- fontSize: te,
3037
- fontWeight: X
3038
- } = Be(ae), D = t(() => {
3039
- const c = T.value ? "component-disabled" : "", A = J.value !== "b" ? "inline-block" : "block", de = g.value !== 0 && !g.value || g.value < 0 ? 0 : g.value, ne = s.value !== 0 && !s.value || s.value < 0 ? 1 : s.value, Ve = k.value !== 0 && !k.value || k.value < 0 ? 0.2 : k.value, ye = N.value ? N.value : "'Lato', sans-serif", $e = te.value ? te.value : "1.6em", De = X.value !== 0 && !X.value || X.value < 0 ? 200 : X.value;
3113
+ const J = l, ue = e, {
3114
+ display: ae,
3115
+ ariaLabel: oe,
3116
+ ariaAttrs: B,
3117
+ theme: M,
3118
+ lightTextColor: Q,
3119
+ lightTextColorHover: le,
3120
+ lightButtonColor: G,
3121
+ lightButtonColorHover: ee,
3122
+ lightButtonShadowColor: ne,
3123
+ lightBorderColor: te,
3124
+ lightDisabledBgColor: q,
3125
+ darkTextColor: O,
3126
+ darkTextColorHover: I,
3127
+ darkButtonColor: T,
3128
+ darkButtonColorHover: V,
3129
+ darkButtonShadowColor: c,
3130
+ darkBorderColor: m,
3131
+ darkDisabledBgColor: v,
3132
+ borderRadius: h,
3133
+ paddingX: i,
3134
+ paddingY: C,
3135
+ marginTop: w,
3136
+ marginBottom: y,
3137
+ marginRight: _,
3138
+ marginLeft: R,
3139
+ disabled: N,
3140
+ fontFamily: D,
3141
+ fontSize: Y,
3142
+ fontWeight: E,
3143
+ lineHeight: L
3144
+ } = Ve(ue), r = t(() => {
3145
+ const j = N.value ? "component-disabled" : "", Se = ae.value !== "b" ? "inline-block" : "block", He = h.value !== 0 && !h.value || h.value < 0 ? 0 : h.value, Ie = i.value !== 0 && !i.value || i.value < 0 ? 1 : i.value, De = C.value !== 0 && !C.value || C.value < 0 ? 0.2 : C.value, Le = w.value !== 0 && !w.value || w.value < 0 ? 0 : w.value, ze = y.value !== 0 && !y.value || y.value < 0 ? 0 : y.value, Ye = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, Xe = R.value !== 0 && !R.value || R.value < 0 ? 0 : R.value, je = D.value ? D.value : "'Lato', sans-serif", Ee = Y.value ? Y.value : "1.6em", Fe = E.value !== 0 && !E.value || E.value < 0 ? 200 : E.value, Pe = L.value !== 0 && !L.value || L.value < 0 ? 1.42857143 : L.value;
3040
3146
  return {
3041
- disabled: c,
3042
- display: A,
3043
- borderRadius: de,
3044
- paddingX: ne,
3045
- paddingY: Ve,
3046
- font: ye,
3047
- fontSize: $e,
3048
- fontWeight: De
3147
+ disabled: j,
3148
+ display: Se,
3149
+ borderRadius: He,
3150
+ paddingX: Ie,
3151
+ paddingY: De,
3152
+ marginTop: Le,
3153
+ marginBottom: ze,
3154
+ marginRight: Ye,
3155
+ marginLeft: Xe,
3156
+ font: je,
3157
+ fontSize: Ee,
3158
+ fontWeight: Fe,
3159
+ lineHeight: Pe
3049
3160
  };
3050
- }), w = t(() => D.value.disabled), _ = t(() => ({
3051
- display: D.value.display
3052
- })), O = t(() => {
3053
- const c = D.value;
3161
+ }), k = t(() => r.value.disabled), W = t(() => ({
3162
+ display: r.value.display
3163
+ })), P = t(() => {
3164
+ const j = r.value;
3054
3165
  return {
3055
- borderRadius: `${c.borderRadius}rem`,
3056
- padding: `${c.paddingY}rem ${c.paddingX}rem`,
3057
- lineHeight: "1.42857143",
3058
- fontSize: c.fontSize,
3059
- fontWeight: c.fontWeight
3166
+ borderRadius: `${j.borderRadius}rem`,
3167
+ padding: `${j.paddingY}rem ${j.paddingX}rem`,
3168
+ lineHeight: j.lineHeight,
3169
+ fontSize: j.fontSize,
3170
+ fontWeight: j.fontWeight,
3171
+ marginTop: `${j.marginTop}px`,
3172
+ marginBottom: `${j.marginBottom}px`,
3173
+ marginRight: `${j.marginRight}px`,
3174
+ marginLeft: `${j.marginLeft}px`
3060
3175
  };
3061
- }), u = t(() => D.value.font), V = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), $ = t(() => K.value), R = t(() => Q.value), H = t(() => E.value), j = t(() => U.value), b = t(() => `3px 3px 0 -1px ${ee.value}, 3px 3px 0 ${ee.value}`), i = t(() => `0 0 0 -1px ${ee.value}, 0 0 0 ${ee.value}`), a = t(() => G.value), l = t(() => M.value), r = t(() => z.value), y = t(() => x.value), F = t(() => I.value), ie = t(() => C.value), pe = t(() => `3px 3px 0 -1px ${f.value}, 3px 3px 0 ${f.value}`), le = t(() => `0 0 0 -1px ${f.value}, 0 0 0 ${f.value}`), re = t(() => v.value), B = t(() => S.value), p = t(() => {
3062
- const c = {};
3063
- h.value && Object.keys(h.value).forEach((ne) => c[`aria-${ne}`] = h.value[ne]);
3064
- const A = {
3065
- "aria-label": Z.value,
3066
- "aria-disabled": T.value,
3067
- ...c
3176
+ }), A = t(() => r.value.font), X = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), f = t(() => Q.value), u = t(() => le.value), d = t(() => G.value), o = t(() => ee.value), s = t(() => `3px 3px 0 -1px ${ne.value}, 3px 3px 0 ${ne.value}`), S = t(() => `0 0 0 -1px ${ne.value}, 0 0 0 ${ne.value}`), b = t(() => te.value), U = t(() => q.value), de = t(() => O.value), H = t(() => I.value), g = t(() => T.value), p = t(() => V.value), K = t(() => `3px 3px 0 -1px ${c.value}, 3px 3px 0 ${c.value}`), $ = t(() => `0 0 0 -1px ${c.value}, 0 0 0 ${c.value}`), re = t(() => m.value), fe = t(() => v.value), ie = t(() => {
3177
+ const j = {};
3178
+ B.value && Object.keys(B.value).forEach((Ie) => j[`aria-${Ie}`] = B.value[Ie]);
3179
+ const Se = {
3180
+ "aria-label": oe.value,
3181
+ "aria-disabled": N.value,
3182
+ ...j
3068
3183
  };
3069
3184
  return Object.fromEntries(
3070
- Object.entries(A).filter(([de, ne]) => ne != null)
3185
+ Object.entries(Se).filter(([He, Ie]) => Ie != null)
3071
3186
  );
3072
- }), oe = (c) => {
3073
- P("clicked", c);
3187
+ }), Ce = (j) => {
3188
+ J("clicked", j);
3074
3189
  };
3075
- return (c, A) => e.nbId ? (ce(), ve("div", Se({
3190
+ return (j, Se) => e.nbId ? (pe(), be("div", Be({
3076
3191
  key: 0,
3077
- class: ["nb-wrapper", w.value],
3078
- style: [_.value],
3192
+ class: ["nb-wrapper", k.value],
3193
+ style: [W.value],
3079
3194
  tabIndex: e.tabIndex,
3080
3195
  role: "button",
3081
3196
  title: e.title
3082
- }, p.value, {
3083
- onClick: A[0] || (A[0] = (de) => oe(de)),
3197
+ }, ie.value, {
3198
+ onClick: Se[0] || (Se[0] = (He) => Ce(He)),
3084
3199
  onKeydown: [
3085
- A[1] || (A[1] = W(L((de) => !d(T) && e.hasTabIndexEnter && oe(de), ["prevent"]), ["enter"])),
3086
- A[2] || (A[2] = W(L((de) => !d(T) && e.hasTabIndexSpace && oe(de), ["prevent"]), ["space"]))
3200
+ Se[1] || (Se[1] = F(z((He) => !n(N) && e.hasTabIndexEnter && Ce(He), ["prevent"]), ["enter"])),
3201
+ Se[2] || (Se[2] = F(z((He) => !n(N) && e.hasTabIndexSpace && Ce(He), ["prevent"]), ["space"]))
3087
3202
  ]
3088
3203
  }), [
3089
- ue("div", {
3204
+ se("div", {
3090
3205
  id: e.nbId,
3091
- class: be(["nb-reset component", [V.value]]),
3092
- style: se([O.value])
3206
+ class: ge(["nb-reset component", [X.value]]),
3207
+ style: ce([P.value])
3093
3208
  }, [
3094
- me(c.$slots, "content", {}, () => [
3095
- A[3] || (A[3] = he("Default Text"))
3209
+ me(j.$slots, "content", {}, () => [
3210
+ Se[3] || (Se[3] = he("Default Text"))
3096
3211
  ], !0)
3097
3212
  ], 14, Ca)
3098
- ], 16, ha)) : ge("", !0);
3213
+ ], 16, ha)) : ye("", !0);
3099
3214
  }
3100
- }), xa = /* @__PURE__ */ ke(Sa, [["__scopeId", "data-v-598fdc66"]]);
3215
+ }), xa = /* @__PURE__ */ Te(Sa, [["__scopeId", "data-v-caa365ef"]]);
3101
3216
  const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assign({
3102
3217
  name: "NbButtonUnderlineExpand",
3103
3218
  inheritAttrs: !1
@@ -3112,8 +3227,8 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
3112
3227
  type: String,
3113
3228
  default: "b",
3114
3229
  validator: (e = "b") => {
3115
- const n = e ? e.toLowerCase() : "";
3116
- return ["b", "ib"].includes(n);
3230
+ const l = e ? e.toLowerCase() : "";
3231
+ return ["b", "ib"].includes(l);
3117
3232
  }
3118
3233
  },
3119
3234
  tabIndex: {
@@ -3144,8 +3259,8 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
3144
3259
  type: String,
3145
3260
  default: "light",
3146
3261
  validator: (e) => {
3147
- const n = e ? e.toLowerCase() : "";
3148
- return ["light", "dark"].includes(n);
3262
+ const l = e ? e.toLowerCase() : "";
3263
+ return ["light", "dark"].includes(l);
3149
3264
  }
3150
3265
  },
3151
3266
  // Cores do tema light
@@ -3224,6 +3339,10 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
3224
3339
  default: 200,
3225
3340
  validator: (e) => e || 200
3226
3341
  },
3342
+ lineHeight: {
3343
+ type: Number,
3344
+ default: 1.42857143
3345
+ },
3227
3346
  textAlign: {
3228
3347
  type: String,
3229
3348
  default: "middle",
@@ -3231,114 +3350,116 @@ const Ba = ["tabIndex", "title"], ka = ["id"], Va = /* @__PURE__ */ Object.assig
3231
3350
  }
3232
3351
  },
3233
3352
  emits: ["clicked"],
3234
- setup(e, { emit: n }) {
3235
- xe((r) => ({
3236
- 63814922: w.value,
3237
- "051d02d1": i.value,
3238
- "1f1e349e": O.value,
3239
- "161eda02": V.value,
3240
- "716ad73e": u.value,
3241
- "7be94d7d": $.value,
3242
- bcec667c: R.value,
3243
- ea529bba: j.value,
3244
- "57ecb59a": H.value,
3245
- "6d25f64e": b.value
3353
+ setup(e, { emit: l }) {
3354
+ ke((s) => ({
3355
+ "78c34386": Y.value,
3356
+ "13040aed": u.value,
3357
+ "4f63a5ba": L.value,
3358
+ "299e2d1b": k.value,
3359
+ b0a890bc: r.value,
3360
+ "2573a4e1": W.value,
3361
+ "5083c826": P.value,
3362
+ "633f6487": X.value,
3363
+ "179c38b6": A.value,
3364
+ "5b4830f5": f.value
3246
3365
  }));
3247
- const P = n, ae = e, {
3248
- display: J,
3249
- ariaLabel: Z,
3250
- ariaAttrs: h,
3251
- theme: Y,
3252
- lightTextColor: K,
3253
- lightTextColorHover: Q,
3254
- lightBorderColor: E,
3255
- lightBorderColorHover: U,
3256
- lightDisabledBgColor: ee,
3257
- darkTextColor: G,
3258
- darkTextColorHover: M,
3259
- darkBorderColor: z,
3260
- darkBorderColorHover: x,
3261
- darkDisabledBgColor: I,
3262
- borderHeight: C,
3263
- paddingX: f,
3264
- paddingY: v,
3265
- disabled: S,
3266
- fontFamily: g,
3267
- fontSize: s,
3268
- fontWeight: k,
3269
- textAlign: T
3270
- } = Be(ae), N = t(() => {
3271
- const r = S.value ? "component-disabled" : "", y = J.value !== "b" ? "inline-block" : "block", F = C.value !== 0 && !C.value || C.value < 0 ? 1.5 : C.value, ie = f.value !== 0 && !f.value || f.value < 0 ? 1 : f.value, pe = v.value !== 0 && !v.value || v.value < 0 ? 0.2 : v.value, le = g.value ? g.value : "'Lato', sans-serif", re = s.value ? s.value : "1.6em", B = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, p = T.value ? T.value : "center";
3366
+ const J = l, ue = e, {
3367
+ display: ae,
3368
+ ariaLabel: oe,
3369
+ ariaAttrs: B,
3370
+ theme: M,
3371
+ lightTextColor: Q,
3372
+ lightTextColorHover: le,
3373
+ lightBorderColor: G,
3374
+ lightBorderColorHover: ee,
3375
+ lightDisabledBgColor: ne,
3376
+ darkTextColor: te,
3377
+ darkTextColorHover: q,
3378
+ darkBorderColor: O,
3379
+ darkBorderColorHover: I,
3380
+ darkDisabledBgColor: T,
3381
+ borderHeight: V,
3382
+ paddingX: c,
3383
+ paddingY: m,
3384
+ disabled: v,
3385
+ fontFamily: h,
3386
+ fontSize: i,
3387
+ fontWeight: C,
3388
+ lineHeight: w,
3389
+ textAlign: y
3390
+ } = Ve(ue), _ = t(() => {
3391
+ const s = v.value ? "component-disabled" : "", S = ae.value !== "b" ? "inline-block" : "block", b = V.value !== 0 && !V.value || V.value < 0 ? 1.5 : V.value, U = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, de = m.value !== 0 && !m.value || m.value < 0 ? 0.2 : m.value, H = h.value ? h.value : "'Lato', sans-serif", g = i.value ? i.value : "1.6em", p = C.value !== 0 && !C.value || C.value < 0 ? 200 : C.value, K = w.value !== 0 && !w.value || w.value < 0 ? 1.42857143 : w.value, $ = y.value ? y.value : "center";
3272
3392
  return {
3273
- disabled: r,
3274
- display: y,
3275
- borderHeight: F,
3276
- paddingX: ie,
3277
- paddingY: pe,
3278
- font: le,
3279
- fontSize: re,
3280
- fontWeight: B,
3281
- textAlign: p
3393
+ disabled: s,
3394
+ display: S,
3395
+ borderHeight: b,
3396
+ paddingX: U,
3397
+ paddingY: de,
3398
+ font: H,
3399
+ fontSize: g,
3400
+ fontWeight: p,
3401
+ lineHeight: K,
3402
+ textAlign: $
3282
3403
  };
3283
- }), te = t(() => N.value.disabled), X = t(() => {
3284
- const r = N.value;
3404
+ }), R = t(() => _.value.disabled), N = t(() => {
3405
+ const s = _.value;
3285
3406
  return {
3286
- display: r.display,
3287
- textAlign: r.textAlign
3407
+ display: s.display,
3408
+ textAlign: s.textAlign
3288
3409
  };
3289
3410
  }), D = t(() => {
3290
- const r = N.value;
3411
+ const s = _.value;
3291
3412
  return {
3292
- padding: `${r.paddingY}rem ${r.paddingX}rem`,
3293
- lineHeight: "1.42857143",
3294
- fontSize: r.fontSize,
3295
- fontWeight: r.fontWeight
3413
+ padding: `${s.paddingY}rem ${s.paddingX}rem`,
3414
+ lineHeight: s.lineHeight,
3415
+ fontSize: s.fontSize,
3416
+ fontWeight: s.fontWeight
3296
3417
  };
3297
- }), w = t(() => N.value.font), _ = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), O = t(() => K.value), u = t(() => Q.value), V = t(() => E.value), $ = t(() => U.value);
3298
- t(() => ee.value);
3299
- const R = t(() => G.value), H = t(() => M.value), j = t(() => z.value), b = t(() => x.value);
3300
- t(() => I.value);
3301
- const i = t(() => `${N.value.borderHeight}px`), a = t(() => {
3302
- const r = {};
3303
- h.value && Object.keys(h.value).forEach((ie) => r[`aria-${ie}`] = h.value[ie]);
3304
- const y = {
3305
- "aria-label": Z.value,
3306
- "aria-disabled": S.value,
3307
- ...r
3418
+ }), Y = t(() => _.value.font), E = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), L = t(() => Q.value), r = t(() => le.value), k = t(() => G.value), W = t(() => ee.value);
3419
+ t(() => ne.value);
3420
+ const P = t(() => te.value), A = t(() => q.value), X = t(() => O.value), f = t(() => I.value);
3421
+ t(() => T.value);
3422
+ const u = t(() => `${_.value.borderHeight}px`), d = t(() => {
3423
+ const s = {};
3424
+ B.value && Object.keys(B.value).forEach((U) => s[`aria-${U}`] = B.value[U]);
3425
+ const S = {
3426
+ "aria-label": oe.value,
3427
+ "aria-disabled": v.value,
3428
+ ...s
3308
3429
  };
3309
3430
  return Object.fromEntries(
3310
- Object.entries(y).filter(([F, ie]) => ie != null)
3431
+ Object.entries(S).filter(([b, U]) => U != null)
3311
3432
  );
3312
- }), l = (r) => {
3313
- P("clicked", r);
3433
+ }), o = (s) => {
3434
+ J("clicked", s);
3314
3435
  };
3315
- return (r, y) => e.nbId ? (ce(), ve("div", Se({
3436
+ return (s, S) => e.nbId ? (pe(), be("div", Be({
3316
3437
  key: 0,
3317
- class: ["nb-wrapper", te.value],
3318
- style: [X.value],
3438
+ class: ["nb-wrapper", R.value],
3439
+ style: [N.value],
3319
3440
  tabIndex: e.tabIndex,
3320
3441
  role: "button",
3321
3442
  title: e.title
3322
- }, a.value, {
3323
- onClick: y[0] || (y[0] = (F) => l(F)),
3443
+ }, d.value, {
3444
+ onClick: S[0] || (S[0] = (b) => o(b)),
3324
3445
  onKeydown: [
3325
- y[1] || (y[1] = W(L((F) => !d(S) && e.hasTabIndexEnter && l(F), ["prevent"]), ["enter"])),
3326
- y[2] || (y[2] = W(L((F) => !d(S) && e.hasTabIndexSpace && l(F), ["prevent"]), ["space"]))
3446
+ S[1] || (S[1] = F(z((b) => !n(v) && e.hasTabIndexEnter && o(b), ["prevent"]), ["enter"])),
3447
+ S[2] || (S[2] = F(z((b) => !n(v) && e.hasTabIndexSpace && o(b), ["prevent"]), ["space"]))
3327
3448
  ]
3328
3449
  }), [
3329
- ue("div", {
3450
+ se("div", {
3330
3451
  id: e.nbId,
3331
- class: be(["nb-reset component", [_.value]]),
3332
- style: se([D.value])
3452
+ class: ge(["nb-reset component", [E.value]]),
3453
+ style: ce([D.value])
3333
3454
  }, [
3334
- me(r.$slots, "content", {}, () => [
3335
- y[3] || (y[3] = he("Default Text"))
3455
+ me(s.$slots, "content", {}, () => [
3456
+ S[3] || (S[3] = he("Default Text"))
3336
3457
  ], !0)
3337
3458
  ], 14, ka)
3338
- ], 16, Ba)) : ge("", !0);
3459
+ ], 16, Ba)) : ye("", !0);
3339
3460
  }
3340
- }), Ta = /* @__PURE__ */ ke(Va, [["__scopeId", "data-v-63dc9f1e"]]);
3341
- const Ia = ["tabIndex", "title"], wa = ["id"], $a = /* @__PURE__ */ Object.assign({
3461
+ }), Ta = /* @__PURE__ */ Te(Va, [["__scopeId", "data-v-95180f9a"]]);
3462
+ const Ha = ["tabIndex", "title"], Ia = ["id"], wa = /* @__PURE__ */ Object.assign({
3342
3463
  name: "NbButtonUnderlineFill",
3343
3464
  inheritAttrs: !1
3344
3465
  }, {
@@ -3352,8 +3473,8 @@ const Ia = ["tabIndex", "title"], wa = ["id"], $a = /* @__PURE__ */ Object.assig
3352
3473
  type: String,
3353
3474
  default: "b",
3354
3475
  validator: (e = "b") => {
3355
- const n = e ? e.toLowerCase() : "";
3356
- return ["b", "ib"].includes(n);
3476
+ const l = e ? e.toLowerCase() : "";
3477
+ return ["b", "ib"].includes(l);
3357
3478
  }
3358
3479
  },
3359
3480
  tabIndex: {
@@ -3384,8 +3505,8 @@ const Ia = ["tabIndex", "title"], wa = ["id"], $a = /* @__PURE__ */ Object.assig
3384
3505
  type: String,
3385
3506
  default: "light",
3386
3507
  validator: (e) => {
3387
- const n = e ? e.toLowerCase() : "";
3388
- return ["light", "dark"].includes(n);
3508
+ const l = e ? e.toLowerCase() : "";
3509
+ return ["light", "dark"].includes(l);
3389
3510
  }
3390
3511
  },
3391
3512
  // Cores do tema light
@@ -3459,6 +3580,10 @@ const Ia = ["tabIndex", "title"], wa = ["id"], $a = /* @__PURE__ */ Object.assig
3459
3580
  default: 200,
3460
3581
  validator: (e) => e || 200
3461
3582
  },
3583
+ lineHeight: {
3584
+ type: Number,
3585
+ default: 1.42857143
3586
+ },
3462
3587
  textAlign: {
3463
3588
  type: String,
3464
3589
  default: "middle",
@@ -3466,111 +3591,113 @@ const Ia = ["tabIndex", "title"], wa = ["id"], $a = /* @__PURE__ */ Object.assig
3466
3591
  }
3467
3592
  },
3468
3593
  emits: ["clicked"],
3469
- setup(e, { emit: n }) {
3470
- xe((a) => ({
3471
- "0b791130": D.value,
3472
- "49198b9a": u.value,
3473
- "60461cd0": _.value,
3474
- ae99f26e: V.value,
3475
- "011d2684": O.value,
3476
- "5c6ed523": H.value,
3477
- "3be28888": $.value,
3478
- "1f1a7c4e": j.value,
3479
- "3e9f34d8": R.value
3594
+ setup(e, { emit: l }) {
3595
+ ke((d) => ({
3596
+ "8cff8558": D.value,
3597
+ "753589c7": r.value,
3598
+ "6356162c": E.value,
3599
+ b8d15896: k.value,
3600
+ "1c47be70": L.value,
3601
+ "381a430f": A.value,
3602
+ 51288174: W.value,
3603
+ "3a9b276d": X.value,
3604
+ "131d2028": P.value
3480
3605
  }));
3481
- const P = n, ae = e, {
3482
- display: J,
3483
- ariaLabel: Z,
3484
- ariaAttrs: h,
3485
- theme: Y,
3486
- lightTextColor: K,
3487
- lightTextColorHover: Q,
3488
- lightButtonColor: E,
3489
- lightButtonColorHover: U,
3490
- lightDisabledBgColor: ee,
3491
- darkTextColor: G,
3492
- darkTextColorHover: M,
3493
- darkButtonColor: z,
3494
- darkButtonColorHover: x,
3495
- darkDisabledBgColor: I,
3496
- paddingX: C,
3497
- paddingY: f,
3498
- disabled: v,
3499
- fontFamily: S,
3500
- fontSize: g,
3501
- fontWeight: s,
3502
- textAlign: k
3503
- } = Be(ae), T = t(() => {
3504
- const a = v.value ? "component-disabled" : "", l = J.value !== "b" ? "inline-block" : "block", r = C.value !== 0 && !C.value || C.value < 0 ? 1 : C.value, y = f.value !== 0 && !f.value || f.value < 0 ? 0.2 : f.value, F = S.value ? S.value : "'Lato', sans-serif", ie = g.value ? g.value : "1.6em", pe = s.value !== 0 && !s.value || s.value < 0 ? 200 : s.value, le = k.value ? k.value : "center";
3606
+ const J = l, ue = e, {
3607
+ display: ae,
3608
+ ariaLabel: oe,
3609
+ ariaAttrs: B,
3610
+ theme: M,
3611
+ lightTextColor: Q,
3612
+ lightTextColorHover: le,
3613
+ lightButtonColor: G,
3614
+ lightButtonColorHover: ee,
3615
+ lightDisabledBgColor: ne,
3616
+ darkTextColor: te,
3617
+ darkTextColorHover: q,
3618
+ darkButtonColor: O,
3619
+ darkButtonColorHover: I,
3620
+ darkDisabledBgColor: T,
3621
+ paddingX: V,
3622
+ paddingY: c,
3623
+ disabled: m,
3624
+ fontFamily: v,
3625
+ fontSize: h,
3626
+ fontWeight: i,
3627
+ lineHeight: C,
3628
+ textAlign: w
3629
+ } = Ve(ue), y = t(() => {
3630
+ const d = m.value ? "component-disabled" : "", o = ae.value !== "b" ? "inline-block" : "block", s = V.value !== 0 && !V.value || V.value < 0 ? 1 : V.value, S = c.value !== 0 && !c.value || c.value < 0 ? 0.2 : c.value, b = v.value ? v.value : "'Lato', sans-serif", U = h.value ? h.value : "1.6em", de = i.value !== 0 && !i.value || i.value < 0 ? 200 : i.value, H = C.value !== 0 && !C.value || C.value < 0 ? 1.42857143 : C.value, g = w.value ? w.value : "center";
3505
3631
  return {
3506
- disabled: a,
3507
- display: l,
3508
- paddingX: r,
3509
- paddingY: y,
3510
- font: F,
3511
- fontSize: ie,
3512
- fontWeight: pe,
3513
- textAlign: le
3632
+ disabled: d,
3633
+ display: o,
3634
+ paddingX: s,
3635
+ paddingY: S,
3636
+ font: b,
3637
+ fontSize: U,
3638
+ fontWeight: de,
3639
+ lineHeight: H,
3640
+ textAlign: g
3514
3641
  };
3515
- }), N = t(() => T.value.disabled), te = t(() => {
3516
- const a = T.value;
3642
+ }), _ = t(() => y.value.disabled), R = t(() => {
3643
+ const d = y.value;
3517
3644
  return {
3518
- display: a.display,
3519
- textAlign: a.textAlign
3645
+ display: d.display,
3646
+ textAlign: d.textAlign
3520
3647
  };
3521
- }), X = t(() => {
3522
- const a = T.value;
3648
+ }), N = t(() => {
3649
+ const d = y.value;
3523
3650
  return {
3524
- padding: `${a.paddingY}rem ${a.paddingX}rem`,
3525
- lineHeight: "1.42857143",
3526
- fontSize: a.fontSize,
3527
- fontWeight: a.fontWeight
3651
+ padding: `${d.paddingY}rem ${d.paddingX}rem`,
3652
+ lineHeight: d.lineHeight,
3653
+ fontSize: d.fontSize,
3654
+ fontWeight: d.fontWeight
3528
3655
  };
3529
- }), D = t(() => T.value.font), w = t(() => Y.value === "dark" ? "component__theme--dark" : "component__theme--light"), _ = t(() => K.value), O = t(() => Q.value), u = t(() => `linear-gradient(${E.value}, ${E.value}) center bottom / 1px 1px repeat-x`), V = t(() => `linear-gradient(${U.value}, ${U.value}) center bottom / 100% 100% repeat-x`);
3530
- t(() => ee.value);
3531
- const $ = t(() => G.value), R = t(() => M.value), H = t(() => `linear-gradient(${z.value}, ${z.value}) center bottom / 1px 1px repeat-x`), j = t(() => `linear-gradient(${x.value}, ${x.value}) center bottom / 100% 100% repeat-x`);
3532
- t(() => I.value);
3533
- const b = t(() => {
3534
- const a = {};
3535
- h.value && Object.keys(h.value).forEach((y) => a[`aria-${y}`] = h.value[y]);
3536
- const l = {
3537
- "aria-label": Z.value,
3538
- "aria-disabled": v.value,
3539
- ...a
3656
+ }), D = t(() => y.value.font), Y = t(() => M.value === "dark" ? "component__theme--dark" : "component__theme--light"), E = t(() => Q.value), L = t(() => le.value), r = t(() => `linear-gradient(${G.value}, ${G.value}) center bottom / 1px 1px repeat-x`), k = t(() => `linear-gradient(${ee.value}, ${ee.value}) center bottom / 100% 100% repeat-x`);
3657
+ t(() => ne.value);
3658
+ const W = t(() => te.value), P = t(() => q.value), A = t(() => `linear-gradient(${O.value}, ${O.value}) center bottom / 1px 1px repeat-x`), X = t(() => `linear-gradient(${I.value}, ${I.value}) center bottom / 100% 100% repeat-x`);
3659
+ t(() => T.value);
3660
+ const f = t(() => {
3661
+ const d = {};
3662
+ B.value && Object.keys(B.value).forEach((S) => d[`aria-${S}`] = B.value[S]);
3663
+ const o = {
3664
+ "aria-label": oe.value,
3665
+ "aria-disabled": m.value,
3666
+ ...d
3540
3667
  };
3541
3668
  return Object.fromEntries(
3542
- Object.entries(l).filter(([r, y]) => y != null)
3669
+ Object.entries(o).filter(([s, S]) => S != null)
3543
3670
  );
3544
- }), i = (a) => {
3545
- P("clicked", a);
3671
+ }), u = (d) => {
3672
+ J("clicked", d);
3546
3673
  };
3547
- return (a, l) => e.nbId ? (ce(), ve("div", Se({
3674
+ return (d, o) => e.nbId ? (pe(), be("div", Be({
3548
3675
  key: 0,
3549
- class: ["nb-wrapper", N.value],
3550
- style: [te.value],
3676
+ class: ["nb-wrapper", _.value],
3677
+ style: [R.value],
3551
3678
  tabIndex: e.tabIndex,
3552
3679
  role: "button",
3553
3680
  title: e.title
3554
- }, b.value, {
3555
- onClick: l[0] || (l[0] = (r) => i(r)),
3681
+ }, f.value, {
3682
+ onClick: o[0] || (o[0] = (s) => u(s)),
3556
3683
  onKeydown: [
3557
- l[1] || (l[1] = W(L((r) => !d(v) && e.hasTabIndexEnter && i(r), ["prevent"]), ["enter"])),
3558
- l[2] || (l[2] = W(L((r) => !d(v) && e.hasTabIndexSpace && i(r), ["prevent"]), ["space"]))
3684
+ o[1] || (o[1] = F(z((s) => !n(m) && e.hasTabIndexEnter && u(s), ["prevent"]), ["enter"])),
3685
+ o[2] || (o[2] = F(z((s) => !n(m) && e.hasTabIndexSpace && u(s), ["prevent"]), ["space"]))
3559
3686
  ]
3560
3687
  }), [
3561
- ue("div", {
3688
+ se("div", {
3562
3689
  id: e.nbId,
3563
- class: be(["nb-reset component", [w.value]]),
3564
- style: se([X.value])
3690
+ class: ge(["nb-reset component", [Y.value]]),
3691
+ style: ce([N.value])
3565
3692
  }, [
3566
- me(a.$slots, "content", {}, () => [
3567
- l[3] || (l[3] = he("Default Text"))
3693
+ me(d.$slots, "content", {}, () => [
3694
+ o[3] || (o[3] = he("Default Text"))
3568
3695
  ], !0)
3569
- ], 14, wa)
3570
- ], 16, Ia)) : ge("", !0);
3696
+ ], 14, Ia)
3697
+ ], 16, Ha)) : ye("", !0);
3571
3698
  }
3572
- }), Da = /* @__PURE__ */ ke($a, [["__scopeId", "data-v-e90b4dd1"]]);
3573
- const Na = ["id"], Ha = ["disabled", "title", "aria-label", "aria-haspopup", "aria-expanded", "tabindex"], Aa = ["aria-expanded", "title", "tabindex"], La = ["disabled", "tabindex", "onClick", "onKeydown"], Oa = {
3699
+ }), Na = /* @__PURE__ */ Te(wa, [["__scopeId", "data-v-f18823be"]]);
3700
+ const $a = ["id"], Da = ["disabled", "title", "aria-label", "aria-haspopup", "aria-expanded", "tabindex"], La = ["aria-expanded", "title", "tabindex"], Aa = ["disabled", "tabindex", "onClick", "onKeydown"], Oa = {
3574
3701
  key: 0,
3575
3702
  class: "split-button__menu-item-icon"
3576
3703
  }, _a = { class: "split-button__menu-item-text" }, Ra = /* @__PURE__ */ Object.assign({
@@ -3587,8 +3714,8 @@ const Na = ["id"], Ha = ["disabled", "title", "aria-label", "aria-haspopup", "ar
3587
3714
  type: String,
3588
3715
  default: "ib",
3589
3716
  validator: (e = "ib") => {
3590
- const n = e ? e.toLowerCase() : "";
3591
- return ["b", "ib"].includes(n);
3717
+ const l = e ? e.toLowerCase() : "";
3718
+ return ["b", "ib"].includes(l);
3592
3719
  }
3593
3720
  },
3594
3721
  mainButtonText: {
@@ -3603,7 +3730,7 @@ const Na = ["id"], Ha = ["disabled", "title", "aria-label", "aria-haspopup", "ar
3603
3730
  type: Array,
3604
3731
  default: () => [],
3605
3732
  validator: (e) => Array.isArray(e) && e.every(
3606
- (n) => typeof n == "object" && n !== null && "label" in n
3733
+ (l) => typeof l == "object" && l !== null && "label" in l
3607
3734
  )
3608
3735
  },
3609
3736
  popupButtonTitle: {
@@ -3804,363 +3931,363 @@ const Na = ["id"], Ha = ["disabled", "title", "aria-label", "aria-haspopup", "ar
3804
3931
  }
3805
3932
  },
3806
3933
  emits: ["clicked", "main-clicked", "menu-item-clicked"],
3807
- setup(e, { emit: n }) {
3808
- xe((o) => ({
3809
- "1e00f617": ye.value.font,
3810
- "27f37d08": d(re),
3811
- "11bfe574": d(b),
3812
- "0d4709fa": d(r),
3813
- ca8c2e74: d(B),
3814
- "2b089e66": d(u),
3815
- "0f1d7c32": d(i)
3934
+ setup(e, { emit: l }) {
3935
+ ke((a) => ({
3936
+ "1e00f617": j.value.font,
3937
+ "27f37d08": n(H),
3938
+ "11bfe574": n(X),
3939
+ "0d4709fa": n(o),
3940
+ ca8c2e74: n(g),
3941
+ "2b089e66": n(L),
3942
+ "0f1d7c32": n(f)
3816
3943
  }));
3817
- const P = n, ae = e, {
3818
- display: J,
3819
- mainButtonText: Z,
3820
- mainButtonAriaLabel: h,
3821
- menuItems: Y,
3822
- popupButtonTitle: K,
3823
- ariaLabel: Q,
3824
- ariaAttrs: E,
3825
- menuItemFocusOutlineColor: U,
3826
- menuItemFocusOutlineWidth: ee,
3827
- menuItemFocusOutlineOffset: G,
3828
- showBorder: M,
3829
- showPopupButton: z,
3830
- borderRadius: x,
3831
- popupBorderRadius: I,
3832
- width: C,
3833
- paddingX: f,
3834
- paddingY: v,
3835
- popupPaddingX: S,
3836
- popupPaddingY: g,
3837
- disabled: s,
3838
- fontFamily: k,
3839
- fontSize: T,
3840
- fontWeight: N,
3841
- popupFontFamily: te,
3842
- popupFontSize: X,
3843
- popupFontWeight: D,
3844
- theme: w,
3845
- lightButtonColor: _,
3846
- lightButtonColorHover: O,
3847
- lightTextColor: u,
3848
- lightTextColorHover: V,
3849
- lightBorderColor: $,
3850
- lightBorderColorHover: R,
3851
- lightPopupBgColor: H,
3852
- lightMenuItemHoverColor: j,
3853
- lightMenuItemTextColor: b,
3854
- lightDisabledBgColor: i,
3855
- darkButtonColor: a,
3856
- darkButtonColorHover: l,
3857
- darkTextColor: r,
3858
- darkTextColorHover: y,
3859
- darkBorderColor: F,
3860
- darkBorderColorHover: ie,
3861
- darkPopupBgColor: pe,
3862
- darkMenuItemHoverColor: le,
3863
- darkMenuItemTextColor: re,
3864
- darkDisabledBgColor: B
3865
- } = Be(ae), p = Te(!1), oe = Te(null), c = Te(null), A = Te(null), de = Te(null), ne = Te(-1), Ve = Te(!1), ye = t(() => {
3866
- const o = s.value ? "component-disabled" : "", m = J.value !== "b" ? "inline-block" : "block", q = x.value !== 0 && !x.value || x.value < 0 ? 0 : x.value, fe = I.value !== null && I.value !== void 0 ? I.value < 0 ? 0 : I.value : q, Ce = [!1, !0].includes(M.value) ? M.value : !0, Ie = [!1, !0].includes(z.value) ? z.value : !0, we = U.value || "currentColor", Ne = ee.value || "2px", Xe = G.value || "-2px", Ke = f.value !== 0 && !f.value || f.value < 0 ? 1 : f.value, Me = v.value !== 0 && !v.value || v.value < 0 ? 0.32 : v.value, ft = S.value !== null && S.value !== void 0 ? S.value < 0 ? 1 : S.value : Ke, ct = g.value !== null && g.value !== void 0 ? g.value < 0 ? 0.2 : g.value : Me, qe = k.value ? k.value : "'Lato', sans-serif", Ue = T.value ? T.value : "1.6em", Ge = N.value !== 0 && !N.value || N.value < 0 ? 400 : N.value, vt = te.value || qe, pt = X.value || Ue, bt = D.value !== null && D.value !== void 0 ? D.value < 0 ? 400 : D.value : Ge, gt = w.value ? w.value : "light";
3944
+ const J = l, ue = e, {
3945
+ display: ae,
3946
+ mainButtonText: oe,
3947
+ mainButtonAriaLabel: B,
3948
+ menuItems: M,
3949
+ popupButtonTitle: Q,
3950
+ ariaLabel: le,
3951
+ ariaAttrs: G,
3952
+ menuItemFocusOutlineColor: ee,
3953
+ menuItemFocusOutlineWidth: ne,
3954
+ menuItemFocusOutlineOffset: te,
3955
+ showBorder: q,
3956
+ showPopupButton: O,
3957
+ borderRadius: I,
3958
+ popupBorderRadius: T,
3959
+ width: V,
3960
+ paddingX: c,
3961
+ paddingY: m,
3962
+ popupPaddingX: v,
3963
+ popupPaddingY: h,
3964
+ disabled: i,
3965
+ fontFamily: C,
3966
+ fontSize: w,
3967
+ fontWeight: y,
3968
+ popupFontFamily: _,
3969
+ popupFontSize: R,
3970
+ popupFontWeight: N,
3971
+ theme: D,
3972
+ lightButtonColor: Y,
3973
+ lightButtonColorHover: E,
3974
+ lightTextColor: L,
3975
+ lightTextColorHover: r,
3976
+ lightBorderColor: k,
3977
+ lightBorderColorHover: W,
3978
+ lightPopupBgColor: P,
3979
+ lightMenuItemHoverColor: A,
3980
+ lightMenuItemTextColor: X,
3981
+ lightDisabledBgColor: f,
3982
+ darkButtonColor: u,
3983
+ darkButtonColorHover: d,
3984
+ darkTextColor: o,
3985
+ darkTextColorHover: s,
3986
+ darkBorderColor: S,
3987
+ darkBorderColorHover: b,
3988
+ darkPopupBgColor: U,
3989
+ darkMenuItemHoverColor: de,
3990
+ darkMenuItemTextColor: H,
3991
+ darkDisabledBgColor: g
3992
+ } = Ve(ue), p = we(!1), K = we(null), $ = we(null), re = we(null), fe = we(null), ie = we(-1), Ce = we(!1), j = t(() => {
3993
+ const a = i.value ? "component-disabled" : "", x = ae.value !== "b" ? "inline-block" : "block", Z = I.value !== 0 && !I.value || I.value < 0 ? 0 : I.value, ve = T.value !== null && T.value !== void 0 ? T.value < 0 ? 0 : T.value : Z, xe = [!1, !0].includes(q.value) ? q.value : !0, Ne = [!1, !0].includes(O.value) ? O.value : !0, $e = ee.value || "currentColor", Ae = ne.value || "2px", qe = te.value || "-2px", Ze = c.value !== 0 && !c.value || c.value < 0 ? 1 : c.value, et = m.value !== 0 && !m.value || m.value < 0 ? 0.32 : m.value, ft = v.value !== null && v.value !== void 0 ? v.value < 0 ? 1 : v.value : Ze, ct = h.value !== null && h.value !== void 0 ? h.value < 0 ? 0.2 : h.value : et, tt = C.value ? C.value : "'Lato', sans-serif", at = w.value ? w.value : "1.6em", lt = y.value !== 0 && !y.value || y.value < 0 ? 400 : y.value, vt = _.value || tt, pt = R.value || at, bt = N.value !== null && N.value !== void 0 ? N.value < 0 ? 400 : N.value : lt, gt = D.value ? D.value : "light";
3867
3994
  return {
3868
- disabled: o,
3869
- display: m,
3870
- showBorder: Ce,
3871
- showPopupButton: Ie,
3872
- borderRadius: q,
3873
- popupBorderRadius: fe,
3874
- menuItemFocusOutlineColor: we,
3875
- menuItemFocusOutlineWidth: Ne,
3876
- menuItemFocusOutlineOffset: Xe,
3877
- paddingX: Ke,
3878
- paddingY: Me,
3995
+ disabled: a,
3996
+ display: x,
3997
+ showBorder: xe,
3998
+ showPopupButton: Ne,
3999
+ borderRadius: Z,
4000
+ popupBorderRadius: ve,
4001
+ menuItemFocusOutlineColor: $e,
4002
+ menuItemFocusOutlineWidth: Ae,
4003
+ menuItemFocusOutlineOffset: qe,
4004
+ paddingX: Ze,
4005
+ paddingY: et,
3879
4006
  popupPaddingX: ft,
3880
4007
  popupPaddingY: ct,
3881
- font: qe,
3882
- fontSize: Ue,
3883
- fontWeight: Ge,
4008
+ font: tt,
4009
+ fontSize: at,
4010
+ fontWeight: lt,
3884
4011
  popupFont: vt,
3885
4012
  popupFontSize: pt,
3886
4013
  popupFontWeight: bt,
3887
4014
  theme: gt
3888
4015
  };
3889
- }), $e = t(() => {
3890
- switch (ye.value.theme) {
4016
+ }), Se = t(() => {
4017
+ switch (j.value.theme) {
3891
4018
  case "dark":
3892
4019
  return "component__theme--dark";
3893
4020
  default:
3894
4021
  return "component__theme--light";
3895
4022
  }
3896
- }), De = t(() => ye.value.disabled), _e = t(() => ({
3897
- display: ye.value.display
3898
- })), Re = t(() => {
3899
- const o = ye.value, m = o.display === "block" ? {} : { width: C.value ? `${C.value}px` : "auto" };
4023
+ }), He = t(() => j.value.disabled), Ie = t(() => ({
4024
+ display: j.value.display
4025
+ })), De = t(() => {
4026
+ const a = j.value, x = a.display === "block" ? {} : { width: V.value ? `${V.value}px` : "auto" };
3900
4027
  return {
3901
- borderRadius: `${o.borderRadius}rem`,
4028
+ borderRadius: `${a.borderRadius}rem`,
3902
4029
  overflow: "visible",
3903
4030
  position: "relative",
3904
- ...m
4031
+ ...x
3905
4032
  };
3906
- }), We = t(() => {
3907
- const o = ye.value, m = C.value ? `${C.value}px` : "auto", q = o.showPopupButton ? {
3908
- borderTopLeftRadius: `${o.borderRadius}rem`,
3909
- borderBottomLeftRadius: `${o.borderRadius}rem`,
4033
+ }), Le = t(() => {
4034
+ const a = j.value, x = V.value ? `${V.value}px` : "auto", Z = a.showPopupButton ? {
4035
+ borderTopLeftRadius: `${a.borderRadius}rem`,
4036
+ borderBottomLeftRadius: `${a.borderRadius}rem`,
3910
4037
  borderTopRightRadius: "0",
3911
4038
  borderBottomRightRadius: "0"
3912
4039
  } : {
3913
- borderRadius: `${o.borderRadius}rem`
3914
- }, fe = o.showBorder ? o.showPopupButton ? {
3915
- borderTop: `1px solid ${o.theme === "dark" ? F.value : $.value}`,
3916
- borderBottom: `1px solid ${o.theme === "dark" ? F.value : $.value}`,
3917
- borderLeft: `1px solid ${o.theme === "dark" ? F.value : $.value}`,
4040
+ borderRadius: `${a.borderRadius}rem`
4041
+ }, ve = a.showBorder ? a.showPopupButton ? {
4042
+ borderTop: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
4043
+ borderBottom: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
4044
+ borderLeft: `1px solid ${a.theme === "dark" ? S.value : k.value}`,
3918
4045
  borderRight: "none"
3919
4046
  } : {
3920
- border: `1px solid ${o.theme === "dark" ? F.value : $.value}`
3921
- } : { border: "none" }, Ce = o.theme === "dark" ? a.value : _.value, Ie = o.theme === "dark" ? r.value : u.value, we = o.theme === "dark" ? l.value : O.value, Ne = o.theme === "dark" ? y.value : V.value, Xe = o.theme === "dark" ? ie.value : R.value;
4047
+ border: `1px solid ${a.theme === "dark" ? S.value : k.value}`
4048
+ } : { border: "none" }, xe = a.theme === "dark" ? u.value : Y.value, Ne = a.theme === "dark" ? o.value : L.value, $e = a.theme === "dark" ? d.value : E.value, Ae = a.theme === "dark" ? s.value : r.value, qe = a.theme === "dark" ? b.value : W.value;
3922
4049
  return {
3923
- color: Ie,
3924
- backgroundColor: Ce,
3925
- padding: `${o.paddingY}rem ${o.paddingX}rem`,
4050
+ color: Ne,
4051
+ backgroundColor: xe,
4052
+ padding: `${a.paddingY}rem ${a.paddingX}rem`,
3926
4053
  lineHeight: "1.42857143",
3927
- fontSize: o.fontSize,
3928
- fontWeight: o.fontWeight,
3929
- fontFamily: o.font,
3930
- ...fe,
3931
- ...q,
3932
- minWidth: m === "auto" ? "33px" : m,
3933
- "--main-button-hover-color": we,
3934
- "--main-button-active-color": we,
3935
- "--main-text-hover-color": Ne,
3936
- "--main-border-hover-color": Xe
4054
+ fontSize: a.fontSize,
4055
+ fontWeight: a.fontWeight,
4056
+ fontFamily: a.font,
4057
+ ...ve,
4058
+ ...Z,
4059
+ minWidth: x === "auto" ? "33px" : x,
4060
+ "--main-button-hover-color": $e,
4061
+ "--main-button-active-color": $e,
4062
+ "--main-text-hover-color": Ae,
4063
+ "--main-border-hover-color": qe
3937
4064
  };
3938
- }), Je = t(() => {
3939
- const o = ye.value, m = o.theme === "dark" ? F.value : $.value, q = o.showBorder ? {
3940
- borderTop: `1px solid ${m}`,
3941
- borderBottom: `1px solid ${m}`,
3942
- borderRight: `1px solid ${m}`,
3943
- borderLeft: `1px solid ${m}`
3944
- } : { border: "none" }, fe = o.theme === "dark" ? a.value : _.value, Ce = o.theme === "dark" ? r.value : u.value, Ie = o.theme === "dark" ? l.value : O.value, we = o.theme === "dark" ? y.value : V.value, Ne = o.theme === "dark" ? ie.value : R.value;
4065
+ }), ze = t(() => {
4066
+ const a = j.value, x = a.theme === "dark" ? S.value : k.value, Z = a.showBorder ? {
4067
+ borderTop: `1px solid ${x}`,
4068
+ borderBottom: `1px solid ${x}`,
4069
+ borderRight: `1px solid ${x}`,
4070
+ borderLeft: `1px solid ${x}`
4071
+ } : { border: "none" }, ve = a.theme === "dark" ? u.value : Y.value, xe = a.theme === "dark" ? o.value : L.value, Ne = a.theme === "dark" ? d.value : E.value, $e = a.theme === "dark" ? s.value : r.value, Ae = a.theme === "dark" ? b.value : W.value;
3945
4072
  return {
3946
- color: Ce,
3947
- backgroundColor: fe,
3948
- padding: `${o.paddingY}rem ${o.paddingX * 0.5}rem`,
3949
- fontSize: o.fontSize,
3950
- fontWeight: o.fontWeight,
3951
- fontFamily: o.font,
3952
- ...q,
3953
- borderTopRightRadius: `${o.borderRadius}rem`,
3954
- borderBottomRightRadius: `${o.borderRadius}rem`,
4073
+ color: xe,
4074
+ backgroundColor: ve,
4075
+ padding: `${a.paddingY}rem ${a.paddingX * 0.5}rem`,
4076
+ fontSize: a.fontSize,
4077
+ fontWeight: a.fontWeight,
4078
+ fontFamily: a.font,
4079
+ ...Z,
4080
+ borderTopRightRadius: `${a.borderRadius}rem`,
4081
+ borderBottomRightRadius: `${a.borderRadius}rem`,
3955
4082
  borderTopLeftRadius: "0",
3956
4083
  borderBottomLeftRadius: "0",
3957
- "--popup-button-hover-color": Ie,
3958
- "--popup-button-active-color": Ie,
3959
- "--popup-text-hover-color": we,
3960
- "--popup-border-hover-color": Ne
4084
+ "--popup-button-hover-color": Ne,
4085
+ "--popup-button-active-color": Ne,
4086
+ "--popup-text-hover-color": $e,
4087
+ "--popup-border-hover-color": Ae
3961
4088
  };
3962
- }), Qe = t(() => {
3963
- const o = ye.value, m = o.theme === "dark" ? pe.value : H.value, q = o.theme === "dark" ? re.value : b.value, fe = o.theme === "dark" ? le.value : j.value;
4089
+ }), Ye = t(() => {
4090
+ const a = j.value, x = a.theme === "dark" ? U.value : P.value, Z = a.theme === "dark" ? H.value : X.value, ve = a.theme === "dark" ? de.value : A.value;
3964
4091
  return {
3965
- backgroundColor: m,
3966
- color: q,
3967
- borderRadius: `${o.popupBorderRadius}rem`,
4092
+ backgroundColor: x,
4093
+ color: Z,
4094
+ borderRadius: `${a.popupBorderRadius}rem`,
3968
4095
  boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
3969
- minHeight: Y.value.length === 0 ? "40px" : "auto",
3970
- "--menu-item-hover-color": fe,
3971
- "--menu-item-focus-outline-color": o.menuItemFocusOutlineColor,
3972
- "--menu-item-focus-outline-width": o.menuItemFocusOutlineWidth,
3973
- "--menu-item-focus-outline-offset": o.menuItemFocusOutlineOffset
4096
+ minHeight: M.value.length === 0 ? "40px" : "auto",
4097
+ "--menu-item-hover-color": ve,
4098
+ "--menu-item-focus-outline-color": a.menuItemFocusOutlineColor,
4099
+ "--menu-item-focus-outline-width": a.menuItemFocusOutlineWidth,
4100
+ "--menu-item-focus-outline-offset": a.menuItemFocusOutlineOffset
3974
4101
  };
3975
- }), Ze = t(() => ye.value.popupFont), et = t(() => ye.value.popupFontSize), tt = t(() => ye.value.popupFontWeight), at = t(() => ye.value.popupPaddingX), lt = t(() => ye.value.popupPaddingY), ot = t(() => ({
3976
- fontSize: et.value,
3977
- fontWeight: tt.value,
3978
- fontFamily: Ze.value,
3979
- padding: `${lt.value}rem ${at.value}rem`
4102
+ }), Xe = t(() => j.value.popupFont), je = t(() => j.value.popupFontSize), Ee = t(() => j.value.popupFontWeight), Fe = t(() => j.value.popupPaddingX), Pe = t(() => j.value.popupPaddingY), ot = t(() => ({
4103
+ fontSize: je.value,
4104
+ fontWeight: Ee.value,
4105
+ fontFamily: Xe.value,
4106
+ padding: `${Pe.value}rem ${Fe.value}rem`
3980
4107
  }));
3981
4108
  t(() => {
3982
- const o = {};
3983
- E.value && Object.keys(E.value).forEach((fe) => o[`aria-${fe}`] = E.value[fe]);
3984
- const m = {
3985
- "aria-label": Q.value,
3986
- "aria-disabled": s.value,
3987
- ...o
4109
+ const a = {};
4110
+ G.value && Object.keys(G.value).forEach((ve) => a[`aria-${ve}`] = G.value[ve]);
4111
+ const x = {
4112
+ "aria-label": le.value,
4113
+ "aria-disabled": i.value,
4114
+ ...a
3988
4115
  };
3989
4116
  return Object.fromEntries(
3990
- Object.entries(m).filter(([q, fe]) => fe != null)
4117
+ Object.entries(x).filter(([Z, ve]) => ve != null)
3991
4118
  );
3992
4119
  });
3993
4120
  const nt = () => {
3994
4121
  document.dispatchEvent(new CustomEvent("splitbutton:close-all", {
3995
- detail: { excludeId: ae.nbId }
4122
+ detail: { excludeId: ue.nbId }
3996
4123
  }));
3997
- }, Fe = (o) => {
3998
- var m;
3999
- ((m = o.detail) == null ? void 0 : m.excludeId) !== ae.nbId && p.value && (p.value = !1, ne.value = -1, A.value && A.value.setAttribute("aria-expanded", "false"));
4000
- }, He = () => {
4001
- s.value || (p.value || nt(), Ve.value = !0, p.value = !p.value, p.value ? Le(() => {
4002
- if (de.value) {
4003
- const o = de.value.querySelectorAll("button:not([disabled])");
4004
- if (o && o.length > 0) {
4005
- const m = document.activeElement;
4006
- (m === A.value || m === c.value) && o[0].focus(), ne.value = 0;
4124
+ }, Je = (a) => {
4125
+ var x;
4126
+ ((x = a.detail) == null ? void 0 : x.excludeId) !== ue.nbId && p.value && (p.value = !1, ie.value = -1, re.value && re.value.setAttribute("aria-expanded", "false"));
4127
+ }, Oe = () => {
4128
+ i.value || (p.value || nt(), Ce.value = !0, p.value = !p.value, p.value ? Re(() => {
4129
+ if (fe.value) {
4130
+ const a = fe.value.querySelectorAll("button:not([disabled])");
4131
+ if (a && a.length > 0) {
4132
+ const x = document.activeElement;
4133
+ (x === re.value || x === $.value) && a[0].focus(), ie.value = 0;
4007
4134
  }
4008
4135
  }
4009
4136
  setTimeout(() => {
4010
- Ve.value = !1;
4137
+ Ce.value = !1;
4011
4138
  }, 10);
4012
- }) : (ne.value = -1, Ve.value = !1));
4013
- }, ze = (o) => {
4014
- if (!s.value) {
4015
- if (!z.value && Y.value.length > 0) {
4016
- He();
4139
+ }) : (ie.value = -1, Ce.value = !1));
4140
+ }, Ke = (a) => {
4141
+ if (!i.value) {
4142
+ if (!O.value && M.value.length > 0) {
4143
+ Oe();
4017
4144
  return;
4018
4145
  }
4019
- P("main-clicked"), P("clicked", { type: "main" }, o);
4146
+ J("main-clicked"), J("clicked", { type: "main" }, a);
4020
4147
  }
4021
- }, Ye = (o, m, q) => {
4022
- o.disabled || s.value || (P("menu-item-clicked", { item: o, index: m }), P("clicked", { type: "menu-item", item: o, index: m }, q), p.value = !1, ne.value = -1);
4148
+ }, Me = (a, x, Z) => {
4149
+ a.disabled || i.value || (J("menu-item-clicked", { item: a, index: x }), J("clicked", { type: "menu-item", item: a, index: x }, Z), p.value = !1, ie.value = -1);
4023
4150
  }, rt = () => {
4024
- A.value && A.value.setAttribute("aria-expanded", "true");
4025
- }, ut = (o) => {
4026
- var m;
4027
- de.value && !de.value.contains(o.relatedTarget) && !((m = oe.value) != null && m.contains(o.relatedTarget)) && (A.value && A.value.setAttribute("aria-expanded", "false"), p.value = !1, ne.value = -1);
4028
- }, dt = (o) => {
4029
- var m;
4030
- p.value && !((m = oe.value) != null && m.contains(o.relatedTarget)) && (p.value = !1, ne.value = -1, A.value && A.value.setAttribute("aria-expanded", "false"));
4031
- }, Ae = (o) => {
4032
- (o.code === "Escape" || o.code === "Backspace") && p.value && (p.value = !1, ne.value = -1, !z.value && c.value ? c.value.focus() : A.value && A.value.focus());
4033
- }, it = (o) => {
4034
- o > 0 && (ne.value = o - 1, Le(() => {
4035
- var q;
4036
- const m = (q = de.value) == null ? void 0 : q.querySelectorAll("button:not([disabled])");
4037
- m && m[ne.value] && m[ne.value].focus();
4151
+ re.value && re.value.setAttribute("aria-expanded", "true");
4152
+ }, ut = (a) => {
4153
+ var x;
4154
+ fe.value && !fe.value.contains(a.relatedTarget) && !((x = K.value) != null && x.contains(a.relatedTarget)) && (re.value && re.value.setAttribute("aria-expanded", "false"), p.value = !1, ie.value = -1);
4155
+ }, dt = (a) => {
4156
+ var x;
4157
+ p.value && !((x = K.value) != null && x.contains(a.relatedTarget)) && (p.value = !1, ie.value = -1, re.value && re.value.setAttribute("aria-expanded", "false"));
4158
+ }, _e = (a) => {
4159
+ (a.code === "Escape" || a.code === "Backspace") && p.value && (p.value = !1, ie.value = -1, !O.value && $.value ? $.value.focus() : re.value && re.value.focus());
4160
+ }, it = (a) => {
4161
+ a > 0 && (ie.value = a - 1, Re(() => {
4162
+ var Z;
4163
+ const x = (Z = fe.value) == null ? void 0 : Z.querySelectorAll("button:not([disabled])");
4164
+ x && x[ie.value] && x[ie.value].focus();
4038
4165
  }));
4039
- }, st = (o) => {
4040
- var q;
4041
- const m = (q = de.value) == null ? void 0 : q.querySelectorAll("button:not([disabled])");
4042
- m && o < m.length - 1 && (ne.value = o + 1, Le(() => {
4043
- m[ne.value] && m[ne.value].focus();
4166
+ }, st = (a) => {
4167
+ var Z;
4168
+ const x = (Z = fe.value) == null ? void 0 : Z.querySelectorAll("button:not([disabled])");
4169
+ x && a < x.length - 1 && (ie.value = a + 1, Re(() => {
4170
+ x[ie.value] && x[ie.value].focus();
4044
4171
  }));
4045
- }, Pe = (o) => {
4046
- var fe, Ce;
4047
- if (Ve.value || !p.value || (fe = oe.value) != null && fe.contains(o.target))
4172
+ }, Qe = (a) => {
4173
+ var ve, xe;
4174
+ if (Ce.value || !p.value || (ve = K.value) != null && ve.contains(a.target))
4048
4175
  return;
4049
- const m = o.target;
4050
- ((Ce = m.closest) == null ? void 0 : Ce.call(m, ".nb-split-button")) !== oe.value && (p.value = !1, ne.value = -1, A.value && A.value.setAttribute("aria-expanded", "false"));
4176
+ const x = a.target;
4177
+ ((xe = x.closest) == null ? void 0 : xe.call(x, ".nb-split-button")) !== K.value && (p.value = !1, ie.value = -1, re.value && re.value.setAttribute("aria-expanded", "false"));
4051
4178
  };
4052
- return Ee(() => {
4053
- Le(() => {
4054
- document.addEventListener("click", Pe, !1), document.addEventListener("splitbutton:close-all", Fe);
4179
+ return Ge(() => {
4180
+ Re(() => {
4181
+ document.addEventListener("click", Qe, !1), document.addEventListener("splitbutton:close-all", Je);
4055
4182
  });
4056
4183
  }), mt(() => {
4057
- document.removeEventListener("click", Pe, !1), document.removeEventListener("splitbutton:close-all", Fe);
4058
- }), (o, m) => e.nbId ? (ce(), ve("div", {
4184
+ document.removeEventListener("click", Qe, !1), document.removeEventListener("splitbutton:close-all", Je);
4185
+ }), (a, x) => e.nbId ? (pe(), be("div", {
4059
4186
  key: 0,
4060
4187
  ref_key: "wrapperRef",
4061
- ref: oe,
4062
- class: be(["nb-wrapper", "nb-split-button", De.value]),
4063
- style: se([_e.value]),
4188
+ ref: K,
4189
+ class: ge(["nb-wrapper", "nb-split-button", He.value]),
4190
+ style: ce([Ie.value]),
4064
4191
  onFocusout: dt
4065
4192
  }, [
4066
- ue("div", {
4193
+ se("div", {
4067
4194
  id: e.nbId,
4068
- class: be(["nb-reset", "component", { "component--block": d(J) === "b" }, $e.value]),
4069
- style: se([Re.value])
4195
+ class: ge(["nb-reset", "component", { "component--block": n(ae) === "b" }, Se.value]),
4196
+ style: ce([De.value])
4070
4197
  }, [
4071
- ue("button", {
4198
+ se("button", {
4072
4199
  ref_key: "mainButtonRef",
4073
- ref: c,
4074
- class: be(["split-button__main", { "split-button__main--disabled": d(s) }]),
4075
- style: se([We.value]),
4076
- disabled: d(s),
4200
+ ref: $,
4201
+ class: ge(["split-button__main", { "split-button__main--disabled": n(i) }]),
4202
+ style: ce([Le.value]),
4203
+ disabled: n(i),
4077
4204
  title: e.title,
4078
- "aria-label": d(h),
4079
- "aria-haspopup": !d(z) && d(Y).length > 0,
4080
- "aria-expanded": d(z) ? void 0 : p.value,
4081
- tabindex: d(s) ? -1 : 0,
4082
- onClick: m[0] || (m[0] = L((q) => ze(q), ["stop"])),
4205
+ "aria-label": n(B),
4206
+ "aria-haspopup": !n(O) && n(M).length > 0,
4207
+ "aria-expanded": n(O) ? void 0 : p.value,
4208
+ tabindex: n(i) ? -1 : 0,
4209
+ onClick: x[0] || (x[0] = z((Z) => Ke(Z), ["stop"])),
4083
4210
  onKeydown: [
4084
- m[1] || (m[1] = W(L((q) => !d(s) && e.hasTabIndexEnter && ze(q), ["prevent"]), ["enter"])),
4085
- m[2] || (m[2] = W(L((q) => !d(s) && e.hasTabIndexSpace && ze(q), ["prevent"]), ["space"]))
4211
+ x[1] || (x[1] = F(z((Z) => !n(i) && e.hasTabIndexEnter && Ke(Z), ["prevent"]), ["enter"])),
4212
+ x[2] || (x[2] = F(z((Z) => !n(i) && e.hasTabIndexSpace && Ke(Z), ["prevent"]), ["space"]))
4086
4213
  ]
4087
4214
  }, [
4088
- me(o.$slots, "main-content", {}, () => [
4089
- he(Oe(d(Z)), 1)
4215
+ me(a.$slots, "main-content", {}, () => [
4216
+ he(We(n(oe)), 1)
4090
4217
  ], !0)
4091
- ], 46, Ha),
4092
- d(z) ? (ce(), ve("span", {
4218
+ ], 46, Da),
4219
+ n(O) ? (pe(), be("span", {
4093
4220
  key: 0,
4094
4221
  ref_key: "popupButtonRef",
4095
- ref: A,
4096
- class: be(["split-button__popup-button", { "split-button__popup-button--open": p.value }]),
4097
- style: se([Je.value]),
4222
+ ref: re,
4223
+ class: ge(["split-button__popup-button", { "split-button__popup-button--open": p.value }]),
4224
+ style: ce([ze.value]),
4098
4225
  "aria-haspopup": !0,
4099
4226
  "aria-expanded": p.value,
4100
- title: d(K),
4101
- tabindex: d(s) ? -1 : 0,
4102
- onClick: L(He, ["stop"]),
4227
+ title: n(Q),
4228
+ tabindex: n(i) ? -1 : 0,
4229
+ onClick: z(Oe, ["stop"]),
4103
4230
  onFocusin: rt,
4104
4231
  onFocusout: ut,
4105
4232
  onKeydown: [
4106
- m[3] || (m[3] = W(L((q) => !d(s) && He(), ["prevent"]), ["enter"])),
4107
- m[4] || (m[4] = W(L((q) => !d(s) && He(), ["prevent"]), ["space"]))
4233
+ x[3] || (x[3] = F(z((Z) => !n(i) && Oe(), ["prevent"]), ["enter"])),
4234
+ x[4] || (x[4] = F(z((Z) => !n(i) && Oe(), ["prevent"]), ["space"]))
4108
4235
  ],
4109
4236
  onKeyup: [
4110
- W(Ae, ["escape"]),
4111
- W(Ae, ["backspace"])
4237
+ F(_e, ["escape"]),
4238
+ F(_e, ["backspace"])
4112
4239
  ]
4113
4240
  }, [
4114
- me(o.$slots, "popup-icon", {}, () => [
4115
- (ce(), ve("svg", {
4116
- class: be(["split-button__icon", { "split-button__icon--open": p.value }]),
4241
+ me(a.$slots, "popup-icon", {}, () => [
4242
+ (pe(), be("svg", {
4243
+ class: ge(["split-button__icon", { "split-button__icon--open": p.value }]),
4117
4244
  viewBox: "0 0 24 24",
4118
4245
  fill: "none",
4119
4246
  stroke: "currentColor",
4120
4247
  "stroke-width": "2"
4121
- }, m[5] || (m[5] = [
4122
- ue("polyline", { points: "6 9 12 15 18 9" }, null, -1)
4248
+ }, x[5] || (x[5] = [
4249
+ se("polyline", { points: "6 9 12 15 18 9" }, null, -1)
4123
4250
  ]), 2))
4124
4251
  ], !0)
4125
- ], 46, Aa)) : ge("", !0),
4126
- p.value ? (ce(), ve("div", {
4252
+ ], 46, La)) : ye("", !0),
4253
+ p.value ? (pe(), be("div", {
4127
4254
  key: 1,
4128
4255
  ref_key: "popupRef",
4129
- ref: de,
4130
- class: be(["split-button__popup", { "split-button__popup--open": p.value }]),
4131
- style: se([Qe.value])
4256
+ ref: fe,
4257
+ class: ge(["split-button__popup", { "split-button__popup--open": p.value }]),
4258
+ style: ce([Ye.value])
4132
4259
  }, [
4133
- (ce(!0), ve(ht, null, Ct(d(Y), (q, fe) => (ce(), ve("button", {
4134
- key: fe,
4135
- class: be(["split-button__menu-item", { "split-button__menu-item--disabled": q.disabled }]),
4136
- style: se([ot.value]),
4137
- disabled: q.disabled || d(s),
4138
- tabindex: q.disabled || d(s) ? -1 : 0,
4139
- onClick: L((Ce) => Ye(q, fe, Ce), ["stop"]),
4260
+ (pe(!0), be(ht, null, Ct(n(M), (Z, ve) => (pe(), be("button", {
4261
+ key: ve,
4262
+ class: ge(["split-button__menu-item", { "split-button__menu-item--disabled": Z.disabled }]),
4263
+ style: ce([ot.value]),
4264
+ disabled: Z.disabled || n(i),
4265
+ tabindex: Z.disabled || n(i) ? -1 : 0,
4266
+ onClick: z((xe) => Me(Z, ve, xe), ["stop"]),
4140
4267
  onKeydown: [
4141
- W(L((Ce) => !q.disabled && !d(s) && Ye(q, fe, Ce), ["prevent"]), ["enter"]),
4142
- W(L((Ce) => !q.disabled && !d(s) && Ye(q, fe, Ce), ["prevent"]), ["space"]),
4143
- W(L((Ce) => it(fe), ["prevent"]), ["arrow-up"]),
4144
- W(L((Ce) => st(fe), ["prevent"]), ["arrow-down"]),
4145
- W(L(Ae, ["prevent"]), ["escape"]),
4146
- W(L(Ae, ["prevent"]), ["backspace"])
4268
+ F(z((xe) => !Z.disabled && !n(i) && Me(Z, ve, xe), ["prevent"]), ["enter"]),
4269
+ F(z((xe) => !Z.disabled && !n(i) && Me(Z, ve, xe), ["prevent"]), ["space"]),
4270
+ F(z((xe) => it(ve), ["prevent"]), ["arrow-up"]),
4271
+ F(z((xe) => st(ve), ["prevent"]), ["arrow-down"]),
4272
+ F(z(_e, ["prevent"]), ["escape"]),
4273
+ F(z(_e, ["prevent"]), ["backspace"])
4147
4274
  ]
4148
4275
  }, [
4149
- q.icon ? (ce(), ve("span", Oa, [
4150
- me(o.$slots, `item-icon-${fe}`, { item: q }, () => [
4151
- he(Oe(q.icon), 1)
4276
+ Z.icon ? (pe(), be("span", Oa, [
4277
+ me(a.$slots, `item-icon-${ve}`, { item: Z }, () => [
4278
+ he(We(Z.icon), 1)
4152
4279
  ], !0)
4153
- ])) : ge("", !0),
4154
- ue("span", _a, Oe(q.label), 1)
4155
- ], 46, La))), 128))
4156
- ], 6)) : ge("", !0)
4157
- ], 14, Na)
4158
- ], 38)) : ge("", !0);
4280
+ ])) : ye("", !0),
4281
+ se("span", _a, We(Z.label), 1)
4282
+ ], 46, Aa))), 128))
4283
+ ], 6)) : ye("", !0)
4284
+ ], 14, $a)
4285
+ ], 38)) : ye("", !0);
4159
4286
  }
4160
- }), Wa = /* @__PURE__ */ ke(Ra, [["__scopeId", "data-v-dd4bc1d8"]]), je = {
4287
+ }), Wa = /* @__PURE__ */ Te(Ra, [["__scopeId", "data-v-dd4bc1d8"]]), Ue = {
4161
4288
  NbButtonVavaGame: Vt,
4162
- NbButtonShowHover: $t,
4163
- NbButtonPrevNext: Lt,
4289
+ NbButtonShowHover: wt,
4290
+ NbButtonPrevNext: At,
4164
4291
  NbButtonMechanical: Wt,
4165
4292
  NbButtonMechanical2: jt,
4166
4293
  NbButtonHamburger: Kt,
@@ -4171,15 +4298,15 @@ const Na = ["id"], Ha = ["disabled", "title", "aria-label", "aria-haspopup", "ar
4171
4298
  NbButtonNormal: ma,
4172
4299
  NbButtonShadow: xa,
4173
4300
  NbButtonUnderlineExpand: Ta,
4174
- NbButtonUnderlineFill: Da,
4301
+ NbButtonUnderlineFill: Na,
4175
4302
  NbButtonGradientBorderToBackground: pa,
4176
4303
  NbButtonSplitDropdown: Wa
4177
4304
  }, Ya = {
4178
4305
  install(e) {
4179
- for (const n in je)
4180
- if (Object.prototype.hasOwnProperty.call(je, n)) {
4181
- const P = je[n];
4182
- e.component(P.name, P);
4306
+ for (const l in Ue)
4307
+ if (Object.prototype.hasOwnProperty.call(Ue, l)) {
4308
+ const J = Ue[l];
4309
+ e.component(J.name, J);
4183
4310
  }
4184
4311
  }
4185
4312
  };