@nmorph/nmorph-ui-kit 0.2.125 → 0.2.127

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 (5) hide show
  1. package/dist/index.es.js +393 -390
  2. package/dist/index.umd.js +2 -2
  3. package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts +6 -0
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -63,17 +63,17 @@ const N2 = (t, e) => {
63
63
  `${r.icon && "icon"}`
64
64
  ]
65
65
  })
66
- ), u = $(null), c = l, d = {
66
+ ), d = $(null), c = l, u = {
67
67
  thin: "small",
68
68
  default: "medium",
69
69
  thick: "large"
70
- }, v = h(() => d[r.height]);
71
- return e({ buttonDOMElement: u }), (m, y) => (a(), o("div", {
70
+ }, v = h(() => u[r.height]);
71
+ return e({ buttonDOMElement: d }), (m, y) => (a(), o("div", {
72
72
  class: B(s.value)
73
73
  }, [
74
74
  n("button", {
75
75
  ref_key: "buttonDOMElement",
76
- ref: u,
76
+ ref: d,
77
77
  class: "nmorph-button__content",
78
78
  disabled: r.disabled,
79
79
  loading: r.loading,
@@ -111,7 +111,7 @@ const a0 = {
111
111
  color: { default: "var(--nmorph-text-color)" }
112
112
  },
113
113
  setup(t) {
114
- J((u) => ({
114
+ J((d) => ({
115
115
  d36f10ce: s.value
116
116
  }));
117
117
  const e = t, l = h(
@@ -123,16 +123,16 @@ const a0 = {
123
123
  ]
124
124
  })
125
125
  ), r = h(() => {
126
- const u = {};
127
- return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
126
+ const d = {};
127
+ return e.width && (d["--width"] = e.width), e.height && (d["--height"] = e.height), d;
128
128
  }), s = h(() => e.color);
129
- return (u, c) => (a(), o("div", {
129
+ return (d, c) => (a(), o("div", {
130
130
  class: B(l.value),
131
131
  style: I(r.value)
132
132
  }, [
133
133
  e.name ? (a(), o("div", a0, [
134
134
  (a(), q(W2(p(c2)[e.name])))
135
- ])) : S(u.$slots, "default", { key: 1 })
135
+ ])) : S(d.$slots, "default", { key: 1 })
136
136
  ], 6));
137
137
  }
138
138
  });
@@ -2880,15 +2880,15 @@ const wd = /* @__PURE__ */ T({
2880
2880
  "68ca2cc6": g.value,
2881
2881
  e6613a6c: x.value,
2882
2882
  "475844c4": c.value,
2883
- "475844c5": u.value,
2883
+ "475844c5": d.value,
2884
2884
  "408c54d1": L.value,
2885
2885
  ba0dc0f6: f.value,
2886
2886
  bb485170: w.value
2887
2887
  }));
2888
- const r = t, s = $(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = $(!1), v = $(!1), m = () => {
2889
- d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
2888
+ const r = t, s = $(null), d = h(() => r.scrollYProp), c = h(() => r.scrollXProp), u = $(!1), v = $(!1), m = () => {
2889
+ u.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
2890
2890
  }, y = h(() => r.yBarWidthInPx + r.yGapInPx), M = h(() => r.xBarWidthInPx + r.xGapInPx), g = h(
2891
- () => r.scrollYProp === "hidden" || !d.value ? "0" : `${y.value}px`
2891
+ () => r.scrollYProp === "hidden" || !u.value ? "0" : `${y.value}px`
2892
2892
  ), x = h(
2893
2893
  () => r.scrollXProp === "hidden" || !v.value ? "0" : `${M.value}px`
2894
2894
  ), f = h(() => `${r.yBarWidthInPx}px`), w = h(() => `${r.xBarWidthInPx}px`), b = X("nmorph");
@@ -2974,18 +2974,18 @@ const xd = /* @__PURE__ */ T({
2974
2974
  "11d2c240": v.value,
2975
2975
  "75c6801c": M.value
2976
2976
  }));
2977
- const l = t, r = e, s = $(!1), u = h(
2977
+ const l = t, r = e, s = $(!1), d = h(
2978
2978
  () => D({
2979
2979
  nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
2980
2980
  "nmorph-avatar": [l.shape]
2981
2981
  })
2982
2982
  ), c = (x) => {
2983
2983
  r("error", x), s.value = !0;
2984
- }, d = (x) => {
2984
+ }, u = (x) => {
2985
2985
  r("load", x), s.value = !1;
2986
2986
  }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), y = h(() => `${l.size / 100 * 60}px`), M = h(() => l.shape === "circle" ? "50%" : "4px"), g = h(() => `${l.frameBorder}px`);
2987
2987
  return (x, f) => (a(), o("div", {
2988
- class: B(u.value)
2988
+ class: B(d.value)
2989
2989
  }, [
2990
2990
  H(p(be), {
2991
2991
  fit: l.fit,
@@ -2993,7 +2993,7 @@ const xd = /* @__PURE__ */ T({
2993
2993
  "src-set": l.srcSet,
2994
2994
  alt: l.alt,
2995
2995
  "frame-border": 0,
2996
- onLoad: d,
2996
+ onLoad: u,
2997
2997
  onError: c
2998
2998
  }, {
2999
2999
  error: E(() => [
@@ -3042,15 +3042,15 @@ const fe = (t, e) => {
3042
3042
  () => D({
3043
3043
  "nmorph-badge__container": [`${e.hidden && "hidden"}`]
3044
3044
  })
3045
- ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
3046
- const m = `${(d?.value / 2 + e.offsetX) * -1}px`, y = `${(v?.value / 2 + e.offsetY) * -1}px`;
3045
+ ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), d = h(() => {
3046
+ const m = `${(u?.value / 2 + e.offsetX) * -1}px`, y = `${(v?.value / 2 + e.offsetY) * -1}px`;
3047
3047
  return {
3048
3048
  x: m,
3049
3049
  y
3050
3050
  };
3051
- }), c = $(null), d = $(0), v = $(0);
3051
+ }), c = $(null), u = $(0), v = $(0);
3052
3052
  return Z(() => {
3053
- c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
3053
+ c.value && (u.value = c.value.clientWidth, v.value = c.value.clientHeight);
3054
3054
  }), (m, y) => e.disabled ? S(m.$slots, "default", { key: 1 }) : (a(), o("div", {
3055
3055
  key: 0,
3056
3056
  class: B(l.value)
@@ -3060,7 +3060,7 @@ const fe = (t, e) => {
3060
3060
  ref_key: "badge",
3061
3061
  ref: c,
3062
3062
  class: B(r.value),
3063
- style: I({ right: u.value.x, top: u.value.y })
3063
+ style: I({ right: d.value.x, top: d.value.y })
3064
3064
  }, [
3065
3065
  e.isDot ? (a(), o("div", yd)) : (a(), o("div", bd, [
3066
3066
  S(m.$slots, "value", {}, () => [
@@ -3088,11 +3088,11 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
3088
3088
  },
3089
3089
  emits: ["update:model-value", "update-initial-date"],
3090
3090
  setup(t, { emit: e }) {
3091
- const l = t, r = e, { days: s } = ke(), u = () => {
3091
+ const l = t, r = e, { days: s } = ke(), d = () => {
3092
3092
  x.value = _.value;
3093
3093
  }, c = () => {
3094
3094
  x.value = /* @__PURE__ */ new Date();
3095
- }, d = () => {
3095
+ }, u = () => {
3096
3096
  x.value = z.value;
3097
3097
  }, v = () => {
3098
3098
  throw new Error("model value and type prop not matched");
@@ -3121,7 +3121,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
3121
3121
  const { monthType: W, hidden: O } = k;
3122
3122
  if (O)
3123
3123
  return;
3124
- W === "next" && d(), W === "previous" && u();
3124
+ W === "next" && u(), W === "previous" && d();
3125
3125
  const { date: L } = k;
3126
3126
  if (l.type === "date" && (f.value = L, r("update:model-value", f.value)), l.type === "dates") {
3127
3127
  if (!Array.isArray(f.value))
@@ -3198,8 +3198,8 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
3198
3198
  "show-previous-month-button": V.value.showPreviousMonthButton,
3199
3199
  "show-today-button": V.value.showTodayButton,
3200
3200
  "show-next-month-button": V.value.showNextMonthButton,
3201
- onClickNextMonth: d,
3202
- onClickPreviousMonth: u,
3201
+ onClickNextMonth: u,
3202
+ onClickPreviousMonth: d,
3203
3203
  onClickToday: c
3204
3204
  }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
3205
3205
  ]),
@@ -3282,8 +3282,8 @@ const _2 = (t) => {
3282
3282
  const { months: e } = ke();
3283
3283
  return e[t];
3284
3284
  }, Vd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Je = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Vd(t) ? 29 : 28, oe = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), x2 = (t, e) => {
3285
- const l = (R) => e ? R < oe(e[0]) || R > oe(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = Je(r, s), v = 7 + c - 8;
3286
- let M = 7 - (new Date(r, s, d).getDay() + 1);
3285
+ const l = (R) => e ? R < oe(e[0]) || R > oe(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, u = Je(r, s), v = 7 + c - 8;
3286
+ let M = 7 - (new Date(r, s, u).getDay() + 1);
3287
3287
  const g = /* @__PURE__ */ new Date(), x = g.getDate(), f = g.getMonth(), w = s - 1, b = Je(r, w);
3288
3288
  let _ = b - v;
3289
3289
  const z = [];
@@ -3313,7 +3313,7 @@ const _2 = (t) => {
3313
3313
  }
3314
3314
  let k = 0;
3315
3315
  const W = [];
3316
- for (; k < d; ) {
3316
+ for (; k < u; ) {
3317
3317
  const R = g.getDate();
3318
3318
  k++;
3319
3319
  const K = f === s && R === k, ae = new Date(r, s, k);
@@ -3347,32 +3347,32 @@ const _2 = (t) => {
3347
3347
  "nmorph-calendar-header": []
3348
3348
  })
3349
3349
  );
3350
- return (u, c) => (a(), o("div", {
3350
+ return (d, c) => (a(), o("div", {
3351
3351
  class: B(s.value)
3352
3352
  }, [
3353
- S(u.$slots, "default", {}, () => [
3353
+ S(d.$slots, "default", {}, () => [
3354
3354
  n("div", Bd, F(l.year) + " " + F(p(Ee)(l.month)), 1),
3355
3355
  n("div", Cd, [
3356
- u.showPreviousMonthButton ? (a(), q(p(U), {
3356
+ d.showPreviousMonthButton ? (a(), q(p(U), {
3357
3357
  key: 0,
3358
3358
  class: "nmorph-calendar-header__action",
3359
- onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
3359
+ onClick: c[0] || (c[0] = (u) => r("click-previous-month"))
3360
3360
  }, {
3361
3361
  default: E(() => [
3362
3362
  H(p(P), { name: "arrow-left" })
3363
3363
  ]),
3364
3364
  _: 1
3365
3365
  })) : A("", !0),
3366
- u.showTodayButton ? (a(), q(p(U), {
3366
+ d.showTodayButton ? (a(), q(p(U), {
3367
3367
  key: 1,
3368
3368
  class: "nmorph-calendar-header__action",
3369
3369
  text: "Today",
3370
- onClick: c[1] || (c[1] = (d) => r("click-today"))
3370
+ onClick: c[1] || (c[1] = (u) => r("click-today"))
3371
3371
  })) : A("", !0),
3372
- u.showNextMonthButton ? (a(), q(p(U), {
3372
+ d.showNextMonthButton ? (a(), q(p(U), {
3373
3373
  key: 2,
3374
3374
  class: "nmorph-calendar-header__action",
3375
- onClick: c[2] || (c[2] = (d) => r("click-next-month"))
3375
+ onClick: c[2] || (c[2] = (u) => r("click-next-month"))
3376
3376
  }, {
3377
3377
  default: E(() => [
3378
3378
  H(p(P), { name: "arrow-right" })
@@ -3400,7 +3400,7 @@ const Sd = { class: "nmorph-card__header" }, Ad = { class: "nmorph-card__content
3400
3400
  "nmorph-card": [e.shadowType]
3401
3401
  })
3402
3402
  ), r = h(() => `${e.combinedShadowBorderWidth}px`);
3403
- return (s, u) => (a(), o("div", {
3403
+ return (s, d) => (a(), o("div", {
3404
3404
  class: B(l.value)
3405
3405
  }, [
3406
3406
  n("div", Sd, [
@@ -3426,7 +3426,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
3426
3426
  l.value = l.value + 1;
3427
3427
  }, s = () => {
3428
3428
  l.value = l.value - 1;
3429
- }, u = t, c = e, d = h(
3429
+ }, d = t, c = e, u = h(
3430
3430
  () => D({
3431
3431
  "nmorph-carousel": []
3432
3432
  })
@@ -3439,7 +3439,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
3439
3439
  l.value === 0 && (l.value = Object.keys(M).length, b.value = !1), l.value > Object.keys(M).length && (l.value = 1, b.value = !1);
3440
3440
  };
3441
3441
  Z(() => {
3442
- u.loop && l.value === 0 && (he(() => g()), y.value?.addEventListener("transitionend", x));
3442
+ d.loop && l.value === 0 && (he(() => g()), y.value?.addEventListener("transitionend", x));
3443
3443
  }), Y(l, (V) => {
3444
3444
  c("change", l.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
3445
3445
  b.value = !0;
@@ -3452,7 +3452,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
3452
3452
  l.value = V + 1;
3453
3453
  };
3454
3454
  return (V, j) => (a(), o("div", {
3455
- class: B(d.value)
3455
+ class: B(u.value)
3456
3456
  }, [
3457
3457
  n("div", {
3458
3458
  ref_key: "carouselWrapper",
@@ -3508,14 +3508,14 @@ const Fd = /* @__PURE__ */ T({
3508
3508
  ), r = X("carousel-data", void 0), s = $(!1);
3509
3509
  return Z(() => {
3510
3510
  s.value = !0, r && r.data.value.push(e.name);
3511
- }), (u, c) => s.value ? (a(), o("div", {
3511
+ }), (d, c) => s.value ? (a(), o("div", {
3512
3512
  key: 0,
3513
3513
  class: B(l.value)
3514
3514
  }, [
3515
3515
  (a(), q(pe, {
3516
3516
  to: `#nmorph-carousel-item-${p(r)?.carouselId}-${e.name}`
3517
3517
  }, [
3518
- S(u.$slots, "default")
3518
+ S(d.$slots, "default")
3519
3519
  ], 8, ["to"]))
3520
3520
  ], 2)) : A("", !0);
3521
3521
  }
@@ -3530,31 +3530,31 @@ const Fd = /* @__PURE__ */ T({
3530
3530
  const l = t, r = $(l.modelValue);
3531
3531
  Y(
3532
3532
  () => l.modelValue,
3533
- (d) => {
3534
- r.value = d;
3533
+ (u) => {
3534
+ r.value = u;
3535
3535
  }
3536
3536
  );
3537
- const s = (d, v) => {
3537
+ const s = (u, v) => {
3538
3538
  if (l.accordion)
3539
- r.value = v ? [d] : [];
3539
+ r.value = v ? [u] : [];
3540
3540
  else if (!Array.isArray(r.value))
3541
- r.value = [d];
3541
+ r.value = [u];
3542
3542
  else {
3543
- const m = r.value.indexOf(d);
3544
- v && m === -1 && r.value.push(d), !v && m !== -1 && r.value.splice(m, 1);
3543
+ const m = r.value.indexOf(u);
3544
+ v && m === -1 && r.value.push(u), !v && m !== -1 && r.value.splice(m, 1);
3545
3545
  }
3546
- u("update:model-value", r.value);
3546
+ d("update:model-value", r.value);
3547
3547
  };
3548
3548
  N("collapse-data", r), N("update-model", s);
3549
- const u = e, c = h(
3549
+ const d = e, c = h(
3550
3550
  () => D({
3551
3551
  "nmorph-collapse": []
3552
3552
  })
3553
3553
  );
3554
- return (d, v) => (a(), o("div", {
3554
+ return (u, v) => (a(), o("div", {
3555
3555
  class: B(c.value)
3556
3556
  }, [
3557
- S(d.$slots, "default")
3557
+ S(u.$slots, "default")
3558
3558
  ], 2));
3559
3559
  }
3560
3560
  }), Wd = /* @__PURE__ */ T({
@@ -3568,7 +3568,7 @@ const Fd = /* @__PURE__ */ T({
3568
3568
  },
3569
3569
  emits: ["click-item"],
3570
3570
  setup(t, { emit: e }) {
3571
- const l = t, r = e, s = $(!1), u = h(
3571
+ const l = t, r = e, s = $(!1), d = h(
3572
3572
  () => D({
3573
3573
  "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${s.value && "is-open"}`]
3574
3574
  })
@@ -3576,13 +3576,13 @@ const Fd = /* @__PURE__ */ T({
3576
3576
  () => D({
3577
3577
  nmorph: [ne[l.height]]
3578
3578
  })
3579
- ), d = X("collapse-data", void 0), v = X("update-model", void 0), m = $(null), y = $(0), M = () => {
3579
+ ), u = X("collapse-data", void 0), v = X("update-model", void 0), m = $(null), y = $(0), M = () => {
3580
3580
  l.block || (s.value = !s.value, v && (v(l.name, s.value), r("click-item", { id: l.name, isOpen: s.value })));
3581
3581
  };
3582
3582
  return Z(() => {
3583
- Array.isArray(d?.value) ? s.value = d.value.includes(l.name) : s.value = d?.value === l.name;
3583
+ Array.isArray(u?.value) ? s.value = u.value.includes(l.name) : s.value = u?.value === l.name;
3584
3584
  }), Y(
3585
- () => d?.value,
3585
+ () => u?.value,
3586
3586
  (g) => {
3587
3587
  Array.isArray(g) ? s.value = g.includes(l.name) : s.value = g === l.name;
3588
3588
  },
@@ -3590,7 +3590,7 @@ const Fd = /* @__PURE__ */ T({
3590
3590
  ), Y(s, () => {
3591
3591
  y.value = s.value && m.value ? m.value?.clientHeight : 0;
3592
3592
  }), (g, x) => (a(), o("div", {
3593
- class: B(u.value),
3593
+ class: B(d.value),
3594
3594
  onClick: re(M, ["stop"])
3595
3595
  }, [
3596
3596
  n("div", {
@@ -3638,10 +3638,10 @@ const Ld = ["src", "alt", "srcset"], Ud = {
3638
3638
  "1a936921": M.value,
3639
3639
  "3ba8437a": y.value
3640
3640
  }));
3641
- const l = t, r = $(!1), s = $(!1), u = e, c = (g) => {
3642
- r.value = !0, s.value = !1, u("load", g);
3643
- }, d = (g) => {
3644
- r.value = !0, s.value = !0, u("error", g);
3641
+ const l = t, r = $(!1), s = $(!1), d = e, c = (g) => {
3642
+ r.value = !0, s.value = !1, d("load", g);
3643
+ }, u = (g) => {
3644
+ r.value = !0, s.value = !0, d("error", g);
3645
3645
  }, v = h(() => r.value && s.value), m = h(
3646
3646
  () => D({
3647
3647
  nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
@@ -3657,7 +3657,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
3657
3657
  alt: l.alt,
3658
3658
  srcset: l.srcSet,
3659
3659
  onLoad: c,
3660
- onError: d
3660
+ onError: u
3661
3661
  }, null, 40, Ld),
3662
3662
  v.value ? (a(), o("div", Ud, [
3663
3663
  S(g.$slots, "error", {}, () => [
@@ -3699,7 +3699,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
3699
3699
  () => D({
3700
3700
  "nmorph-image-preview": [`${r.value && "opened"}`]
3701
3701
  })
3702
- ), u = $(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[u.value]), d = $(1), v = () => {
3702
+ ), d = $(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[d.value]), u = $(1), v = () => {
3703
3703
  r.value = !0, k("update:model-value", r.value);
3704
3704
  }, m = () => {
3705
3705
  r.value = !1, k("update:model-value", r.value);
@@ -3708,19 +3708,19 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
3708
3708
  }, M = () => {
3709
3709
  _.value = _.value - 90, _.value <= -360 && (_.value = 0);
3710
3710
  }, g = () => {
3711
- d.value < l.maxScaleLevel && (d.value += l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
3711
+ u.value < l.maxScaleLevel && (u.value += l.scaleStep), u.value = parseFloat(u.value.toFixed(3));
3712
3712
  }, x = () => {
3713
- d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
3714
- }, f = h(() => d.value < 1), w = () => {
3715
- d.value = 1;
3713
+ u.value > l.minScaleLevel && (u.value -= l.scaleStep), u.value = parseFloat(u.value.toFixed(3));
3714
+ }, f = h(() => u.value < 1), w = () => {
3715
+ u.value = 1;
3716
3716
  }, b = () => {
3717
- d.value = 1;
3717
+ u.value = 1;
3718
3718
  }, _ = $(0), z = () => {
3719
- const O = l.src.length - 1, L = u.value - 1;
3720
- L < 0 ? u.value = O : u.value = L;
3719
+ const O = l.src.length - 1, L = d.value - 1;
3720
+ L < 0 ? d.value = O : d.value = L;
3721
3721
  }, V = () => {
3722
- const O = l.src.length - 1, L = u.value + 1;
3723
- L > O ? u.value = 0 : u.value = L;
3722
+ const O = l.src.length - 1, L = d.value + 1;
3723
+ L > O ? d.value = 0 : d.value = L;
3724
3724
  }, j = h(() => {
3725
3725
  let O = {
3726
3726
  icon: "shrink",
@@ -3771,7 +3771,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
3771
3771
  src: c.value,
3772
3772
  alt: l.alt,
3773
3773
  fit: "cover",
3774
- style: I({ transform: `rotate(${_.value}deg) scale(${d.value})` })
3774
+ style: I({ transform: `rotate(${_.value}deg) scale(${u.value})` })
3775
3775
  }, null, 8, ["src", "alt", "style"])
3776
3776
  ]),
3777
3777
  W.value ? (a(), o("div", Kd, [
@@ -3808,7 +3808,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
3808
3808
  ])), 64)),
3809
3809
  n("div", Jd, [
3810
3810
  H(p(U), {
3811
- disabled: d.value === 1,
3811
+ disabled: u.value === 1,
3812
3812
  onClick: j.value.handler
3813
3813
  }, {
3814
3814
  default: E(() => [
@@ -3843,21 +3843,21 @@ const Nd = /* @__PURE__ */ T({
3843
3843
  () => D({
3844
3844
  "nmorph-pagination": [`${l.disabled && "disabled"}`]
3845
3845
  })
3846
- ), u = () => {
3847
- d.value = String(Number(d.value) - 1);
3846
+ ), d = () => {
3847
+ u.value = String(Number(u.value) - 1);
3848
3848
  }, c = () => {
3849
- d.value = String(Number(d.value) + 1);
3850
- }, d = $(String(l.modelValue)), v = h(() => {
3849
+ u.value = String(Number(u.value) + 1);
3850
+ }, u = $(String(l.modelValue)), v = h(() => {
3851
3851
  const w = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, b = w % 1 === 0 ? -1 : 0;
3852
3852
  return Array.from({ length: w + b }, (z, V) => ({ value: String(V + 1), label: String(V + 1) }));
3853
3853
  }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
3854
- Y(d, (w) => {
3854
+ Y(u, (w) => {
3855
3855
  r("update:model-value", Number(w));
3856
3856
  });
3857
3857
  const y = (w) => {
3858
- d.value = w;
3859
- }, M = h(() => Number(d.value) === 1), g = h(() => v.value.length === Number(d.value)), x = h(() => {
3860
- const w = v.value.length, b = Number(d.value), _ = l.maxVisiblePages;
3858
+ u.value = w;
3859
+ }, M = h(() => Number(u.value) === 1), g = h(() => v.value.length === Number(u.value)), x = h(() => {
3860
+ const w = v.value.length, b = Number(u.value), _ = l.maxVisiblePages;
3861
3861
  if (w <= _)
3862
3862
  return v.value;
3863
3863
  const z = Math.floor(_ / 2);
@@ -3869,9 +3869,9 @@ const Nd = /* @__PURE__ */ T({
3869
3869
  v.value[w - 1]
3870
3870
  ];
3871
3871
  }), f = (w) => {
3872
- const b = Number(d.value);
3872
+ const b = Number(u.value);
3873
3873
  let _ = w === "prev" ? b - l.fastForwardStep : b + l.fastForwardStep;
3874
- _ <= 0 && (_ = 1), _ >= v.value.length && (_ = v.value.length), d.value = String(_);
3874
+ _ <= 0 && (_ = 1), _ >= v.value.length && (_ = v.value.length), u.value = String(_);
3875
3875
  };
3876
3876
  return (w, b) => m.value ? (a(), o("div", {
3877
3877
  key: 0,
@@ -3880,7 +3880,7 @@ const Nd = /* @__PURE__ */ T({
3880
3880
  H(p(U), {
3881
3881
  class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
3882
3882
  disabled: M.value || l.disabled,
3883
- onClick: u
3883
+ onClick: d
3884
3884
  }, {
3885
3885
  default: E(() => [
3886
3886
  H(p(P), {
@@ -3891,7 +3891,7 @@ const Nd = /* @__PURE__ */ T({
3891
3891
  _: 1
3892
3892
  }, 8, ["disabled"]),
3893
3893
  H(p(Ue), {
3894
- "model-value": d.value,
3894
+ "model-value": u.value,
3895
3895
  class: "nmorph-pagination__page-group",
3896
3896
  disabled: l.disabled,
3897
3897
  "onUpdate:modelValue": y
@@ -3961,16 +3961,16 @@ const Id = {
3961
3961
  J((g) => ({
3962
3962
  "1ae927c9": r.value,
3963
3963
  "588931e9": s.value,
3964
- "781c6b0a": u.value,
3964
+ "781c6b0a": d.value,
3965
3965
  "58c45d38": y.value
3966
3966
  }));
3967
3967
  const e = t, l = h(
3968
3968
  () => D({
3969
3969
  "nmorph-progress": []
3970
3970
  })
3971
- ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
3971
+ ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), d = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), u = $(1), v = h(() => `${u.value} ${u.value}`), m = h(() => u.value - e.percentage / 100 * u.value);
3972
3972
  Z(() => {
3973
- c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
3973
+ c.value && (u.value = 2 * Math.PI * c.value.r.baseVal.value);
3974
3974
  });
3975
3975
  const y = h(() => `${e.circleSize}px`), M = h(() => `${e.percentage}%`);
3976
3976
  return (g, x) => (a(), o("div", {
@@ -4037,8 +4037,8 @@ const du = {
4037
4037
  class: B(l.value)
4038
4038
  }, [
4039
4039
  e.rows && e.loading ? (a(), o("div", du, [
4040
- (a(!0), o(G, null, Q(e.rows, (u) => (a(), q(p(M2), {
4041
- key: u,
4040
+ (a(!0), o(G, null, Q(e.rows, (d) => (a(), q(p(M2), {
4041
+ key: d,
4042
4042
  width: "100%",
4043
4043
  height: "14px",
4044
4044
  variant: "rect"
@@ -4067,7 +4067,7 @@ const hu = { class: "nmorph-skeleton-item__element" }, M2 = /* @__PURE__ */ T({
4067
4067
  design: { default: "nmorph" }
4068
4068
  },
4069
4069
  setup(t) {
4070
- J((u) => ({
4070
+ J((d) => ({
4071
4071
  "085cc1bc": r.value,
4072
4072
  "2d27081e": s.value
4073
4073
  }));
@@ -4076,7 +4076,7 @@ const hu = { class: "nmorph-skeleton-item__element" }, M2 = /* @__PURE__ */ T({
4076
4076
  "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
4077
4077
  })
4078
4078
  ), r = h(() => e.width), s = h(() => e.height);
4079
- return (u, c) => (a(), o("div", {
4079
+ return (d, c) => (a(), o("div", {
4080
4080
  class: B(l.value)
4081
4081
  }, [
4082
4082
  n("div", hu, [
@@ -4101,17 +4101,17 @@ const xe = "10px", pu = /* @__PURE__ */ T({
4101
4101
  () => D({
4102
4102
  "nmorph-sort-button": [`${l.value}`]
4103
4103
  })
4104
- ), u = () => {
4104
+ ), d = () => {
4105
4105
  const c = l.value === "ascending" ? "descending" : "ascending";
4106
4106
  r("sort", c);
4107
4107
  };
4108
- return (c, d) => (a(), o("div", {
4108
+ return (c, u) => (a(), o("div", {
4109
4109
  class: B(s.value)
4110
4110
  }, [
4111
4111
  H(p(U), {
4112
4112
  height: "thin",
4113
4113
  "style-type": "transparent",
4114
- onClick: u
4114
+ onClick: d
4115
4115
  }, {
4116
4116
  default: E(() => [
4117
4117
  H(p(P), {
@@ -4146,7 +4146,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4146
4146
  () => D({
4147
4147
  "nmorph-table": [`${e.design}`]
4148
4148
  })
4149
- ), r = $(e.data), s = $(e.sort), u = (x, f) => {
4149
+ ), r = $(e.data), s = $(e.sort), d = (x, f) => {
4150
4150
  s.value && (s.value[f] = x, r.value.sort((w, b) => {
4151
4151
  const _ = String(w[f]).toLowerCase(), z = String(b[f]).toLowerCase();
4152
4152
  if (!s.value)
@@ -4154,16 +4154,16 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4154
4154
  const V = s.value[f];
4155
4155
  return V === "ascending" ? _.localeCompare(z) : V === "descending" ? z.localeCompare(_) : 0;
4156
4156
  }));
4157
- }, c = $(null), d = $([]);
4158
- N("table-data", { rows: r, columns: d });
4157
+ }, c = $(null), u = $([]);
4158
+ N("table-data", { rows: r, columns: u });
4159
4159
  const v = h(() => {
4160
- const x = d.value.map((z) => z.width).filter((z) => !!z), f = x.length, w = x.reduce((z, V) => (z += Number(V), z), 0), b = d.value.length - f;
4160
+ const x = u.value.map((z) => z.width).filter((z) => !!z), f = x.length, w = x.reduce((z, V) => (z += Number(V), z), 0), b = u.value.length - f;
4161
4161
  return c.value?.clientWidth ? (c.value?.clientWidth - w) / b : 0;
4162
4162
  }), m = (x) => x !== "" ? x : v.value, y = $(0);
4163
4163
  Y(
4164
4164
  () => e.data,
4165
4165
  () => {
4166
- y.value = y.value + 1, r.value = e.data, d.value = [];
4166
+ y.value = y.value + 1, r.value = e.data, u.value = [];
4167
4167
  },
4168
4168
  {
4169
4169
  immediate: !0
@@ -4179,7 +4179,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4179
4179
  n("div", mu, [
4180
4180
  n("table", _u, [
4181
4181
  n("colgroup", null, [
4182
- (a(!0), o(G, null, Q(d.value, (w) => (a(), o("col", {
4182
+ (a(!0), o(G, null, Q(u.value, (w) => (a(), o("col", {
4183
4183
  key: w.prop,
4184
4184
  style: I({ width: `${m(w.width)}px` }),
4185
4185
  "data-src": `${m(w.width)}px`
@@ -4187,7 +4187,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4187
4187
  ]),
4188
4188
  n("thead", null, [
4189
4189
  n("tr", gu, [
4190
- (a(!0), o(G, null, Q(d.value, (w, b) => (a(), o("th", {
4190
+ (a(!0), o(G, null, Q(u.value, (w, b) => (a(), o("th", {
4191
4191
  key: b,
4192
4192
  class: B(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
4193
4193
  }, [
@@ -4201,7 +4201,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4201
4201
  key: 0,
4202
4202
  class: "nmorph-table__button-wrapper",
4203
4203
  value: s.value[w.prop],
4204
- onSort: (_) => u(_, w.prop)
4204
+ onSort: (_) => d(_, w.prop)
4205
4205
  }, null, 8, ["value", "onSort"])) : A("", !0)
4206
4206
  ], 4)
4207
4207
  ])
@@ -4212,7 +4212,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4212
4212
  n("div", xu, [
4213
4213
  n("table", null, [
4214
4214
  n("colgroup", null, [
4215
- (a(!0), o(G, null, Q(d.value, (w) => (a(), o("col", {
4215
+ (a(!0), o(G, null, Q(u.value, (w) => (a(), o("col", {
4216
4216
  key: w.prop,
4217
4217
  style: I({ width: `${m(w.width)}px` })
4218
4218
  }, null, 4))), 128))
@@ -4222,7 +4222,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4222
4222
  key: b,
4223
4223
  class: B(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
4224
4224
  }, [
4225
- (a(!0), o(G, null, Q(d.value, (_) => (a(), o("td", {
4225
+ (a(!0), o(G, null, Q(u.value, (_) => (a(), o("td", {
4226
4226
  key: _.prop,
4227
4227
  class: B([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
4228
4228
  }, [
@@ -4237,7 +4237,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
4237
4237
  ]),
4238
4238
  n("table", null, [
4239
4239
  n("colgroup", null, [
4240
- (a(!0), o(G, null, Q(d.value, (w) => (a(), o("col", {
4240
+ (a(!0), o(G, null, Q(u.value, (w) => (a(), o("col", {
4241
4241
  key: w.prop,
4242
4242
  style: I({ width: `${m(w.width)}px` })
4243
4243
  }, null, 4))), 128))
@@ -4261,17 +4261,17 @@ const H2 = /* @__PURE__ */ T({
4261
4261
  () => D({
4262
4262
  "nmorph-table-cell": []
4263
4263
  })
4264
- ), u = h(() => `#table-cell-${l}-${r.row}-${e}`), c = $(!1);
4264
+ ), d = h(() => `#table-cell-${l}-${r.row}-${e}`), c = $(!1);
4265
4265
  return Z(async () => {
4266
4266
  await he();
4267
- const d = document.querySelector(u.value);
4268
- d && (d.innerHTML = ""), c.value = !0;
4269
- }), (d, v) => c.value ? (a(), o("div", {
4267
+ const u = document.querySelector(d.value);
4268
+ u && (u.innerHTML = ""), c.value = !0;
4269
+ }), (u, v) => c.value ? (a(), o("div", {
4270
4270
  key: 0,
4271
4271
  class: B(s.value)
4272
4272
  }, [
4273
- (a(), q(pe, { to: u.value }, [
4274
- S(d.$slots, "default")
4273
+ (a(), q(pe, { to: d.value }, [
4274
+ S(u.$slots, "default")
4275
4275
  ], 8, ["to"]))
4276
4276
  ], 2)) : A("", !0);
4277
4277
  }
@@ -4288,7 +4288,7 @@ const H2 = /* @__PURE__ */ T({
4288
4288
  () => D({
4289
4289
  "nmorph-table-column": []
4290
4290
  })
4291
- ), u = $(0);
4291
+ ), d = $(0);
4292
4292
  N("column-property", r.prop), N("table-identifier", l), Z(() => {
4293
4293
  c();
4294
4294
  });
@@ -4296,12 +4296,12 @@ const H2 = /* @__PURE__ */ T({
4296
4296
  if (!e?.columns.value)
4297
4297
  return;
4298
4298
  const { columns: v } = e;
4299
- u.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: u.value }];
4300
- }, d = $(null);
4299
+ d.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: d.value }];
4300
+ }, u = $(null);
4301
4301
  return (v, m) => (a(), o("div", {
4302
4302
  ref_key: "columnDOMEl",
4303
- ref: d,
4304
- "data-id": u.value,
4303
+ ref: u,
4304
+ "data-id": d.value,
4305
4305
  class: B(s.value)
4306
4306
  }, [
4307
4307
  S(v.$slots, "default", {
@@ -4321,14 +4321,14 @@ const H2 = /* @__PURE__ */ T({
4321
4321
  "nmorph-list": []
4322
4322
  })
4323
4323
  );
4324
- let u = $(l.modelValue);
4325
- const c = (d) => {
4326
- u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
4324
+ let d = $(l.modelValue);
4325
+ const c = (u) => {
4326
+ d.value = d.value.filter((v) => v.value !== u), r("close", u), r("update:model-value", d.value);
4327
4327
  };
4328
- return (d, v) => (a(), o("div", {
4328
+ return (u, v) => (a(), o("div", {
4329
4329
  class: B(s.value)
4330
4330
  }, [
4331
- (a(!0), o(G, null, Q(p(u), (m) => (a(), q(p(Re), de({
4331
+ (a(!0), o(G, null, Q(p(d), (m) => (a(), q(p(Re), de({
4332
4332
  key: m.value,
4333
4333
  ref_for: !0
4334
4334
  }, m, { onClose: c }), null, 16))), 128))
@@ -4350,10 +4350,10 @@ const H2 = /* @__PURE__ */ T({
4350
4350
  nmorph: [ne[l.height]],
4351
4351
  "nmorph-tag-item": [`${l.design === "nmorph" ? "nmorph-design" : ""}`]
4352
4352
  })
4353
- ), s = e, u = () => {
4353
+ ), s = e, d = () => {
4354
4354
  s("close", l.value);
4355
4355
  };
4356
- return (c, d) => (a(), o("div", {
4356
+ return (c, u) => (a(), o("div", {
4357
4357
  class: B(r.value)
4358
4358
  }, [
4359
4359
  n("div", ku, [
@@ -4362,7 +4362,7 @@ const H2 = /* @__PURE__ */ T({
4362
4362
  key: 0,
4363
4363
  class: "nmorph-tag-item__close-icon",
4364
4364
  name: "error",
4365
- onClick: re(u, ["stop"])
4365
+ onClick: re(d, ["stop"])
4366
4366
  })) : A("", !0)
4367
4367
  ])
4368
4368
  ], 2));
@@ -4397,15 +4397,15 @@ const Hu = ["innerHTML"], zu = {
4397
4397
  () => D({
4398
4398
  "nmorph-alert": [l.type, `${l.bordered && "bordered"}`, `${l.fill && "fill"}`]
4399
4399
  })
4400
- ), u = () => {
4400
+ ), d = () => {
4401
4401
  r("close");
4402
4402
  }, c = {
4403
4403
  [ie.success]: "success-filled",
4404
4404
  [ie.warning]: "warn-triangle-filled",
4405
4405
  [ie.info]: "info-filled",
4406
4406
  [ie.error]: "circle-close-filled"
4407
- }, d = qe(), v = h(() => l.closeIconPosition);
4408
- return (m, y) => p(d).default || l.title || l.content || l.html ? (a(), o("div", {
4407
+ }, u = qe(), v = h(() => l.closeIconPosition);
4408
+ return (m, y) => p(u).default || l.title || l.content || l.html ? (a(), o("div", {
4409
4409
  key: 0,
4410
4410
  class: B(s.value)
4411
4411
  }, [
@@ -4425,7 +4425,7 @@ const Hu = ["innerHTML"], zu = {
4425
4425
  ])) : A("", !0),
4426
4426
  n("div", Cu, [
4427
4427
  n("div", Su, [
4428
- l.title || p(d).title ? S(m.$slots, "title", { key: 0 }, () => [
4428
+ l.title || p(u).title ? S(m.$slots, "title", { key: 0 }, () => [
4429
4429
  te(F(l.title), 1)
4430
4430
  ]) : A("", !0)
4431
4431
  ]),
@@ -4439,7 +4439,7 @@ const Hu = ["innerHTML"], zu = {
4439
4439
  l.closable ? (a(), o("div", {
4440
4440
  key: 0,
4441
4441
  class: "nmorph-alert__close",
4442
- onClick: u
4442
+ onClick: d
4443
4443
  }, [
4444
4444
  H(p(P), {
4445
4445
  name: "cross",
@@ -4468,22 +4468,22 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
4468
4468
  emits: ["on-close", "update:model-value"],
4469
4469
  setup(t, { emit: e }) {
4470
4470
  J((g) => ({
4471
- "097fcdea": u.value,
4471
+ "097fcdea": d.value,
4472
4472
  "4478cc6c": c.value
4473
4473
  }));
4474
4474
  const l = t, r = e, s = h(
4475
4475
  () => D({
4476
4476
  "nmorph-dialog": []
4477
4477
  })
4478
- ), u = h(() => l.width), c = h(() => l.zIndex), d = $(l.modelValue);
4478
+ ), d = h(() => l.width), c = h(() => l.zIndex), u = $(l.modelValue);
4479
4479
  let v = null, m = null;
4480
4480
  Y(
4481
4481
  () => l.modelValue,
4482
4482
  (g) => {
4483
4483
  g ? (m && clearTimeout(m), v = setTimeout(() => {
4484
- d.value = !0;
4484
+ u.value = !0;
4485
4485
  }, l.openDelay)) : (v && clearTimeout(v), m = setTimeout(() => {
4486
- d.value = !1;
4486
+ u.value = !1;
4487
4487
  }, l.closeDelay));
4488
4488
  },
4489
4489
  { immediate: !0 }
@@ -4496,7 +4496,7 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
4496
4496
  l.closeOnOverlay && y();
4497
4497
  };
4498
4498
  return (g, x) => (a(), q(p(Ce), {
4499
- show: d.value,
4499
+ show: u.value,
4500
4500
  onOnOutsideClick: M
4501
4501
  }, {
4502
4502
  default: E(() => [
@@ -4526,20 +4526,20 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
4526
4526
  });
4527
4527
  var qu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(qu || {}), Eu = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Eu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ru || {});
4528
4528
  const Ne = (t) => {
4529
- const { inputValue: e, rules: l } = t, r = $([]), s = h(() => r.value.length === 0), u = $(!1);
4529
+ const { inputValue: e, rules: l } = t, r = $([]), s = h(() => r.value.length === 0), d = $(!1);
4530
4530
  return {
4531
- touched: u,
4531
+ touched: d,
4532
4532
  valid: s,
4533
4533
  errors: r,
4534
4534
  validate: () => {
4535
4535
  if (e === null || !l.length)
4536
4536
  return null;
4537
- const d = e, v = (f) => l.length > 0 && f in l[0], m = typeof d == "string" && v("pattern"), y = typeof d == "number" && v("numberCompareType"), M = typeof d == "string" || typeof d == "boolean" && v("booleanCompareType"), g = Array.isArray(d) && v("arrayCompareType");
4537
+ const u = e, v = (f) => l.length > 0 && f in l[0], m = typeof u == "string" && v("pattern"), y = typeof u == "number" && v("numberCompareType"), M = typeof u == "string" || typeof u == "boolean" && v("booleanCompareType"), g = Array.isArray(u) && v("arrayCompareType");
4538
4538
  if (!y && !m && !M && !g)
4539
4539
  return console.warn("The input value and the provided rules do not match"), null;
4540
- if (u.value || (u.value = !0), m) {
4540
+ if (d.value || (d.value = !0), m) {
4541
4541
  const f = l;
4542
- r.value = f.reduce((w, b) => (d.match(b.pattern) || w.push(b.error), w), []);
4542
+ r.value = f.reduce((w, b) => (u.match(b.pattern) || w.push(b.error), w), []);
4543
4543
  }
4544
4544
  if (y) {
4545
4545
  const f = (b, _, z) => {
@@ -4556,14 +4556,14 @@ const Ne = (t) => {
4556
4556
  return b >= _;
4557
4557
  }
4558
4558
  }, w = l;
4559
- r.value = w.reduce((b, _) => (f(d, _.compareValue, _.numberCompareType) && b.push(_.error), b), []);
4559
+ r.value = w.reduce((b, _) => (f(u, _.compareValue, _.numberCompareType) && b.push(_.error), b), []);
4560
4560
  }
4561
4561
  if (M) {
4562
4562
  const f = l;
4563
4563
  r.value = f.reduce((w, b) => {
4564
4564
  let _ = !1;
4565
4565
  const { compareValue: z, booleanCompareType: V } = b;
4566
- return V === "not-eq" && (_ = d === z), V === "eq" && (_ = d !== z), _ || w.push(b.error), w;
4566
+ return V === "not-eq" && (_ = u === z), V === "eq" && (_ = u !== z), _ || w.push(b.error), w;
4567
4567
  }, []);
4568
4568
  }
4569
4569
  if (g) {
@@ -4580,29 +4580,29 @@ const Ne = (t) => {
4580
4580
  return !b.some((C) => _.includes(C));
4581
4581
  }
4582
4582
  };
4583
- r.value = f.reduce((b, _) => (w(d, _.compareValue, _.arrayCompareType) || b.push(_.error), b), []);
4583
+ r.value = f.reduce((b, _) => (w(u, _.compareValue, _.arrayCompareType) || b.push(_.error), b), []);
4584
4584
  }
4585
4585
  }
4586
4586
  };
4587
4587
  }, Fu = (t, e = !1) => {
4588
4588
  const l = ue({}), r = ue(Qe(t)), s = () => {
4589
- Object.entries(t).forEach(([d, v]) => {
4590
- l[d] = Ne({ inputValue: v.value, rules: v.rules }), l[d].validate();
4589
+ Object.entries(t).forEach(([u, v]) => {
4590
+ l[u] = Ne({ inputValue: v.value, rules: v.rules }), l[u].validate();
4591
4591
  });
4592
- }, u = (d, v) => Object.keys(v).filter((y) => {
4593
- const M = d[y] ? JSON.stringify(d[y]) : null, g = JSON.stringify(v[y]);
4592
+ }, d = (u, v) => Object.keys(v).filter((y) => {
4593
+ const M = u[y] ? JSON.stringify(u[y]) : null, g = JSON.stringify(v[y]);
4594
4594
  return M !== g;
4595
4595
  });
4596
- return Y(t, (d) => {
4597
- u(r, d).forEach((m) => {
4598
- const y = d[m];
4596
+ return Y(t, (u) => {
4597
+ d(r, u).forEach((m) => {
4598
+ const y = u[m];
4599
4599
  l[m] = Ne({ inputValue: y.value, rules: y.rules }), l[m].validate();
4600
- }), Object.assign(r, Qe(d));
4600
+ }), Object.assign(r, Qe(u));
4601
4601
  }, { deep: !0 }), e && s(), {
4602
4602
  fields: l
4603
4603
  };
4604
4604
  }, B2 = (t) => {
4605
- const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = $(e), d = $({ x: "0px", y: "0px" });
4605
+ const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: d = 0 } = t, c = $(e), u = $({ x: "0px", y: "0px" });
4606
4606
  Z(() => {
4607
4607
  v();
4608
4608
  });
@@ -4618,12 +4618,12 @@ const Ne = (t) => {
4618
4618
  return;
4619
4619
  }
4620
4620
  const x = g.getBoundingClientRect(), { x: f, y: w } = x, b = x.width, _ = x.height, z = window.innerWidth, V = window.innerHeight;
4621
- c.value === "top" && w - M < 0 && (c.value = "bottom"), c.value === "bottom" && w + _ + M > V && (c.value = "top"), c.value === "left" && f - y < 0 && (c.value = "right"), c.value === "right" && f + b + y > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "bottom" && (d.value = { x: `${f + u}px`, y: `${w + _ + s}px` }), c.value === "right" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "left" && (d.value = { x: `${f + b + u}px`, y: `${w + s}px` });
4621
+ c.value === "top" && w - M < 0 && (c.value = "bottom"), c.value === "bottom" && w + _ + M > V && (c.value = "top"), c.value === "left" && f - y < 0 && (c.value = "right"), c.value === "right" && f + b + y > z && (c.value = "left"), c.value === "top" && (u.value = { x: `${f + d}px`, y: `${w + s}px` }), c.value === "bottom" && (u.value = { x: `${f + d}px`, y: `${w + _ + s}px` }), c.value === "right" && (u.value = { x: `${f + d}px`, y: `${w + s}px` }), c.value === "left" && (u.value = { x: `${f + b + d}px`, y: `${w + s}px` });
4622
4622
  });
4623
4623
  };
4624
- return { placement: c, placementCoords: d };
4624
+ return { placement: c, placementCoords: u };
4625
4625
  }, C9 = () => {
4626
- }, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.125", Uu = "MIT", Yu = {
4626
+ }, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.127", Uu = "MIT", Yu = {
4627
4627
  node: "18.13.0",
4628
4628
  npm: "8.19.3"
4629
4629
  }, Gu = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Ku = "./dist/index.es.js", Zu = "./dist/style.css", Xu = [
@@ -4781,8 +4781,8 @@ const Ne = (t) => {
4781
4781
  }, Ie = (t, e) => {
4782
4782
  let l = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
4783
4783
  l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
4784
- const u = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
4785
- return `#${u}${c}${d}`;
4784
+ const d = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), u = s.toString(16).padStart(2, "0");
4785
+ return `#${d}${c}${u}`;
4786
4786
  }, uc = (t) => {
4787
4787
  I2("warn", `NMORPH(v${nc.version})`);
4788
4788
  const e = { ...rc, ...t }, l = (g) => {
@@ -4817,18 +4817,18 @@ const Ne = (t) => {
4817
4817
  ${w}
4818
4818
  }
4819
4819
  `;
4820
- }, u = {};
4820
+ }, d = {};
4821
4821
  Object.entries(e.themes).forEach(([g, x]) => {
4822
- u[g] = [];
4822
+ d[g] = [];
4823
4823
  const f = !!x.darkShade, w = !!x.lightShade;
4824
- !!x.main && !f && !w && (u[g] = l(x.main)), u[g] = [...u[g], ...r(x)];
4824
+ !!x.main && !f && !w && (d[g] = l(x.main)), d[g] = [...d[g], ...r(x)];
4825
4825
  });
4826
4826
  const c = document.createElement("style");
4827
- c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
4828
- const d = (g) => {
4827
+ c.type = "text/css", c.innerHTML = s(d, e.other), document.head.appendChild(c);
4828
+ const u = (g) => {
4829
4829
  v.value = g, m.setAttribute(se, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(se, g) : localStorage.removeItem(se);
4830
- }, v = $(e.defaultTheme), m = document.querySelector("html"), y = localStorage.getItem(se), M = u[y];
4831
- return e.saveCurrentThemeToLS && M && (v.value = localStorage.getItem(se)), d(v.value), { setTheme: d, currentTheme: L2(v) };
4830
+ }, v = $(e.defaultTheme), m = document.querySelector("html"), y = localStorage.getItem(se), M = d[y];
4831
+ return e.saveCurrentThemeToLS && M && (v.value = localStorage.getItem(se)), u(v.value), { setTheme: u, currentTheme: L2(v) };
4832
4832
  }, Fe = {
4833
4833
  [ee.en]: {
4834
4834
  on: "On",
@@ -4929,16 +4929,16 @@ const Ne = (t) => {
4929
4929
  fill: !0,
4930
4930
  width: "330px"
4931
4931
  }, l = (s) => {
4932
- const u = {
4932
+ const d = {
4933
4933
  id: String(Date.now()),
4934
4934
  ...e
4935
4935
  }, c = ue({
4936
- ...u,
4936
+ ...d,
4937
4937
  ...s
4938
4938
  });
4939
4939
  t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
4940
4940
  }, r = (s) => {
4941
- t.value = t.value.filter((u) => u.id !== s);
4941
+ t.value = t.value.filter((d) => d.id !== s);
4942
4942
  };
4943
4943
  return {
4944
4944
  notifications: t,
@@ -4966,18 +4966,18 @@ const Ne = (t) => {
4966
4966
  J((y) => ({
4967
4967
  "76576db6": m.value
4968
4968
  }));
4969
- const e = t, l = $(e.forceShow), r = $(null), s = $(null), { placement: u } = B2({
4969
+ const e = t, l = $(e.forceShow), r = $(null), s = $(null), { placement: d } = B2({
4970
4970
  initialPlacement: e.position,
4971
4971
  contentDOMElement: r,
4972
4972
  relativeElement: s
4973
4973
  }), c = h(
4974
4974
  () => D({
4975
4975
  "nmorph-tooltip": [
4976
- u.value,
4976
+ d.value,
4977
4977
  `${!!e.forceCoordinate?.x && !!e.forceCoordinate?.y && "force-coords"}`
4978
4978
  ]
4979
4979
  })
4980
- ), d = () => {
4980
+ ), u = () => {
4981
4981
  l.value = !0;
4982
4982
  }, v = () => {
4983
4983
  e.forceShow || (l.value = !1);
@@ -4989,7 +4989,7 @@ const Ne = (t) => {
4989
4989
  ref_key: "tooltipDOMRef",
4990
4990
  ref: r,
4991
4991
  class: "nmorph-tooltip__content",
4992
- onMouseenter: d,
4992
+ onMouseenter: u,
4993
4993
  onMouseleave: v
4994
4994
  }, [
4995
4995
  n("div", {
@@ -5075,20 +5075,20 @@ const gc = {
5075
5075
  void 0
5076
5076
  ), s = t;
5077
5077
  Z(() => {
5078
- m("inputDOMRef", u);
5078
+ m("inputDOMRef", d);
5079
5079
  }), Y(
5080
5080
  () => s.modelValue,
5081
5081
  (g) => {
5082
- d.value = g;
5082
+ u.value = g;
5083
5083
  }
5084
5084
  );
5085
- const u = $(null), c = l !== void 0, d = c ? $(l.value) : $(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), m = e, y = () => {
5085
+ const d = $(null), c = l !== void 0, u = c ? $(l.value) : $(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), m = e, y = () => {
5086
5086
  if (!s.disabled) {
5087
5087
  if (!c) {
5088
- d.value = !d.value, m("update:model-value", d.value);
5088
+ u.value = !u.value, m("update:model-value", u.value);
5089
5089
  return;
5090
5090
  }
5091
- r && Array.isArray(d.value) && r(s.id, d.value);
5091
+ r && Array.isArray(u.value) && r(s.id, u.value);
5092
5092
  }
5093
5093
  }, M = h(
5094
5094
  () => D({
@@ -5106,7 +5106,7 @@ const gc = {
5106
5106
  n("div", wc, [
5107
5107
  n("input", {
5108
5108
  ref_key: "inputDOMRef",
5109
- ref: u,
5109
+ ref: d,
5110
5110
  type: "checkbox",
5111
5111
  disabled: s.disabled,
5112
5112
  checked: v.value,
@@ -5125,7 +5125,7 @@ const gc = {
5125
5125
  s.design === "button" ? (a(), o("div", Mc, [
5126
5126
  n("input", {
5127
5127
  ref_key: "inputDOMRef",
5128
- ref: u,
5128
+ ref: d,
5129
5129
  type: "checkbox",
5130
5130
  disabled: s.disabled,
5131
5131
  checked: v.value,
@@ -5153,19 +5153,19 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
5153
5153
  },
5154
5154
  emits: ["update:model-value"],
5155
5155
  setup(t, { emit: e }) {
5156
- const l = t, r = $(l.modelValue), s = e, u = (d) => {
5157
- r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), s("update:model-value", r.value);
5156
+ const l = t, r = $(l.modelValue), s = e, d = (u) => {
5157
+ r.value.includes(u) ? r.value = r.value.filter((v) => v !== u) : r.value.push(u), s("update:model-value", r.value);
5158
5158
  }, c = h(
5159
5159
  () => D({
5160
5160
  "nmorph-checkbox-group": [l.design, l.direction]
5161
5161
  })
5162
5162
  );
5163
- return N("checkbox-group-selected-value", r), N("change-checkbox-value-handler", u), (d, v) => (a(), o("div", {
5163
+ return N("checkbox-group-selected-value", r), N("change-checkbox-value-handler", d), (u, v) => (a(), o("div", {
5164
5164
  class: B(c.value)
5165
5165
  }, [
5166
5166
  n("div", Vc, [
5167
5167
  n("div", Bc, [
5168
- (a(!0), o(G, null, Q(d.options, (m, y) => (a(), q(p(A2), {
5168
+ (a(!0), o(G, null, Q(u.options, (m, y) => (a(), q(p(A2), {
5169
5169
  id: m.id,
5170
5170
  key: y,
5171
5171
  label: m.label,
@@ -5173,7 +5173,7 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
5173
5173
  disabled: m.disabled,
5174
5174
  design: l.design
5175
5175
  }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
5176
- S(d.$slots, "default")
5176
+ S(u.$slots, "default")
5177
5177
  ])
5178
5178
  ])
5179
5179
  ], 2));
@@ -5199,31 +5199,31 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
5199
5199
  },
5200
5200
  emits: ["update:model-value", "select"],
5201
5201
  setup(t, { emit: e }) {
5202
- const l = t, r = $(l.modelValue), s = e, u = h(
5202
+ const l = t, r = $(l.modelValue), s = e, d = h(
5203
5203
  () => D({
5204
5204
  "nmorph-autocomplete": []
5205
5205
  })
5206
5206
  ), c = (f) => {
5207
5207
  r.value = f, s("update:model-value", r.value);
5208
- }, d = $(!1), v = $(null), m = () => {
5209
- d.value = !1;
5208
+ }, u = $(!1), v = $(null), m = () => {
5209
+ u.value = !1;
5210
5210
  }, y = h(() => l.list.filter((f) => Object.keys(f).some((w) => String(f[w]).toLowerCase().includes(r.value.toLowerCase()))));
5211
5211
  Y(y, (f) => {
5212
- d.value = f.length > 0;
5212
+ u.value = f.length > 0;
5213
5213
  });
5214
5214
  const M = (f) => {
5215
5215
  s("select", f), r.value = f.value, setTimeout(() => {
5216
- d.value = !1;
5216
+ u.value = !1;
5217
5217
  });
5218
5218
  }, g = () => {
5219
- d.value = y.value.length > 0;
5219
+ u.value = y.value.length > 0;
5220
5220
  }, x = $(!1);
5221
5221
  return Y(r, async (f) => {
5222
5222
  f !== "" && l.actionCallback && (x.value = !0, await l.actionCallback(), x.value = !1);
5223
5223
  }), Y(x, (f) => {
5224
- f && (d.value = !0);
5224
+ f && (u.value = !0);
5225
5225
  }), (f, w) => (a(), o("div", {
5226
- class: B(u.value)
5226
+ class: B(d.value)
5227
5227
  }, [
5228
5228
  n("div", Sc, [
5229
5229
  n("div", {
@@ -5245,7 +5245,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
5245
5245
  ]),
5246
5246
  v.value ? (a(), q(p(ce), {
5247
5247
  key: 0,
5248
- open: d.value,
5248
+ open: u.value,
5249
5249
  "relative-element": v.value,
5250
5250
  onOnOutsideClick: m
5251
5251
  }, {
@@ -5283,12 +5283,12 @@ const t2 = /* @__PURE__ */ T({
5283
5283
  "nmorph-input-clear-button": []
5284
5284
  })
5285
5285
  );
5286
- return (s, u) => (a(), o("div", {
5286
+ return (s, d) => (a(), o("div", {
5287
5287
  class: B(r.value)
5288
5288
  }, [
5289
5289
  H(p(P), {
5290
5290
  name: "error",
5291
- onClick: u[0] || (u[0] = re((c) => l("clear"), ["stop"]))
5291
+ onClick: d[0] || (d[0] = re((c) => l("clear"), ["stop"]))
5292
5292
  })
5293
5293
  ], 2));
5294
5294
  }
@@ -5316,7 +5316,7 @@ const t2 = /* @__PURE__ */ T({
5316
5316
  setup(t, { emit: e }) {
5317
5317
  const l = t, r = $(l.initialStartDate), s = $(
5318
5318
  l.initialEndDate ?? new Date(new Date(l.initialStartDate).setMonth(l.initialStartDate.getMonth() + 1))
5319
- ), u = $(l.modelValue), c = e, d = h(
5319
+ ), d = $(l.modelValue), c = e, u = h(
5320
5320
  () => D({
5321
5321
  nmorph: [ne[l.height]],
5322
5322
  "nmorph-date-picker": [`${l.disabled && "disabled"}`, l.type]
@@ -5325,9 +5325,9 @@ const t2 = /* @__PURE__ */ T({
5325
5325
  v.value = !1;
5326
5326
  }, M = () => {
5327
5327
  v.value = !v.value;
5328
- }, g = h(() => u.value ? Array.isArray(u.value) ? u.value.length === 0 ? l.placeholder : ve(u.value).join(", ") : ve(u.value) : l.placeholder), x = h(() => {
5329
- if (Array.isArray(u.value)) {
5330
- const V = ve(u.value[0]) ?? l.startDatePlaceholder, j = ve(u.value[1]) ?? l.endDatePlaceholder;
5328
+ }, g = h(() => d.value ? Array.isArray(d.value) ? d.value.length === 0 ? l.placeholder : ve(d.value).join(", ") : ve(d.value) : l.placeholder), x = h(() => {
5329
+ if (Array.isArray(d.value)) {
5330
+ const V = ve(d.value[0]) ?? l.startDatePlaceholder, j = ve(d.value[1]) ?? l.endDatePlaceholder;
5331
5331
  return {
5332
5332
  from: V,
5333
5333
  to: j
@@ -5335,27 +5335,27 @@ const t2 = /* @__PURE__ */ T({
5335
5335
  } else
5336
5336
  return { from: l.startDatePlaceholder, to: l.endDatePlaceholder };
5337
5337
  }), f = () => {
5338
- const V = Array.isArray(u.value) ? [] : null;
5339
- u.value = V, c("update:model-value", u.value);
5338
+ const V = Array.isArray(d.value) ? [] : null;
5339
+ d.value = V, c("update:model-value", d.value);
5340
5340
  };
5341
- l.type === "date" && Array.isArray(u.value) && console.warn('If you decide to use type "date" the passed property must be an Date object'), (l.type === "dates" || l.type === "daterange") && !Array.isArray(u.value) && console.warn('If you decide to use type "dates" or "daterange" the passed property must be an array');
5341
+ l.type === "date" && Array.isArray(d.value) && console.warn('If you decide to use type "date" the passed property must be an Date object'), (l.type === "dates" || l.type === "daterange") && !Array.isArray(d.value) && console.warn('If you decide to use type "dates" or "daterange" the passed property must be an array');
5342
5342
  const w = (V) => {
5343
5343
  const j = V;
5344
- if (Array.isArray(u.value)) {
5344
+ if (Array.isArray(d.value)) {
5345
5345
  if (l.type === "dates") {
5346
- const C = j.toDateString(), k = u.value.map((O) => O?.toDateString()), W = k.findIndex((O) => C === O);
5347
- k.includes(C) ? u.value.splice(W, 1) : u.value.push(j);
5346
+ const C = j.toDateString(), k = d.value.map((O) => O?.toDateString()), W = k.findIndex((O) => C === O);
5347
+ k.includes(C) ? d.value.splice(W, 1) : d.value.push(j);
5348
5348
  }
5349
5349
  } else
5350
- u.value = j;
5351
- c("update:model-value", u.value);
5352
- }, b = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value), _ = (V) => {
5353
- Array.isArray(u.value) && (u.value[0] = V, c("update:model-value", u.value));
5350
+ d.value = j;
5351
+ c("update:model-value", d.value);
5352
+ }, b = h(() => Array.isArray(d.value) ? d.value.length > 0 : !!d.value), _ = (V) => {
5353
+ Array.isArray(d.value) && (d.value[0] = V, c("update:model-value", d.value));
5354
5354
  }, z = (V) => {
5355
- Array.isArray(u.value) && (u.value[1] = V, c("update:model-value", u.value));
5355
+ Array.isArray(d.value) && (d.value[1] = V, c("update:model-value", d.value));
5356
5356
  };
5357
5357
  return (V, j) => (a(), o("div", {
5358
- class: B(d.value)
5358
+ class: B(u.value)
5359
5359
  }, [
5360
5360
  l.type === "date" || l.type === "dates" ? (a(), o("div", Pc, [
5361
5361
  n("div", {
@@ -5388,7 +5388,7 @@ const t2 = /* @__PURE__ */ T({
5388
5388
  }, {
5389
5389
  default: E(() => [
5390
5390
  H(p(ye), {
5391
- "selected-values": u.value,
5391
+ "selected-values": d.value,
5392
5392
  "initial-date": r.value,
5393
5393
  type: V.type,
5394
5394
  onUpdateSelectedValue: w
@@ -5433,14 +5433,14 @@ const t2 = /* @__PURE__ */ T({
5433
5433
  }, {
5434
5434
  default: E(() => [
5435
5435
  H(p(ye), {
5436
- "selected-values": u.value,
5436
+ "selected-values": d.value,
5437
5437
  "initial-date": r.value,
5438
5438
  type: V.type,
5439
5439
  onUpdateSelectedValue: _
5440
5440
  }, null, 8, ["selected-values", "initial-date", "type"]),
5441
5441
  H(p(R2), { direction: "vertical" }),
5442
5442
  H(p(ye), {
5443
- "selected-values": u.value,
5443
+ "selected-values": d.value,
5444
5444
  "initial-date": s.value,
5445
5445
  type: V.type,
5446
5446
  onUpdateSelectedValue: z
@@ -5465,9 +5465,9 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
5465
5465
  const { months: l } = ke(), r = l.map((_, z) => ({
5466
5466
  label: _.substring(0, 3),
5467
5467
  value: String(z)
5468
- })), s = t, u = $(r), c = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
5468
+ })), s = t, d = $(r), c = $(String(s.currentDate.getMonth())), u = $(s.currentDate.getFullYear()), v = () => {
5469
5469
  const _ = s.currentDate.getFullYear(), z = _2(_).map((V) => ({ label: String(V), value: String(V) }));
5470
- u.value = z;
5470
+ d.value = z;
5471
5471
  };
5472
5472
  Y(
5473
5473
  () => s.currentDate,
@@ -5486,7 +5486,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
5486
5486
  ), M = (_) => {
5487
5487
  c.value = _, s.type === "month" ? m("update-month", c.value) : m("update-year", c.value);
5488
5488
  }, g = (_) => {
5489
- u.value = u.value.map((z) => {
5489
+ d.value = d.value.map((z) => {
5490
5490
  const V = String(_ === "decrease" ? Number(z.value) - 10 : Number(z.value) + 10);
5491
5491
  return {
5492
5492
  label: V,
@@ -5494,10 +5494,10 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
5494
5494
  };
5495
5495
  });
5496
5496
  }, x = (_) => {
5497
- _ === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, m("update-year", String(d.value));
5497
+ _ === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, m("update-year", String(u.value));
5498
5498
  }, f = (_) => {
5499
5499
  _ === "decrease" ? s.type === "year" ? g("decrease") : x("decrease") : s.type === "year" ? g("increase") : x("increase");
5500
- }, w = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), b = () => {
5500
+ }, w = h(() => s.type === "year" ? `${d.value[0].label} - ${d.value[d.value.length - 1].label}` : String(u.value)), b = () => {
5501
5501
  s.type === "month" && m("back-to-years");
5502
5502
  };
5503
5503
  return (_, z) => (a(), o("div", {
@@ -5541,7 +5541,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
5541
5541
  n("div", Xc, [
5542
5542
  H(p(Ue), {
5543
5543
  "model-value": c.value,
5544
- options: u.value,
5544
+ options: d.value,
5545
5545
  fill: "",
5546
5546
  "onUpdate:modelValue": M
5547
5547
  }, null, 8, ["model-value", "options"])
@@ -5562,24 +5562,24 @@ const ye = /* @__PURE__ */ T({
5562
5562
  () => D({
5563
5563
  "nmorph-date-picker-content": []
5564
5564
  })
5565
- ), u = $(l.initialDate), c = $("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), y = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), M = () => {
5566
- u.value = d.value;
5565
+ ), d = $(l.initialDate), c = $("calendar"), u = h(() => new Date(d.value.setMonth(d.value.getMonth() - 1))), v = h(() => new Date(d.value.setMonth(d.value.getMonth() + 1))), m = h(() => new Date(d.value.setFullYear(d.value.getFullYear() - 1))), y = h(() => new Date(d.value.setFullYear(d.value.getFullYear() + 1))), M = () => {
5566
+ d.value = u.value;
5567
5567
  }, g = () => {
5568
- u.value = v.value;
5568
+ d.value = v.value;
5569
5569
  }, x = () => {
5570
- u.value = m.value;
5570
+ d.value = m.value;
5571
5571
  }, f = () => {
5572
- u.value = y.value;
5572
+ d.value = y.value;
5573
5573
  }, w = () => {
5574
5574
  c.value = "year";
5575
5575
  }, b = () => {
5576
5576
  c.value = "month";
5577
5577
  }, _ = (C) => {
5578
- const k = new Date(u.value.setFullYear(Number(C)));
5579
- u.value = k, c.value = "month";
5578
+ const k = new Date(d.value.setFullYear(Number(C)));
5579
+ d.value = k, c.value = "month";
5580
5580
  }, z = (C) => {
5581
- const k = new Date(u.value.setMonth(Number(C)));
5582
- u.value = k, c.value = "calendar";
5581
+ const k = new Date(d.value.setMonth(Number(C)));
5582
+ d.value = k, c.value = "calendar";
5583
5583
  }, V = () => {
5584
5584
  c.value = "year";
5585
5585
  }, j = (C) => {
@@ -5592,12 +5592,12 @@ const ye = /* @__PURE__ */ T({
5592
5592
  key: 0,
5593
5593
  type: l.type,
5594
5594
  "selected-values": l.selectedValues,
5595
- "initial-date": u.value,
5595
+ "initial-date": d.value,
5596
5596
  "onUpdate:modelValue": j
5597
5597
  }, {
5598
5598
  header: E(() => [
5599
5599
  H(p(T2), {
5600
- date: u.value,
5600
+ date: d.value,
5601
5601
  onPrevMonth: M,
5602
5602
  onNextMonth: g,
5603
5603
  onPrevYear: x,
@@ -5611,13 +5611,13 @@ const ye = /* @__PURE__ */ T({
5611
5611
  c.value === "year" ? (a(), q(p(Oe), {
5612
5612
  key: 1,
5613
5613
  type: "year",
5614
- "current-date": u.value,
5614
+ "current-date": d.value,
5615
5615
  onUpdateYear: _
5616
5616
  }, null, 8, ["current-date"])) : A("", !0),
5617
5617
  c.value === "month" ? (a(), q(p(Oe), {
5618
5618
  key: 2,
5619
5619
  type: "month",
5620
- "current-date": u.value,
5620
+ "current-date": d.value,
5621
5621
  onUpdateYear: _,
5622
5622
  onUpdateMonth: z,
5623
5623
  onBackToYears: V
@@ -5636,14 +5636,14 @@ const ye = /* @__PURE__ */ T({
5636
5636
  "nmorph-date-picker-header": []
5637
5637
  })
5638
5638
  );
5639
- return (u, c) => (a(), o("div", {
5639
+ return (d, c) => (a(), o("div", {
5640
5640
  class: B(s.value)
5641
5641
  }, [
5642
5642
  n("div", Jc, [
5643
5643
  H(p(U), {
5644
5644
  class: "nmorph-date-picker-header__action-btn",
5645
5645
  "style-type": "transparent",
5646
- onClick: c[0] || (c[0] = (d) => r("prev-year"))
5646
+ onClick: c[0] || (c[0] = (u) => r("prev-year"))
5647
5647
  }, {
5648
5648
  default: E(() => [
5649
5649
  H(p(P), {
@@ -5656,7 +5656,7 @@ const ye = /* @__PURE__ */ T({
5656
5656
  H(p(U), {
5657
5657
  class: "nmorph-date-picker-header__action-btn",
5658
5658
  "style-type": "transparent",
5659
- onClick: c[1] || (c[1] = (d) => r("prev-month"))
5659
+ onClick: c[1] || (c[1] = (u) => r("prev-month"))
5660
5660
  }, {
5661
5661
  default: E(() => [
5662
5662
  H(p(P), {
@@ -5672,20 +5672,20 @@ const ye = /* @__PURE__ */ T({
5672
5672
  text: String(l.date.getFullYear()),
5673
5673
  "style-type": "transparent",
5674
5674
  fill: "",
5675
- onClick: c[2] || (c[2] = (d) => r("change-year"))
5675
+ onClick: c[2] || (c[2] = (u) => r("change-year"))
5676
5676
  }, null, 8, ["text"]),
5677
5677
  H(p(U), {
5678
5678
  text: p(Ee)(l.date.getMonth()),
5679
5679
  "style-type": "transparent",
5680
5680
  fill: "",
5681
- onClick: c[3] || (c[3] = (d) => r("change-month"))
5681
+ onClick: c[3] || (c[3] = (u) => r("change-month"))
5682
5682
  }, null, 8, ["text"])
5683
5683
  ]),
5684
5684
  n("div", Ic, [
5685
5685
  H(p(U), {
5686
5686
  class: "nmorph-date-picker-header__action-btn",
5687
5687
  "style-type": "transparent",
5688
- onClick: c[4] || (c[4] = (d) => r("next-month"))
5688
+ onClick: c[4] || (c[4] = (u) => r("next-month"))
5689
5689
  }, {
5690
5690
  default: E(() => [
5691
5691
  H(p(P), {
@@ -5698,7 +5698,7 @@ const ye = /* @__PURE__ */ T({
5698
5698
  H(p(U), {
5699
5699
  class: "nmorph-date-picker-header__action-btn",
5700
5700
  "style-type": "transparent",
5701
- onClick: c[5] || (c[5] = (d) => r("next-year"))
5701
+ onClick: c[5] || (c[5] = (u) => r("next-year"))
5702
5702
  }, {
5703
5703
  default: E(() => [
5704
5704
  H(p(P), {
@@ -5729,8 +5729,8 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
5729
5729
  let w = "doc";
5730
5730
  return f in He && (w = "image"), f in Ve && (w = "audio"), f in ze && (w = "video"), f in Be && (w = "archive"), w;
5731
5731
  };
5732
- let u = ue(l.modelValue);
5733
- const c = $(null), d = () => {
5732
+ let d = ue(l.modelValue);
5733
+ const c = $(null), u = () => {
5734
5734
  c.value && c.value.click();
5735
5735
  }, v = (x) => {
5736
5736
  const f = x.target;
@@ -5740,19 +5740,19 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
5740
5740
  if (!l.allowedTypes.includes(b))
5741
5741
  return M("on-unsupported-file-type-error", w.type);
5742
5742
  const _ = URL.createObjectURL(w), z = { data: w, previewUrl: _ };
5743
- u.push(z);
5744
- }), u.length === 0)
5743
+ d.push(z);
5744
+ }), d.length === 0)
5745
5745
  return;
5746
5746
  m();
5747
5747
  }
5748
5748
  }, m = () => {
5749
5749
  M(
5750
5750
  "update:model-value",
5751
- u.map((x) => x.data)
5751
+ d.map((x) => x.data)
5752
5752
  );
5753
5753
  }, y = (x) => {
5754
- const f = u.findIndex((w) => w.data.name === x);
5755
- f !== -1 && (URL.revokeObjectURL(u[f].previewUrl), u.splice(f, 1), m());
5754
+ const f = d.findIndex((w) => w.data.name === x);
5755
+ f !== -1 && (URL.revokeObjectURL(d[f].previewUrl), d.splice(f, 1), m());
5756
5756
  };
5757
5757
  Z(() => {
5758
5758
  M("inputDOMRef", c);
@@ -5779,7 +5779,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
5779
5779
  H(p(U), {
5780
5780
  text: "Select file",
5781
5781
  fill: "",
5782
- onClick: d
5782
+ onClick: u
5783
5783
  })
5784
5784
  ])
5785
5785
  ]),
@@ -5789,7 +5789,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
5789
5789
  tag: "div"
5790
5790
  }, {
5791
5791
  default: E(() => [
5792
- (a(!0), o(G, null, Q(p(u), ({ data: w, previewUrl: b }) => (a(), o("div", {
5792
+ (a(!0), o(G, null, Q(p(d), ({ data: w, previewUrl: b }) => (a(), o("div", {
5793
5793
  key: w.name,
5794
5794
  class: "nmorph-file-upload__file"
5795
5795
  }, [
@@ -5841,10 +5841,10 @@ const s5 = {
5841
5841
  () => D({
5842
5842
  "nmorph-form": []
5843
5843
  })
5844
- ), s = Fu(l.value, l.validateImmediately), u = e;
5844
+ ), s = Fu(l.value, l.validateImmediately), d = e;
5845
5845
  return Z(() => {
5846
- u("formValidator", s);
5847
- }), N("form-data", s), (c, d) => (a(), o("form", {
5846
+ d("formValidator", s);
5847
+ }), N("form-data", s), (c, u) => (a(), o("form", {
5848
5848
  class: B(r.value)
5849
5849
  }, [
5850
5850
  n("div", i5, [
@@ -5866,7 +5866,7 @@ const s5 = {
5866
5866
  "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${l.value.length === 0 && "empty"}`]
5867
5867
  })
5868
5868
  );
5869
- return (s, u) => (a(), o("div", {
5869
+ return (s, d) => (a(), o("div", {
5870
5870
  class: B(r.value)
5871
5871
  }, [
5872
5872
  H(me, {
@@ -5899,7 +5899,7 @@ const Ae = "18px", c5 = /* @__PURE__ */ T({
5899
5899
  "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
5900
5900
  })
5901
5901
  ), r = h(() => e.valid ? "success" : "error");
5902
- return (s, u) => (a(), o("div", {
5902
+ return (s, d) => (a(), o("div", {
5903
5903
  class: B(l.value)
5904
5904
  }, [
5905
5905
  s.show ? (a(), q(p(P), {
@@ -5923,9 +5923,9 @@ const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__P
5923
5923
  validate: { type: Boolean, default: !0 }
5924
5924
  },
5925
5925
  setup(t) {
5926
- const e = t, l = X("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => e.validate && r.value), u = h(
5926
+ const e = t, l = X("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => e.validate && r.value), d = h(
5927
5927
  () => !!s.value && !!r?.value?.touched && e.showValidationIcon
5928
- ), c = h(() => s.value && r.value?.touched), d = h(
5928
+ ), c = h(() => s.value && r.value?.touched), u = h(
5929
5929
  () => D({
5930
5930
  "nmorph-form-item": [
5931
5931
  `${e.label && "labeled"}`,
@@ -5934,14 +5934,14 @@ const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__P
5934
5934
  })
5935
5935
  );
5936
5936
  return (v, m) => (a(), o("div", {
5937
- class: B(d.value)
5937
+ class: B(u.value)
5938
5938
  }, [
5939
5939
  e.label ? (a(), o("label", v5, F(e.label), 1)) : A("", !0),
5940
5940
  n("div", h5, [
5941
5941
  S(v.$slots, "default"),
5942
5942
  H(p(c5), {
5943
5943
  valid: !!r.value?.valid,
5944
- show: u.value
5944
+ show: d.value
5945
5945
  }, null, 8, ["valid", "show"])
5946
5946
  ]),
5947
5947
  H(p(u5), {
@@ -5986,11 +5986,11 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
5986
5986
  `${l.actionBtnPositionRight && "action-btn-position-right"}`
5987
5987
  ]
5988
5988
  })
5989
- ), s = $(l.modelValue), u = () => {
5989
+ ), s = $(l.modelValue), d = () => {
5990
5990
  s.value += l.step;
5991
5991
  }, c = () => {
5992
5992
  s.value -= l.step;
5993
- }, d = h(() => s.value <= l.min), v = h(() => s.value >= l.max), m = h(() => l.height === "thick" ? "16px" : "12px"), y = {
5993
+ }, u = h(() => s.value <= l.min), v = h(() => s.value >= l.max), m = h(() => l.height === "thick" ? "16px" : "12px"), y = {
5994
5994
  thick: {
5995
5995
  default: "12px",
5996
5996
  right: "8px"
@@ -6025,7 +6025,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
6025
6025
  w.actionBtnPositionRight ? A("", !0) : (a(), o("div", f5, [
6026
6026
  H(p(U), {
6027
6027
  "style-type": "transparent",
6028
- disabled: d.value,
6028
+ disabled: u.value,
6029
6029
  height: l.height,
6030
6030
  onClick: c
6031
6031
  }, {
@@ -6053,7 +6053,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
6053
6053
  n("div", $5, [
6054
6054
  H(p(U), {
6055
6055
  "style-type": "transparent",
6056
- disabled: d.value,
6056
+ disabled: u.value,
6057
6057
  onClick: c
6058
6058
  }, {
6059
6059
  default: E(() => [
@@ -6070,7 +6070,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
6070
6070
  H(p(U), {
6071
6071
  "style-type": "transparent",
6072
6072
  disabled: v.value,
6073
- onClick: u
6073
+ onClick: d
6074
6074
  }, {
6075
6075
  default: E(() => [
6076
6076
  H(p(P), {
@@ -6087,7 +6087,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
6087
6087
  "style-type": "transparent",
6088
6088
  disabled: v.value,
6089
6089
  height: l.height,
6090
- onClick: u
6090
+ onClick: d
6091
6091
  }, {
6092
6092
  default: E(() => [
6093
6093
  H(p(P), {
@@ -6129,9 +6129,9 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
6129
6129
  },
6130
6130
  emits: ["update:model-value"],
6131
6131
  setup(t, { emit: e }) {
6132
- const l = t, r = e, s = $(l.modelValue), u = $(l.open), c = $(null), d = $(null), v = $(!0), m = (_) => {
6132
+ const l = t, r = e, s = $(l.modelValue), d = $(l.open), c = $(null), u = $(null), v = $(!0), m = (_) => {
6133
6133
  if (!l.disabled) {
6134
- if (u.value = !1, typeof s.value == "string" && (!l.valueRequired && s.value === _ ? s.value = "" : s.value = _, r("update:model-value", s.value)), Array.isArray(s.value)) {
6134
+ if (d.value = !1, typeof s.value == "string" && (!l.valueRequired && s.value === _ ? s.value = "" : s.value = _, r("update:model-value", s.value)), Array.isArray(s.value)) {
6135
6135
  const z = s.value.includes(_), V = s.value.length === 1 && z;
6136
6136
  if (l.valueRequired && V)
6137
6137
  return;
@@ -6146,21 +6146,21 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
6146
6146
  `${l.disabled && "disabled"}`,
6147
6147
  `${l.modelValue ? "on" : "off"}`,
6148
6148
  `${l.modelValue && "loading"}`,
6149
- `${u.value && "open"}`,
6149
+ `${d.value && "open"}`,
6150
6150
  `${v.value ? "selected-line-outset" : "selected-line-inset"}`
6151
6151
  ]
6152
6152
  })
6153
6153
  ), M = () => {
6154
- u.value = !u.value;
6154
+ d.value = !d.value;
6155
6155
  };
6156
- Y(u, (_) => {
6156
+ Y(d, (_) => {
6157
6157
  _ && (v.value = !1);
6158
6158
  });
6159
6159
  const g = () => {
6160
- u.value = !1;
6160
+ d.value = !1;
6161
6161
  };
6162
6162
  Z(() => {
6163
- c.value && (d.value = `${c.value.clientHeight}px`, document.addEventListener("click", g));
6163
+ c.value && (u.value = `${c.value.clientHeight}px`, document.addEventListener("click", g));
6164
6164
  }), Me(() => {
6165
6165
  document.removeEventListener("click", g);
6166
6166
  });
@@ -6197,7 +6197,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
6197
6197
  ]),
6198
6198
  b.value ? (a(), q(p(ce), {
6199
6199
  key: 0,
6200
- open: u.value,
6200
+ open: d.value,
6201
6201
  "relative-element": b.value,
6202
6202
  onOnOutsideClick: g
6203
6203
  }, {
@@ -6231,15 +6231,15 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ T({
6231
6231
  },
6232
6232
  emits: ["change-value"],
6233
6233
  setup(t, { emit: e }) {
6234
- const l = X("select-selected-value", void 0), r = X("select-change-selected-value", void 0), s = t, u = e, c = () => {
6235
- s.disabled || (u("change-value", s.value), r && r(s.value));
6236
- }, d = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((m) => m === s.value) : !1), v = h(
6234
+ const l = X("select-selected-value", void 0), r = X("select-change-selected-value", void 0), s = t, d = e, c = () => {
6235
+ s.disabled || (d("change-value", s.value), r && r(s.value));
6236
+ }, u = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((m) => m === s.value) : !1), v = h(
6237
6237
  () => D({
6238
6238
  nmorph: [ne[s.height]],
6239
6239
  "nmorph-select-option": [
6240
6240
  `${s.disabled && "disabled"}`,
6241
6241
  `${s.label && "with-label"}`,
6242
- `${d.value && "checked"}`
6242
+ `${u.value && "checked"}`
6243
6243
  ]
6244
6244
  })
6245
6245
  );
@@ -6251,7 +6251,7 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ T({
6251
6251
  n("span", null, F(s.label), 1),
6252
6252
  S(m.$slots, "default")
6253
6253
  ]),
6254
- d.value ? (a(), q(p(P), {
6254
+ u.value ? (a(), q(p(P), {
6255
6255
  key: 0,
6256
6256
  name: "success",
6257
6257
  class: "nmorph-select-option__checked"
@@ -6280,17 +6280,17 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
6280
6280
  nmorph: [`${l.fill && "fill"}`],
6281
6281
  "nmorph-slider": [`${l.disabled && "disabled"}`]
6282
6282
  })
6283
- ), s = `${n2}px`, u = $(l.showTooltip), c = e, d = $(l.modelValue), v = $(null);
6284
- Y(d, () => {
6285
- c("update:model-value", d.value);
6283
+ ), s = `${n2}px`, d = $(l.showTooltip), c = e, u = $(l.modelValue), v = $(null);
6284
+ Y(u, () => {
6285
+ c("update:model-value", u.value);
6286
6286
  }), Y(
6287
6287
  () => l.modelValue,
6288
6288
  (C) => {
6289
- d.value = C;
6289
+ u.value = C;
6290
6290
  }
6291
6291
  );
6292
6292
  const m = h(() => {
6293
- const C = y.value - y.value, k = l.max - l.min + C, W = (d.value - l.min) / k * 100, O = v.value?.clientWidth || 0, L = n2 / O * 100, R = L / 2;
6293
+ const C = y.value - y.value, k = l.max - l.min + C, W = (u.value - l.min) / k * 100, O = v.value?.clientWidth || 0, L = n2 / O * 100, R = L / 2;
6294
6294
  let K = W - R;
6295
6295
  const ae = `${Math.max(0, Math.min(100 - L, K))}%`, ge = `${K + R}%`;
6296
6296
  return {
@@ -6311,20 +6311,20 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
6311
6311
  let W = 0;
6312
6312
  if (k) {
6313
6313
  const O = C.clientX - k.left, L = k.width;
6314
- W = Math.max(0, Math.min(1, O / L)), d.value = l.min + W * (l.max - l.min);
6314
+ W = Math.max(0, Math.min(1, O / L)), u.value = l.min + W * (l.max - l.min);
6315
6315
  }
6316
- d.value = Math.round(d.value / l.step) * l.step, d.value = Math.max(l.min, Math.min(l.max, d.value));
6316
+ u.value = Math.round(u.value / l.step) * l.step, u.value = Math.max(l.min, Math.min(l.max, u.value));
6317
6317
  }, f = () => {
6318
6318
  document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", f), j.value = !0;
6319
6319
  }, w = () => {
6320
6320
  l.disabled || (document.addEventListener("mousemove", x), document.addEventListener("mouseup", f));
6321
6321
  }, b = $(null), _ = () => {
6322
- l.showTooltip && (u.value = !0);
6322
+ l.showTooltip && (d.value = !0);
6323
6323
  }, z = () => {
6324
- l.showTooltip && (u.value = !1);
6324
+ l.showTooltip && (d.value = !1);
6325
6325
  }, V = (C) => {
6326
6326
  const k = C.target;
6327
- d.value = Number(k.value);
6327
+ u.value = Number(k.value);
6328
6328
  }, j = $(!0);
6329
6329
  return (C, k) => (a(), o("div", {
6330
6330
  class: B(r.value)
@@ -6336,9 +6336,9 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
6336
6336
  ref: v,
6337
6337
  class: "nmorph-slider__input-container"
6338
6338
  }, [
6339
- u.value && !l.disabled ? (a(), q(p(S2), {
6339
+ d.value && !l.disabled ? (a(), q(p(S2), {
6340
6340
  key: 0,
6341
- text: String(d.value),
6341
+ text: String(u.value),
6342
6342
  "force-show": "",
6343
6343
  "force-coordinate": { x: m.value.tooltip, y: "24px" },
6344
6344
  "block-position": ""
@@ -6355,7 +6355,7 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
6355
6355
  n("input", {
6356
6356
  class: "nmorph-slide__native-input",
6357
6357
  type: "range",
6358
- value: d.value,
6358
+ value: u.value,
6359
6359
  min: l.min,
6360
6360
  max: l.max,
6361
6361
  step: l.step,
@@ -6383,23 +6383,23 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
6383
6383
  () => D({
6384
6384
  "nmorph-switch": [
6385
6385
  `${l.disabled && "disabled"}`,
6386
- `${u.value ? "on" : "off"}`,
6386
+ `${d.value ? "on" : "off"}`,
6387
6387
  `${l.loading && "loading"}`
6388
6388
  ]
6389
6389
  })
6390
- ), s = e, u = $(l.modelValue === l.activeValue), c = () => {
6390
+ ), s = e, d = $(l.modelValue === l.activeValue), c = () => {
6391
6391
  if (l.disabled)
6392
6392
  return;
6393
- u.value = !u.value;
6394
- const v = u.value ? l.activeValue : l.inactiveValue;
6393
+ d.value = !d.value;
6394
+ const v = d.value ? l.activeValue : l.inactiveValue;
6395
6395
  s("update:model-value", v);
6396
- }, d = $(null);
6396
+ }, u = $(null);
6397
6397
  return Z(() => {
6398
- s("inputDOMRef", d);
6398
+ s("inputDOMRef", u);
6399
6399
  }), Y(
6400
6400
  () => l.modelValue,
6401
6401
  (v) => {
6402
- u.value = v === l.activeValue;
6402
+ d.value = v === l.activeValue;
6403
6403
  }
6404
6404
  ), (v, m) => (a(), o("div", {
6405
6405
  class: B(r.value)
@@ -6410,16 +6410,16 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
6410
6410
  }, [
6411
6411
  n("input", {
6412
6412
  ref_key: "inputDOMRef",
6413
- ref: d,
6413
+ ref: u,
6414
6414
  type: "checkbox",
6415
- value: u.value,
6415
+ value: d.value,
6416
6416
  disabled: l.disabled,
6417
6417
  class: "nmorph-native-input"
6418
6418
  }, null, 8, T5),
6419
6419
  n("div", {
6420
- class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": u.value }])
6420
+ class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": d.value }])
6421
6421
  }, [
6422
- u.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
6422
+ d.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
6423
6423
  ], 2),
6424
6424
  n("div", O5, [
6425
6425
  l.loading ? (a(), q(p(P), {
@@ -6427,7 +6427,7 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
6427
6427
  name: "loader",
6428
6428
  width: "14px",
6429
6429
  height: "14px"
6430
- })) : u.value ? S(v.$slots, "thumb-on", { key: 1 }) : S(v.$slots, "thumb-off", { key: 2 })
6430
+ })) : d.value ? S(v.$slots, "thumb-on", { key: 1 }) : S(v.$slots, "thumb-off", { key: 2 })
6431
6431
  ])
6432
6432
  ])
6433
6433
  ], 2));
@@ -6457,10 +6457,10 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
6457
6457
  nmorph: [ne[r.height], `${m.value && "focused"}`, `${r.fill && "fill"}`],
6458
6458
  "nmorph-text-input": [`${r.typePassword && "password"}`]
6459
6459
  })
6460
- ), u = (b) => {
6460
+ ), d = (b) => {
6461
6461
  const _ = b.target;
6462
6462
  x("update:model-value", _.value);
6463
- }, c = $(!1), d = () => {
6463
+ }, c = $(!1), u = () => {
6464
6464
  r.clearable ? x("update:model-value", "") : c.value = !c.value;
6465
6465
  }, v = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), m = $(!1), y = () => {
6466
6466
  x("focus"), m.value = !0;
@@ -6486,7 +6486,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
6486
6486
  placeholder: r.placeholder,
6487
6487
  disabled: r.disabled,
6488
6488
  value: r.modelValue,
6489
- onInput: u,
6489
+ onInput: d,
6490
6490
  onFocus: y,
6491
6491
  onBlur: M,
6492
6492
  onKeyup: _[0] || (_[0] = U2((z) => x("on-enter"), ["enter"]))
@@ -6497,7 +6497,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
6497
6497
  "style-type": "transparent",
6498
6498
  width: "32px",
6499
6499
  height: r.height,
6500
- onClick: d
6500
+ onClick: u
6501
6501
  }, {
6502
6502
  default: E(() => [
6503
6503
  H(p(P), { name: f.value }, null, 8, ["name"])
@@ -6525,9 +6525,9 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6525
6525
  J((C) => ({
6526
6526
  "330fd874": V.value
6527
6527
  }));
6528
- const l = t, r = e, s = $(null), u = $(null), c = $(l.open), d = $([0, 0, 0]), v = $(l.initWithoutValue);
6528
+ const l = t, r = e, s = $(null), d = $(null), c = $(l.open), u = $([0, 0, 0]), v = $(l.initWithoutValue);
6529
6529
  Z(() => {
6530
- r("inputDOMRef", u);
6530
+ r("inputDOMRef", d);
6531
6531
  });
6532
6532
  const m = () => {
6533
6533
  c.value = !c.value;
@@ -6537,16 +6537,16 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6537
6537
  "nmorph-time-picker": [`${l.disabled && "disabled"}`, `${c.value && "open"}`]
6538
6538
  })
6539
6539
  ), M = Array.from({ length: 24 }, (C, k) => k), g = Array.from({ length: 60 }, (C, k) => k), x = () => {
6540
- v.value = !1, r("update:model-value", q2(d.value));
6540
+ v.value = !1, r("update:model-value", q2(u.value));
6541
6541
  }, f = (C) => {
6542
6542
  const k = C;
6543
- d.value = [k, d.value[1], d.value[2]], x();
6543
+ u.value = [k, u.value[1], u.value[2]], x();
6544
6544
  }, w = (C) => {
6545
6545
  const k = C;
6546
- d.value = [d.value[0], k, d.value[2]], x();
6546
+ u.value = [u.value[0], k, u.value[2]], x();
6547
6547
  }, b = (C) => {
6548
6548
  const k = C;
6549
- d.value = [d.value[0], d.value[1], k], x();
6549
+ u.value = [u.value[0], u.value[1], k], x();
6550
6550
  }, _ = () => {
6551
6551
  c.value = !1;
6552
6552
  };
@@ -6556,7 +6556,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6556
6556
  if (v.value)
6557
6557
  return;
6558
6558
  const C = Pe(l.modelValue).split(":").map((k) => Number(k));
6559
- d.value = C;
6559
+ u.value = C;
6560
6560
  })();
6561
6561
  const V = h(() => `${$e}px`), j = h(() => v.value ? "——:——:——" : Pe(l.modelValue));
6562
6562
  return (C, k) => {
@@ -6575,9 +6575,9 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6575
6575
  }),
6576
6576
  n("input", {
6577
6577
  ref_key: "inputDOMRef",
6578
- ref: u,
6578
+ ref: d,
6579
6579
  type: "time",
6580
- value: d.value,
6580
+ value: u.value,
6581
6581
  step: "1",
6582
6582
  class: "nmorph-native-input"
6583
6583
  }, null, 8, W5),
@@ -6594,7 +6594,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6594
6594
  H(W, {
6595
6595
  "set-value-on-mount": !v.value,
6596
6596
  values: p(M),
6597
- "selected-value": d.value[0],
6597
+ "selected-value": u.value[0],
6598
6598
  "step-height": $e,
6599
6599
  "disabled-range": C.disabledHours,
6600
6600
  onValueChanged: f
@@ -6602,7 +6602,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6602
6602
  H(W, {
6603
6603
  "set-value-on-mount": !v.value,
6604
6604
  values: p(g),
6605
- "selected-value": d.value[1],
6605
+ "selected-value": u.value[1],
6606
6606
  "disabled-range": C.disabledMinutes,
6607
6607
  "step-height": $e,
6608
6608
  onValueChanged: w
@@ -6611,7 +6611,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
6611
6611
  "set-value-on-mount": !v.value,
6612
6612
  values: p(g),
6613
6613
  "disabled-range": C.disabledSeconds,
6614
- "selected-value": d.value[2],
6614
+ "selected-value": u.value[2],
6615
6615
  "step-height": $e,
6616
6616
  onValueChanged: b
6617
6617
  }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
@@ -6661,9 +6661,9 @@ const Pe = (t) => {
6661
6661
  const l = X("radio-group-selected-value", void 0), r = X(
6662
6662
  "change-radio-button-value-handler",
6663
6663
  void 0
6664
- ), s = t, u = () => {
6664
+ ), s = t, d = () => {
6665
6665
  r && !s.disabled && r(s.value);
6666
- }, c = h(() => l?.value === s.value), d = h(
6666
+ }, c = h(() => l?.value === s.value), u = h(
6667
6667
  () => D({
6668
6668
  "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
6669
6669
  })
@@ -6671,8 +6671,8 @@ const Pe = (t) => {
6671
6671
  return Z(() => {
6672
6672
  v("inputDOMRef", m);
6673
6673
  }), (y, M) => (a(), o("label", {
6674
- class: B(d.value),
6675
- onClick: re(u, ["prevent"])
6674
+ class: B(u.value),
6675
+ onClick: re(d, ["prevent"])
6676
6676
  }, [
6677
6677
  s.styleType === "radio-style" ? (a(), o("div", Y5, [
6678
6678
  n("div", G5, [
@@ -6728,28 +6728,28 @@ const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio
6728
6728
  const l = t, r = $(l.modelValue);
6729
6729
  Y(
6730
6730
  () => l.modelValue,
6731
- (d) => {
6732
- r.value = d;
6731
+ (u) => {
6732
+ r.value = u;
6733
6733
  }
6734
6734
  );
6735
- const s = e, u = (d) => {
6736
- r.value = d, s("update:model-value", r.value);
6735
+ const s = e, d = (u) => {
6736
+ r.value = u, s("update:model-value", r.value);
6737
6737
  }, c = h(
6738
6738
  () => D({ "nmorph-radio-group": [l.styleType, l.direction, `${l.fill && "fill"}`] })
6739
6739
  );
6740
- return N("radio-group-selected-value", r), N("change-radio-button-value-handler", u), (d, v) => (a(), o("div", {
6740
+ return N("radio-group-selected-value", r), N("change-radio-button-value-handler", d), (u, v) => (a(), o("div", {
6741
6741
  class: B(c.value)
6742
6742
  }, [
6743
6743
  n("div", t9, [
6744
6744
  n("div", n9, [
6745
- (a(!0), o(G, null, Q(d.options, (m) => (a(), q(p(Le), {
6745
+ (a(!0), o(G, null, Q(u.options, (m) => (a(), q(p(Le), {
6746
6746
  key: m.value,
6747
6747
  label: m.label,
6748
6748
  value: m.value,
6749
6749
  disabled: m.disabled || l.disabled,
6750
6750
  "style-type": l.styleType
6751
6751
  }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
6752
- S(d.$slots, "default")
6752
+ S(u.$slots, "default")
6753
6753
  ])
6754
6754
  ])
6755
6755
  ], 2));
@@ -6760,34 +6760,35 @@ const a9 = /* @__PURE__ */ T({
6760
6760
  props: {
6761
6761
  right: { default: 40 },
6762
6762
  bottom: { default: 40 },
6763
- visibilityHeight: { default: 200 }
6763
+ visibilityHeight: { default: 200 },
6764
+ design: { default: "nmorph" }
6764
6765
  },
6765
6766
  emits: ["click"],
6766
6767
  setup(t, { emit: e }) {
6767
6768
  J((g) => ({
6768
- "28ac814d": s.value,
6769
- "5c1e7dcc": u.value
6769
+ "13d4e1c7": s.value,
6770
+ "4bd46fe0": d.value
6770
6771
  }));
6771
- const l = t, r = e, s = h(() => `${l.right}px`), u = h(() => `${l.bottom}px`), c = h(
6772
+ const l = t, r = e, s = h(() => `${l.right}px`), d = h(() => `${l.bottom}px`), c = h(
6772
6773
  () => D({
6773
- "nmorph-backtop": [`${m.value && "show"}`]
6774
+ "nmorph-backtop": [`${m.value && "show"}`, l.design]
6774
6775
  })
6775
- ), d = $(null), v = $(null), m = $(!1), y = (g) => {
6776
+ ), u = $(null), v = $(null), m = $(!1), y = (g) => {
6776
6777
  if (!g)
6777
6778
  return;
6778
6779
  const x = g.target;
6779
6780
  m.value = x.scrollTop > l.visibilityHeight;
6780
6781
  }, M = () => {
6781
- r("click"), d.value && d.value.scrollTo({
6782
+ r("click"), u.value && u.value.scrollTo({
6782
6783
  top: 0,
6783
6784
  left: 0,
6784
6785
  behavior: "smooth"
6785
6786
  });
6786
6787
  };
6787
6788
  return Z(() => {
6788
- v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", y));
6789
+ v.value && (u.value = v.value.parentElement, u.value?.addEventListener("scroll", y));
6789
6790
  }), Me(() => {
6790
- d.value && d.value?.removeEventListener("scroll", y);
6791
+ u.value && u.value?.removeEventListener("scroll", y);
6791
6792
  }), (g, x) => (a(), o("div", {
6792
6793
  ref_key: "selfDOMEl",
6793
6794
  ref: v,
@@ -6797,15 +6798,18 @@ const a9 = /* @__PURE__ */ T({
6797
6798
  onClick: re(M, ["stop"])
6798
6799
  }, [
6799
6800
  S(g.$slots, "default", {}, () => [
6800
- H(p(U), null, {
6801
+ H(p(U), {
6802
+ "style-type": l.design === "nmorph" ? "default" : "transparent"
6803
+ }, {
6801
6804
  default: E(() => [
6802
6805
  H(p(P), {
6803
6806
  name: "chevron-down",
6804
- class: "nmorph-backtop__up-icon"
6805
- })
6807
+ class: "nmorph-backtop__up-icon",
6808
+ color: l.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
6809
+ }, null, 8, ["color"])
6806
6810
  ]),
6807
6811
  _: 1
6808
- })
6812
+ }, 8, ["style-type"])
6809
6813
  ])
6810
6814
  ])
6811
6815
  ], 2));
@@ -6827,16 +6831,16 @@ const l9 = ["id"], o9 = {
6827
6831
  "nmorph-breadcrumb": []
6828
6832
  })
6829
6833
  );
6830
- return (u, c) => (a(), o("div", {
6834
+ return (d, c) => (a(), o("div", {
6831
6835
  class: B(s.value)
6832
6836
  }, [
6833
- S(u.$slots, "default"),
6834
- (a(!0), o(G, null, Q(l.value, (d, v) => (a(), o("div", {
6837
+ S(d.$slots, "default"),
6838
+ (a(!0), o(G, null, Q(l.value, (u, v) => (a(), o("div", {
6835
6839
  key: v,
6836
6840
  class: "nmorph-breadcrumb__content"
6837
6841
  }, [
6838
6842
  n("div", {
6839
- id: `nmorph-breadcrumb-${p(r)}-${d.itemId}-element`,
6843
+ id: `nmorph-breadcrumb-${p(r)}-${u.itemId}-element`,
6840
6844
  class: "nmorph-breadcrumb__element"
6841
6845
  }, null, 8, l9),
6842
6846
  v < l.value.length - 1 ? (a(), o("div", o9, F(e.separator), 1)) : A("", !0)
@@ -6855,17 +6859,17 @@ const s9 = /* @__PURE__ */ T({
6855
6859
  () => D({
6856
6860
  "nmorph-breadcrumb-item": []
6857
6861
  })
6858
- ), r = X("breadcrumb-data", void 0), s = $(!1), u = _e();
6862
+ ), r = X("breadcrumb-data", void 0), s = $(!1), d = _e();
6859
6863
  return Z(() => {
6860
- s.value = !0, r && r.breadcrumbs.value.push({ ...e, itemId: u });
6861
- }), (c, d) => {
6864
+ s.value = !0;
6865
+ }), r.breadcrumbs.value.push({ ...e, itemId: d }), (c, u) => {
6862
6866
  const v = l2("router-link");
6863
- return s.value ? (a(), o("div", {
6867
+ return s.value && p(d) ? (a(), o("div", {
6864
6868
  key: 0,
6865
6869
  class: B(l.value)
6866
6870
  }, [
6867
6871
  (a(), q(pe, {
6868
- to: `#nmorph-breadcrumb-${p(r)?.breadcrumbId}-${p(u)}-element`
6872
+ to: `#nmorph-breadcrumb-${p(r)?.breadcrumbId}-${p(d)}-element`
6869
6873
  }, [
6870
6874
  H(v, {
6871
6875
  to: c.to,
@@ -6881,8 +6885,7 @@ const s9 = /* @__PURE__ */ T({
6881
6885
  ], 2)) : A("", !0);
6882
6886
  };
6883
6887
  }
6884
- });
6885
- const ce = /* @__PURE__ */ T({
6888
+ }), ce = /* @__PURE__ */ T({
6886
6889
  __name: "NmorphDropdown",
6887
6890
  props: {
6888
6891
  open: { type: Boolean },
@@ -6895,9 +6898,9 @@ const ce = /* @__PURE__ */ T({
6895
6898
  emits: ["on-outside-click"],
6896
6899
  setup(t, { emit: e }) {
6897
6900
  J((m) => ({
6898
- f609801e: d.value
6901
+ f609801e: u.value
6899
6902
  }));
6900
- const l = t, r = e, s = $(null), { placementCoords: u } = B2({
6903
+ const l = t, r = e, s = $(null), { placementCoords: d } = B2({
6901
6904
  initialPlacement: "bottom",
6902
6905
  contentDOMElement: s,
6903
6906
  relativeElement: l.relativeElement,
@@ -6907,7 +6910,7 @@ const ce = /* @__PURE__ */ T({
6907
6910
  () => D({
6908
6911
  "nmorph-dropdown": [`${!l.open && "closed"}`]
6909
6912
  })
6910
- ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
6913
+ ), u = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
6911
6914
  r("on-outside-click");
6912
6915
  };
6913
6916
  return (m, y) => (a(), q(p(Ce), {
@@ -6920,7 +6923,7 @@ const ce = /* @__PURE__ */ T({
6920
6923
  ref_key: "dropdownDOMRef",
6921
6924
  ref: s,
6922
6925
  class: B(c.value),
6923
- style: I({ left: `${p(u).x}`, top: `${p(u).y}` })
6926
+ style: I({ left: `${p(d).x}`, top: `${p(d).y}` })
6924
6927
  }, [
6925
6928
  S(m.$slots, "default")
6926
6929
  ], 6)
@@ -6942,15 +6945,15 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick", "custom"
6942
6945
  () => D({
6943
6946
  "nmorph-tabs": [`${l.stretch && "stretch"}`]
6944
6947
  })
6945
- ), u = (y) => {
6948
+ ), d = (y) => {
6946
6949
  if (y.disabled)
6947
6950
  return;
6948
6951
  const { name: M } = y;
6949
6952
  r("update:model-value", M), r("tab-change", M);
6950
- }, c = $([]), d = _e();
6953
+ }, c = $([]), u = _e();
6951
6954
  N("nmorph-tabs-data", {
6952
6955
  tabsData: c,
6953
- tabsIdentifier: d
6956
+ tabsIdentifier: u
6954
6957
  });
6955
6958
  const v = h(() => l.panes.length > 0 ? l.panes : c.value), m = qe();
6956
6959
  return (y, M) => (a(), o("div", {
@@ -6959,13 +6962,13 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick", "custom"
6959
6962
  S(y.$slots, "default"),
6960
6963
  n("div", i9, [
6961
6964
  (a(!0), o(G, null, Q(v.value, (g) => (a(), o("div", {
6962
- id: p(Ye)(p(d), g.name),
6965
+ id: p(Ye)(p(u), g.name),
6963
6966
  key: g.name,
6964
6967
  class: B(["nmorph-tabs__label", [
6965
6968
  { "nmorph-tabs__label--selected": g.name === l.modelValue },
6966
6969
  { "nmorph-tabs__label--disabled": g.disabled }
6967
6970
  ]]),
6968
- onClick: (x) => u(g),
6971
+ onClick: (x) => d(g),
6969
6972
  custom: g.disabled
6970
6973
  }, [
6971
6974
  p(m).default ? A("", !0) : (a(), o("div", u9, F(g.label), 1))
@@ -6974,7 +6977,7 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick", "custom"
6974
6977
  n("div", c9, [
6975
6978
  n("div", v9, [
6976
6979
  (a(!0), o(G, null, Q(v.value, (g) => De((a(), o("div", {
6977
- id: p(Ge)(p(d), g.name),
6980
+ id: p(Ge)(p(u), g.name),
6978
6981
  key: g.name
6979
6982
  }, [
6980
6983
  p(m).default ? A("", !0) : (a(), o("div", p9, F(g.content), 1))
@@ -7009,20 +7012,20 @@ const Ye = (t, e) => {
7009
7012
  Z(() => {
7010
7013
  s.value = !0;
7011
7014
  }), r.tabsData.value.push(e);
7012
- const u = e;
7013
- return (c, d) => s.value ? (a(), o("div", {
7015
+ const d = e;
7016
+ return (c, u) => s.value ? (a(), o("div", {
7014
7017
  key: 0,
7015
7018
  class: B(l.value)
7016
7019
  }, [
7017
7020
  (a(), q(pe, {
7018
7021
  to: `#${p(Ye)(p(r)?.tabsIdentifier, e.name)}`
7019
7022
  }, [
7020
- S(c.$slots, "label", { scope: p(u) })
7023
+ S(c.$slots, "label", { scope: p(d) })
7021
7024
  ], 8, ["to"])),
7022
7025
  (a(), q(pe, {
7023
7026
  to: `#${p(Ge)(p(r)?.tabsIdentifier, e.name)}`
7024
7027
  }, [
7025
- S(c.$slots, "default", { scope: p(u) })
7028
+ S(c.$slots, "default", { scope: p(d) })
7026
7029
  ], 8, ["to"]))
7027
7030
  ], 2)) : A("", !0);
7028
7031
  }
@@ -7055,15 +7058,15 @@ const Ce = /* @__PURE__ */ T({
7055
7058
  "nmorph-overlay": [`${l.show && "show"}`, `${l.transparent && "transparent"}`]
7056
7059
  })
7057
7060
  ), s = () => {
7058
- u("on-outside-click");
7059
- }, u = e;
7060
- return (c, d) => (a(), o("div", {
7061
+ d("on-outside-click");
7062
+ }, d = e;
7063
+ return (c, u) => (a(), o("div", {
7061
7064
  class: B(r.value),
7062
7065
  onClick: re(s, ["stop"])
7063
7066
  }, [
7064
7067
  n("div", {
7065
7068
  class: "nmorph-overlay__slot",
7066
- onClick: d[0] || (d[0] = re(() => {
7069
+ onClick: u[0] || (u[0] = re(() => {
7067
7070
  }, ["stop"]))
7068
7071
  }, [
7069
7072
  S(c.$slots, "default")
@@ -7080,14 +7083,14 @@ const f9 = /* @__PURE__ */ T({
7080
7083
  quantity: { default: 100 }
7081
7084
  },
7082
7085
  setup(t) {
7083
- const e = $([]), l = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
7084
- const d = Math.max(l.value.length - u.quantity, 0);
7085
- return l.value.slice(d);
7086
- }), s = (d) => {
7087
- e.value = [...e.value, d];
7088
- }, u = t, c = h(() => u.zIndex);
7089
- return (d, v) => (a(), o("div", {
7090
- class: B(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
7086
+ const e = $([]), l = h(() => d.notifications.filter((u) => !e.value.includes(u.id))), r = h(() => {
7087
+ const u = Math.max(l.value.length - d.quantity, 0);
7088
+ return l.value.slice(u);
7089
+ }), s = (u) => {
7090
+ e.value = [...e.value, u];
7091
+ }, d = t, c = h(() => d.zIndex);
7092
+ return (u, v) => (a(), o("div", {
7093
+ class: B(`nmorph-notification-provider nmorph-notification-provider--${d.placement}`),
7091
7094
  style: I({ zIndex: c.value })
7092
7095
  }, [
7093
7096
  H(me, {
@@ -7211,20 +7214,20 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
7211
7214
  }, T9 = () => X("nmorph"), O9 = {
7212
7215
  install(t, e = {}) {
7213
7216
  if (!e.i18n.outsideMessagesMerge) {
7214
- const u = cc(e.i18n), c = t.__VUE_I18N__;
7215
- c ? (u.global.messages && Object.entries(u.global.messages).forEach(([d, v]) => {
7216
- c.global.mergeLocaleMessage(d, v);
7217
- }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
7217
+ const d = cc(e.i18n), c = t.__VUE_I18N__;
7218
+ c ? (d.global.messages && Object.entries(d.global.messages).forEach(([u, v]) => {
7219
+ c.global.mergeLocaleMessage(u, v);
7220
+ }), d.global.locale && (c.global.locale.value = d.global.locale)) : t.use(d);
7218
7221
  }
7219
7222
  const l = uc(e.theme), r = x9(), s = { theme: l, browser: r };
7220
- return t.provide("nmorph", s), Object.entries(w9).forEach(([u, c]) => {
7223
+ return t.provide("nmorph", s), Object.entries(w9).forEach(([d, c]) => {
7221
7224
  if ($9(c))
7222
7225
  if (e.components === void 0)
7223
- t.component(u, c);
7226
+ t.component(d, c);
7224
7227
  else {
7225
- if (!e.components.includes(u))
7228
+ if (!e.components.includes(d))
7226
7229
  return;
7227
- t.component(u, c);
7230
+ t.component(d, c);
7228
7231
  }
7229
7232
  }), t;
7230
7233
  }