maz-ui 3.32.2 → 3.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/components/MazPagination.d.ts +98 -0
  2. package/components/MazPagination.mjs +4 -0
  3. package/components/MazPhoneNumberInput.mjs +1 -1
  4. package/components/MazSelect.mjs +1 -1
  5. package/components/MazTable.d.ts +2 -2
  6. package/components/MazTable.mjs +1 -1
  7. package/components/assets/MazPagination.css +1 -0
  8. package/components/assets/MazPhoneNumberInput.css +1 -1
  9. package/components/assets/MazSelect.css +1 -1
  10. package/components/assets/MazTable.css +1 -1
  11. package/components/chunks/{MazBtn-BSbEqTOO.mjs → MazBtn-BdEnwPnp.mjs} +2 -2
  12. package/components/chunks/{MazBtn-EtLqM2iD.mjs → MazBtn-DEM8T_xK.mjs} +2 -2
  13. package/components/chunks/{MazCheckbox-BPkflsJh.mjs → MazCheckbox-DDw-_poJ.mjs} +1 -1
  14. package/components/chunks/{MazCheckbox-CPcllL6q.mjs → MazCheckbox-DKvq4VIy.mjs} +1 -1
  15. package/components/chunks/{MazIcon-CtSznV7P.mjs → MazIcon-CSZF8Zgz.mjs} +1 -1
  16. package/components/chunks/MazPagination-Br-f0ZVV.mjs +389 -0
  17. package/components/chunks/{MazPhoneNumberInput-XtiVMdCD.mjs → MazPhoneNumberInput-srnmCNgX.mjs} +46 -45
  18. package/components/chunks/{MazSelect-DR7qJS0-.mjs → MazSelect-qw3H2BrO.mjs} +161 -160
  19. package/components/chunks/{MazSpinner-CzQz8yXB.mjs → MazSpinner-6_mdlWzG.mjs} +1 -1
  20. package/components/chunks/{MazSpinner-DqdhKhP4.mjs → MazSpinner-Ben5F7h9.mjs} +1 -1
  21. package/components/chunks/MazSpinner-DpeLSgmM.mjs +38 -0
  22. package/components/chunks/{MazSpinner-DB5-SHwJ.mjs → MazSpinner-Pnq_8QwR.mjs} +1 -1
  23. package/components/chunks/{MazTable-DX4Pdzt_.mjs → MazTable-BL_3hR2Z.mjs} +120 -119
  24. package/components/chunks/chevron-double-left-zoBBzOlh.mjs +30 -0
  25. package/components/chunks/ellipsis-horizontal-VGAsnCwV.mjs +30 -0
  26. package/components/index.d.ts +1 -0
  27. package/components/index.mjs +1 -0
  28. package/css/main.css +1 -1
  29. package/nuxt/index.json +1 -1
  30. package/package.json +15 -15
  31. package/types/components/MazPagination.vue.d.ts +98 -0
  32. package/types/components/MazTable.vue.d.ts +2 -2
  33. package/types/components/index.d.ts +1 -0
@@ -21,7 +21,7 @@ const ol = {
21
21
  ), al = [
22
22
  tl
23
23
  ];
24
- function He(m, y) {
24
+ function He(v, y) {
25
25
  return s(), h("svg", ol, [...al]);
26
26
  }
27
27
  const qe = { render: He }, nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -49,7 +49,7 @@ const qe = { render: He }, nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
49
49
  ), il = [
50
50
  rl
51
51
  ];
52
- function ul(m, y) {
52
+ function ul(v, y) {
53
53
  return s(), h("svg", sl, [...il]);
54
54
  }
55
55
  const dl = { render: ul }, cl = {
@@ -73,7 +73,7 @@ const dl = { render: ul }, cl = {
73
73
  ), fl = [
74
74
  pl
75
75
  ];
76
- function ml(m, y) {
76
+ function ml(v, y) {
77
77
  return s(), h("svg", cl, [...fl]);
78
78
  }
79
79
  const Ne = { render: ml }, vl = {
@@ -97,23 +97,23 @@ const Ne = { render: ml }, vl = {
97
97
  ), hl = [
98
98
  bl
99
99
  ];
100
- function yl(m, y) {
100
+ function yl(v, y) {
101
101
  return s(), h("svg", vl, [...hl]);
102
102
  }
103
103
  const De = { render: yl };
104
- function gl(m, y) {
104
+ function gl(v, y) {
105
105
  let n;
106
106
  return function(...c) {
107
107
  clearTimeout(n), n = setTimeout(() => {
108
- m.apply(this, c);
108
+ v.apply(this, c);
109
109
  }, y);
110
110
  };
111
111
  }
112
112
  const Pe = ({
113
- componentName: m,
113
+ componentName: v,
114
114
  instance: y,
115
115
  providedId: n
116
- }) => u(() => n ?? `${m}-${y == null ? void 0 : y.uid}`), zl = {
116
+ }) => u(() => n ?? `${v}-${y == null ? void 0 : y.uid}`), zl = {
117
117
  key: 0,
118
118
  class: "m-input-wrapper-left"
119
119
  }, kl = { class: "m-input-wrapper-input" }, wl = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], $l = { key: 0 }, Vl = {
@@ -155,8 +155,8 @@ const Pe = ({
155
155
  roundedSize: { default: void 0 }
156
156
  },
157
157
  emits: ["update:model-value", "focus", "blur", "click", "change"],
158
- setup(m, { emit: y }) {
159
- const n = R(() => Promise.resolve().then(() => Ml)), c = R(() => import("./MazIcon-CtSznV7P.mjs")), L = R(() => import("./eye-slash-tjfxO0LK.mjs")), B = R(() => import("./eye-DqO_Jx56.mjs")), w = R(() => Promise.resolve().then(() => Rl)), o = m, O = y, A = M(!1), z = M(!1), E = M(), S = Ke(), Q = Pe({
158
+ setup(v, { emit: y }) {
159
+ const n = R(() => Promise.resolve().then(() => Ll)), c = R(() => import("./MazIcon-CSZF8Zgz.mjs")), L = R(() => import("./eye-slash-tjfxO0LK.mjs")), B = R(() => import("./eye-DqO_Jx56.mjs")), w = R(() => Promise.resolve().then(() => Ql)), o = v, O = y, A = M(!1), z = M(!1), E = M(), S = Ke(), Q = Pe({
160
160
  componentName: "MazInput",
161
161
  instance: S,
162
162
  providedId: o.id
@@ -165,7 +165,7 @@ const Pe = ({
165
165
  var a;
166
166
  o.autoFocus && ((a = E.value) == null || a.focus());
167
167
  });
168
- const F = u(() => o.type === "password"), v = u(() => A.value ? "text" : o.type), T = u(() => {
168
+ const F = u(() => o.type === "password"), m = u(() => A.value ? "text" : o.type), T = u(() => {
169
169
  if (!o.noBorder) {
170
170
  if (o.error)
171
171
  return "maz-border-danger";
@@ -276,7 +276,7 @@ const Pe = ({
276
276
  ref_key: "input",
277
277
  ref: E,
278
278
  "onUpdate:modelValue": j[0] || (j[0] = (C) => H.value = C),
279
- type: v.value,
279
+ type: m.value,
280
280
  name: a.name
281
281
  }, a.$attrs, {
282
282
  inputmode: a.inputmode,
@@ -383,29 +383,29 @@ const Pe = ({
383
383
  /* CLASS, STYLE */
384
384
  ));
385
385
  }
386
- }), x = (m, y) => {
387
- const n = m.__vccOpts || m;
386
+ }), x = (v, y) => {
387
+ const n = v.__vccOpts || v;
388
388
  for (const [c, L] of y)
389
389
  n[c] = L;
390
390
  return n;
391
391
  }, _e = /* @__PURE__ */ x(Il, [["__scopeId", "data-v-2b90b4c7"]]);
392
392
  M("system");
393
393
  M("system");
394
- function Oe(m, y) {
395
- const n = Je(m, y);
394
+ function Oe(v, y) {
395
+ const n = Je(v, y);
396
396
  if (!n)
397
- throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${m}`);
397
+ throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${v}`);
398
398
  return n;
399
399
  }
400
400
  let Be = null;
401
- function Bl(m, y) {
402
- Be && clearTimeout(Be), Be = setTimeout(m, y);
401
+ function Bl(v, y) {
402
+ Be && clearTimeout(Be), Be = setTimeout(v, y);
403
403
  }
404
- const Sl = { class: "m-select-list__no-results" }, Cl = {
404
+ const Sl = ["aria-label"], Cl = { class: "m-select-list__no-results" }, _l = {
405
405
  key: 2,
406
406
  class: "m-select-list__scroll-wrapper",
407
407
  tabindex: "-1"
408
- }, _l = ["onClick"], Al = /* @__PURE__ */ X({
408
+ }, Al = ["onClick"], Kl = /* @__PURE__ */ X({
409
409
  inheritAttrs: !1,
410
410
  __name: "MazSelect",
411
411
  props: {
@@ -431,13 +431,13 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
431
431
  disabled: { type: Boolean }
432
432
  },
433
433
  emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
434
- setup(m, { emit: y }) {
434
+ setup(v, { emit: y }) {
435
435
  we((e) => ({
436
- "05cbf77a": F.value,
437
- "4201afb9": S.value,
438
- "7cd91c61": Q.value
436
+ "4675cece": F.value,
437
+ "0e35d418": S.value,
438
+ "2238cc80": Q.value
439
439
  }));
440
- const n = R(() => Promise.resolve().then(() => Zl)), c = R(() => Promise.resolve().then(() => nl)), L = R(() => import("./chevron-down-CzMH-gFW.mjs")), B = R(() => import("./no-symbol-QAqP9IlR.mjs")), w = Ke(), o = m, O = y, A = M(!1), z = M(), E = u(
440
+ const n = R(() => Promise.resolve().then(() => Gl)), c = R(() => Promise.resolve().then(() => nl)), L = R(() => import("./chevron-down-CzMH-gFW.mjs")), B = R(() => import("./no-symbol-QAqP9IlR.mjs")), w = Ke(), o = v, O = y, A = M(!1), z = M(), E = u(
441
441
  () => ["black", "transparent", "white"].includes(o.color)
442
442
  ), S = u(
443
443
  () => E.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
@@ -445,7 +445,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
445
445
  () => E.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
446
446
  ), F = u(
447
447
  () => E.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
448
- ), v = u(() => A.value || o.open), T = Pe({
448
+ ), m = u(() => A.value || o.open), T = Pe({
449
449
  componentName: "MazSelect",
450
450
  instance: w,
451
451
  providedId: o.id
@@ -512,7 +512,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
512
512
  return e.preventDefault();
513
513
  await Ie(), A.value = !1, z.value = 0, O("close", e);
514
514
  }, le = async (e) => {
515
- o.disabled || v.value || (e == null || e.preventDefault(), A.value = !0, await l(), O("focus", e), O("open", A.value));
515
+ o.disabled || m.value || (e == null || e.preventDefault(), A.value = !0, await l(), O("focus", e), O("open", A.value));
516
516
  };
517
517
  function G() {
518
518
  var e, t;
@@ -539,18 +539,18 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
539
539
  const t = e.key;
540
540
  /^[\dA-Za-z\u0400-\u04FF]$/.test(t) ? (e.preventDefault(), le(e), o.search ? $e(t) : ve(t)) : be(e);
541
541
  }, be = (e) => {
542
- const t = e.code, d = ["ArrowUp", "ArrowDown"].includes(t), b = ["Enter", "Space"].includes(t), K = t === "Escape" && v.value;
542
+ const t = e.code, d = ["ArrowUp", "ArrowDown"].includes(t), b = ["Enter", "Space"].includes(t), K = t === "Escape" && m.value;
543
543
  d ? pe(e, z.value) : b ? he(e, z.value) : K && re();
544
544
  }, pe = (e, t) => {
545
545
  var K;
546
546
  e.preventDefault();
547
547
  const d = e.code;
548
- v.value || le(e);
548
+ m.value || le(e);
549
549
  const b = (K = C.value) == null ? void 0 : K.length;
550
550
  b && (typeof t == "number" ? t === b - 1 && d === "ArrowDown" ? z.value = 0 : t === 0 && d === "ArrowUp" ? z.value = b - 1 : z.value = d === "ArrowDown" ? t + 1 : t - 1 : z.value = d === "ArrowDown" ? 0 : b - 1, l(z.value));
551
551
  }, he = (e, t) => {
552
552
  var b, K, U;
553
- if (e.preventDefault(), !v.value)
553
+ if (e.preventDefault(), !m.value)
554
554
  return le(e);
555
555
  const d = t ? ((b = C.value) == null ? void 0 : b[t]) ?? ((K = C.value) == null ? void 0 : K[0]) : (U = C.value) == null ? void 0 : U[0];
556
556
  W(d) || i(d);
@@ -591,7 +591,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
591
591
  {
592
592
  ref_key: "mazSelectElement",
593
593
  ref: oe,
594
- class: V(["m-select", [{ "--is-open": v.value, "--disabled": e.disabled }, o.class, `--${e.size}`]]),
594
+ class: V(["m-select", [{ "--is-open": m.value, "--disabled": e.disabled }, o.class, `--${e.size}`]]),
595
595
  style: te(e.style),
596
596
  onBlurCapture: re
597
597
  },
@@ -619,17 +619,18 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
619
619
  tabindex: "-1",
620
620
  type: "button",
621
621
  class: "m-select-input__toggle-button maz-custom",
622
+ "aria-label": `${m.value ? "collapse" : "expand"} list of options`,
622
623
  onClick: fe(q, ["stop"])
623
624
  }, [
624
625
  _(f(L), { class: "m-select-chevron maz-text-xl" })
625
- ])
626
+ ], 8, Sl)
626
627
  ]),
627
628
  _: 1
628
629
  /* STABLE */
629
630
  }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
630
631
  _(Xe, { name: ce.value }, {
631
632
  default: P(() => [
632
- v.value ? (s(), h(
633
+ m.value ? (s(), h(
633
634
  "div",
634
635
  {
635
636
  key: 0,
@@ -670,10 +671,10 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
670
671
  @slot No results slot - Displayed when no results corresponding with search query
671
672
  `),
672
673
  !C.value || C.value.length <= 0 ? $(e.$slots, "no-results", { key: 1 }, () => [
673
- I("span", Sl, [
674
+ I("span", Cl, [
674
675
  _(f(B), { class: "maz-h-6 maz-w-6 maz-text-normal" })
675
676
  ])
676
- ], !0) : (s(), h("div", Cl, [
677
+ ], !0) : (s(), h("div", _l, [
677
678
  (s(!0), h(
678
679
  ze,
679
680
  null,
@@ -715,7 +716,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
715
716
  /* TEXT */
716
717
  )
717
718
  ], !0)
718
- ], 14, _l))),
719
+ ], 14, Al))),
719
720
  128
720
721
  /* KEYED_FRAGMENT */
721
722
  ))
@@ -733,7 +734,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
733
734
  /* CLASS, STYLE, NEED_HYDRATION */
734
735
  ));
735
736
  }
736
- }), Ee = /* @__PURE__ */ x(Al, [["__scopeId", "data-v-541bd34a"]]), Kl = /* @__PURE__ */ X({
737
+ }), Ee = /* @__PURE__ */ x(Kl, [["__scopeId", "data-v-0fceffd9"]]), Ml = /* @__PURE__ */ X({
737
738
  __name: "MazBtn",
738
739
  props: {
739
740
  variant: { default: "button" },
@@ -757,8 +758,8 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
757
758
  noElevation: { type: Boolean },
758
759
  contentClass: { default: void 0 }
759
760
  },
760
- setup(m) {
761
- const y = R(() => import("./MazSpinner-CzQz8yXB.mjs")), n = R(() => import("./MazIcon-CtSznV7P.mjs")), { href: c, to: L } = xe(), B = Me(), w = m;
761
+ setup(v) {
762
+ const y = R(() => import("./MazSpinner-6_mdlWzG.mjs")), n = R(() => import("./MazIcon-CSZF8Zgz.mjs")), { href: c, to: L } = xe(), B = Me(), w = v;
762
763
  Te(() => {
763
764
  w.icon && !w.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
764
765
  });
@@ -766,7 +767,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
766
767
  () => w.pastel ? `--${w.color}-pastel` : w.outline ? `--${w.color}-outline` : `--${w.color}`
767
768
  ), A = u(
768
769
  () => (w.loading || w.disabled) && o.value === "button"
769
- ), z = u(() => A.value ? "--cursor-default" : "--cursor-pointer"), E = u(() => `--is-${w.variant}`), S = u(() => w.loading && w.variant === "button"), Q = u(() => !!B["left-icon"] || w.leftIcon), F = u(() => !!B["right-icon"] || w.rightIcon), v = u(() => Q.value || F.value), T = u(() => w.fab && (w.icon || !!B.icon)), N = u(() => o.value === "button" ? w.type : void 0);
770
+ ), z = u(() => A.value ? "--cursor-default" : "--cursor-pointer"), E = u(() => `--is-${w.variant}`), S = u(() => w.loading && w.variant === "button"), Q = u(() => !!B["left-icon"] || w.leftIcon), F = u(() => !!B["right-icon"] || w.rightIcon), m = u(() => Q.value || F.value), T = u(() => w.fab && (w.icon || !!B.icon)), N = u(() => o.value === "button" ? w.type : void 0);
770
771
  return (p, oe) => (s(), k(de(o.value), {
771
772
  disabled: A.value,
772
773
  class: V(["m-btn", [
@@ -781,7 +782,7 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
781
782
  "--fab": p.fab,
782
783
  "--loading": p.loading,
783
784
  "--disabled": A.value,
784
- "--icon": v.value,
785
+ "--icon": m.value,
785
786
  "--rounded": p.rounded,
786
787
  "--no-rounded": p.noRounded,
787
788
  "--no-padding": p.noPadding,
@@ -877,15 +878,15 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
877
878
  /* FORWARDED */
878
879
  }, 8, ["disabled", "class", "type"]));
879
880
  }
880
- }), me = /* @__PURE__ */ x(Kl, [["__scopeId", "data-v-9a42c0cb"]]), Ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
881
+ }), me = /* @__PURE__ */ x(Ml, [["__scopeId", "data-v-9a42c0cb"]]), Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
881
882
  __proto__: null,
882
883
  default: me
883
- }, Symbol.toStringTag, { value: "Module" })), Ll = /* @__PURE__ */ X({
884
+ }, Symbol.toStringTag, { value: "Module" })), Tl = /* @__PURE__ */ X({
884
885
  __name: "MazTableRow",
885
886
  props: {
886
887
  noHoverable: { type: Boolean }
887
888
  },
888
- setup(m) {
889
+ setup(v) {
889
890
  const { hoverable: y, backgroundEven: n, backgroundOdd: c } = Oe("maz-table");
890
891
  return (L, B) => (s(), h(
891
892
  "tr",
@@ -903,9 +904,9 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
903
904
  /* CLASS */
904
905
  ));
905
906
  }
906
- }), Se = /* @__PURE__ */ x(Ll, [["__scopeId", "data-v-57ba9a97"]]), Tl = /* @__PURE__ */ X({
907
+ }), Se = /* @__PURE__ */ x(Tl, [["__scopeId", "data-v-57ba9a97"]]), Pl = /* @__PURE__ */ X({
907
908
  __name: "MazTableCell",
908
- setup(m) {
909
+ setup(v) {
909
910
  const { size: y } = Oe("maz-table");
910
911
  return (n, c) => (s(), h(
911
912
  "td",
@@ -919,9 +920,9 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
919
920
  /* CLASS */
920
921
  ));
921
922
  }
922
- }), ge = /* @__PURE__ */ x(Tl, [["__scopeId", "data-v-0668079a"]]), Pl = /* @__PURE__ */ X({
923
+ }), ge = /* @__PURE__ */ x(Pl, [["__scopeId", "data-v-0668079a"]]), Ol = /* @__PURE__ */ X({
923
924
  __name: "MazTableTitle",
924
- setup(m) {
925
+ setup(v) {
925
926
  const { size: y } = Oe("maz-table");
926
927
  return (n, c) => (s(), h(
927
928
  "th",
@@ -935,39 +936,39 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
935
936
  /* CLASS */
936
937
  ));
937
938
  }
938
- }), Ce = /* @__PURE__ */ x(Pl, [["__scopeId", "data-v-7d02b262"]]), Ol = (m) => (je("data-v-26d3bae5"), m = m(), Fe(), m), Nl = { class: "m-loading-bar" }, Dl = /* @__PURE__ */ Ol(() => /* @__PURE__ */ I(
939
+ }), Ce = /* @__PURE__ */ x(Ol, [["__scopeId", "data-v-7d02b262"]]), Nl = (v) => (je("data-v-26d3bae5"), v = v(), Fe(), v), Dl = { class: "m-loading-bar" }, El = /* @__PURE__ */ Nl(() => /* @__PURE__ */ I(
939
940
  "div",
940
941
  null,
941
942
  null,
942
943
  -1
943
944
  /* HOISTED */
944
- )), El = [
945
- Dl
946
- ], jl = /* @__PURE__ */ X({
945
+ )), jl = [
946
+ El
947
+ ], Fl = /* @__PURE__ */ X({
947
948
  __name: "MazLoadingBar",
948
949
  props: {
949
950
  color: { default: "primary" },
950
951
  height: { default: "0.125rem" }
951
952
  },
952
- setup(m) {
953
+ setup(v) {
953
954
  we((c) => ({
954
955
  "4d5d421f": c.height,
955
956
  d3c0e8e8: n.value.alpha,
956
957
  ccfba46a: n.value.main
957
958
  }));
958
- const y = m, n = u(() => ({
959
+ const y = v, n = u(() => ({
959
960
  alpha: `var(--maz-color-${y.color}-alpha-20)`,
960
961
  main: `var(--maz-color-${y.color})`
961
962
  }));
962
- return (c, L) => (s(), h("div", Nl, El));
963
+ return (c, L) => (s(), h("div", Dl, jl));
963
964
  }
964
- }), Fl = /* @__PURE__ */ x(jl, [["__scopeId", "data-v-26d3bae5"]]), Hl = {
965
+ }), Hl = /* @__PURE__ */ x(Fl, [["__scopeId", "data-v-26d3bae5"]]), ql = {
965
966
  xmlns: "http://www.w3.org/2000/svg",
966
967
  width: "1em",
967
968
  height: "1em",
968
969
  fill: "none",
969
970
  viewBox: "0 0 24 24"
970
- }, ql = /* @__PURE__ */ I(
971
+ }, Ul = /* @__PURE__ */ I(
971
972
  "path",
972
973
  {
973
974
  stroke: "currentColor",
@@ -979,17 +980,17 @@ const Sl = { class: "m-select-list__no-results" }, Cl = {
979
980
  null,
980
981
  -1
981
982
  /* HOISTED */
982
- ), Ul = [
983
- ql
983
+ ), Rl = [
984
+ Ul
984
985
  ];
985
- function Ue(m, y) {
986
- return s(), h("svg", Hl, [...Ul]);
986
+ function Ue(v, y) {
987
+ return s(), h("svg", ql, [...Rl]);
987
988
  }
988
- const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
989
+ const Re = { render: Ue }, Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
989
990
  __proto__: null,
990
991
  default: Re,
991
992
  render: Ue
992
- }, Symbol.toStringTag, { value: "Module" })), Ql = ["for", "aria-checked"], Wl = ["id", "checked", "disabled", "name"], Yl = /* @__PURE__ */ X({
993
+ }, Symbol.toStringTag, { value: "Module" })), Wl = ["for", "aria-checked"], Yl = ["id", "checked", "disabled", "name"], Zl = /* @__PURE__ */ X({
993
994
  inheritAttrs: !1,
994
995
  __name: "MazCheckbox",
995
996
  props: {
@@ -1009,14 +1010,14 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1009
1010
  /* emited when value change */
1010
1011
  "change"
1011
1012
  ],
1012
- setup(m, { emit: y }) {
1013
- we((v) => ({
1013
+ setup(v, { emit: y }) {
1014
+ we((m) => ({
1014
1015
  "5f9a9651": A.value,
1015
1016
  "1f46da33": o.value,
1016
1017
  d1f5d8d4: z.value,
1017
1018
  "2fd0984e": E.value
1018
1019
  }));
1019
- const n = Ke(), c = m, L = y, B = Pe({
1020
+ const n = Ke(), c = v, L = y, B = Pe({
1020
1021
  componentName: "MazCheckbox",
1021
1022
  instance: n,
1022
1023
  providedId: c.id
@@ -1055,21 +1056,21 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1055
1056
  }), A = u(() => `var(--maz-color-${c.color}-contrast)`), z = u(() => `var(--maz-color-${c.color})`), E = u(
1056
1057
  () => ["black", "transparent"].includes(c.color) ? "var(--maz-color-muted)" : `var(--maz-color-${c.color}-alpha)`
1057
1058
  );
1058
- function S(v) {
1059
- ["Space"].includes(v.code) && (v.preventDefault(), F(c.value ?? !c.modelValue));
1059
+ function S(m) {
1060
+ ["Space"].includes(m.code) && (m.preventDefault(), F(c.value ?? !c.modelValue));
1060
1061
  }
1061
- function Q(v) {
1062
- return typeof v == "boolean" && (typeof c.modelValue == "boolean" || c.modelValue === void 0 || c.modelValue === null) ? !c.modelValue : Array.isArray(c.modelValue) && typeof v != "boolean" ? c.modelValue.includes(v) ? c.modelValue.filter((T) => T !== v) : [...c.modelValue, v] : [v];
1062
+ function Q(m) {
1063
+ return typeof m == "boolean" && (typeof c.modelValue == "boolean" || c.modelValue === void 0 || c.modelValue === null) ? !c.modelValue : Array.isArray(c.modelValue) && typeof m != "boolean" ? c.modelValue.includes(m) ? c.modelValue.filter((T) => T !== m) : [...c.modelValue, m] : [m];
1063
1064
  }
1064
- function F(v) {
1065
- const T = Q(v);
1065
+ function F(m) {
1066
+ const T = Q(m);
1066
1067
  L("update:model-value", T), L("change", T);
1067
1068
  }
1068
- return (v, T) => (s(), h("label", {
1069
+ return (m, T) => (s(), h("label", {
1069
1070
  for: f(B),
1070
- class: V(["m-checkbox", [{ "--disabled": v.disabled }, c.class]]),
1071
+ class: V(["m-checkbox", [{ "--disabled": m.disabled }, c.class]]),
1071
1072
  tabindex: "0",
1072
- style: te(v.style),
1073
+ style: te(m.style),
1073
1074
  role: "checkbox",
1074
1075
  "aria-checked": w.value,
1075
1076
  onKeydown: S
@@ -1077,58 +1078,58 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1077
1078
  I("input", Le({
1078
1079
  id: f(B),
1079
1080
  checked: w.value
1080
- }, v.$attrs, {
1081
+ }, m.$attrs, {
1081
1082
  tabindex: "-1",
1082
- disabled: v.disabled,
1083
- name: v.name,
1083
+ disabled: m.disabled,
1084
+ name: m.name,
1084
1085
  type: "checkbox",
1085
1086
  onChange: T[0] || (T[0] = (N) => {
1086
1087
  var p;
1087
- return F(v.value ?? ((p = N == null ? void 0 : N.target) == null ? void 0 : p.checked));
1088
+ return F(m.value ?? ((p = N == null ? void 0 : N.target) == null ? void 0 : p.checked));
1088
1089
  })
1089
- }), null, 16, Wl),
1090
+ }), null, 16, Yl),
1090
1091
  I("span", null, [
1091
1092
  _(f(Re), {
1092
1093
  class: V(["check-icon", O.value])
1093
1094
  }, null, 8, ["class"])
1094
1095
  ]),
1095
- $(v.$slots, "default", {}, void 0, !0)
1096
- ], 46, Ql));
1096
+ $(m.$slots, "default", {}, void 0, !0)
1097
+ ], 46, Wl));
1097
1098
  }
1098
- }), Ae = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-4df37fd1"]]), Zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1099
+ }), Ae = /* @__PURE__ */ x(Zl, [["__scopeId", "data-v-4df37fd1"]]), Gl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1099
1100
  __proto__: null,
1100
1101
  default: Ae
1101
- }, Symbol.toStringTag, { value: "Module" })), Qe = (m) => (je("data-v-6799f047"), m = m(), Fe(), m), Gl = {
1102
+ }, Symbol.toStringTag, { value: "Module" })), Qe = (v) => (je("data-v-6799f047"), v = v(), Fe(), v), Jl = {
1102
1103
  key: 0,
1103
1104
  class: "m-table-header"
1104
- }, Jl = { class: "m-table-spacer" }, Xl = { class: "m-table-header-title" }, xl = {
1105
+ }, Xl = { class: "m-table-spacer" }, xl = { class: "m-table-header-title" }, eo = {
1105
1106
  key: 0,
1106
1107
  class: "m-table-header-search"
1107
- }, eo = { key: 0 }, lo = { key: 1 }, oo = {
1108
+ }, lo = { key: 0 }, oo = { key: 1 }, to = {
1108
1109
  key: 0,
1109
1110
  class: "m-table-sort-icon-wrapper"
1110
- }, to = { class: "maz-text-center maz-text-muted" }, ao = {
1111
+ }, ao = { class: "maz-text-center maz-text-muted" }, no = {
1111
1112
  key: 1,
1112
1113
  class: "m-table-footer"
1113
- }, no = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
1114
+ }, so = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
1114
1115
  "div",
1115
1116
  { class: "m-table-spacer" },
1116
1117
  null,
1117
1118
  -1
1118
1119
  /* HOISTED */
1119
- )), so = {
1120
+ )), ro = {
1120
1121
  key: 0,
1121
1122
  class: "m-table-footer-pagination"
1122
- }, ro = { class: "m-table-footer-pagination-items-per-page" }, io = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
1123
+ }, io = { class: "m-table-footer-pagination-items-per-page" }, uo = /* @__PURE__ */ Qe(() => /* @__PURE__ */ I(
1123
1124
  "span",
1124
1125
  { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
1125
1126
  " Item per page ",
1126
1127
  -1
1127
1128
  /* HOISTED */
1128
- )), uo = {
1129
+ )), co = {
1129
1130
  key: 0,
1130
1131
  class: "maz-whitespace-nowrap maz-text-sm"
1131
- }, co = { class: "m-table-footer-pagination-buttons" }, po = /* @__PURE__ */ X({
1132
+ }, po = { class: "m-table-footer-pagination-buttons" }, fo = /* @__PURE__ */ X({
1132
1133
  __name: "MazTable",
1133
1134
  props: {
1134
1135
  tableClass: { default: void 0 },
@@ -1168,12 +1169,12 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1168
1169
  color: { default: "primary" }
1169
1170
  },
1170
1171
  emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
1171
- setup(m, { emit: y }) {
1172
+ setup(v, { emit: y }) {
1172
1173
  we((l) => ({
1173
1174
  "549b2df6": n.tableLayout,
1174
1175
  "47a9b48a": n.captionSide
1175
1176
  }));
1176
- const n = m, c = u(
1177
+ const n = v, c = u(
1177
1178
  () => n.divider && !n.backgroundEven && !n.backgroundOdd
1178
1179
  ), L = y, { size: B, hoverable: w, backgroundEven: o, backgroundOdd: O } = el(n);
1179
1180
  ll("maz-table", {
@@ -1209,14 +1210,14 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1209
1210
  F.value = l;
1210
1211
  }
1211
1212
  );
1212
- const v = u({
1213
+ const m = u({
1213
1214
  get: () => F.value,
1214
1215
  set: (l) => {
1215
1216
  F.value = l, L("update:page-size", l);
1216
1217
  }
1217
1218
  }), T = u(() => {
1218
1219
  var l;
1219
- return n.totalPages ?? (v.value === Number.POSITIVE_INFINITY || !((l = n.rows) != null && l.length)) ? 1 : Math.ceil(n.rows.length / v.value);
1220
+ return n.totalPages ?? (m.value === Number.POSITIVE_INFINITY || !((l = n.rows) != null && l.length)) ? 1 : Math.ceil(n.rows.length / m.value);
1220
1221
  });
1221
1222
  function N() {
1222
1223
  S.value = 1;
@@ -1231,9 +1232,9 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1231
1232
  S.value = S.value + 1;
1232
1233
  }
1233
1234
  const ne = u(() => {
1234
- if (!n.pagination || n.noPaginateRows || v.value === Number.POSITIVE_INFINITY)
1235
+ if (!n.pagination || n.noPaginateRows || m.value === Number.POSITIVE_INFINITY)
1235
1236
  return A.value;
1236
- const l = (E.value - 1) * v.value, g = l + v.value;
1237
+ const l = (E.value - 1) * m.value, g = l + m.value;
1237
1238
  return A.value.slice(l, g);
1238
1239
  });
1239
1240
  ye(
@@ -1329,19 +1330,19 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1329
1330
  class: V(["m-table", { "--has-header": a.value }])
1330
1331
  },
1331
1332
  [
1332
- a.value ? (s(), h("div", Gl, [
1333
- I("div", Jl, [
1333
+ a.value ? (s(), h("div", Jl, [
1334
+ I("div", Xl, [
1334
1335
  l.title || l.$slots.title ? $(l.$slots, "title", { key: 0 }, () => [
1335
1336
  I(
1336
1337
  "span",
1337
- Xl,
1338
+ xl,
1338
1339
  J(l.title),
1339
1340
  1
1340
1341
  /* TEXT */
1341
1342
  )
1342
1343
  ], !0) : r("v-if", !0)
1343
1344
  ]),
1344
- l.search ? (s(), h("div", xl, [
1345
+ l.search ? (s(), h("div", eo, [
1345
1346
  l.noSearchBy ? r("v-if", !0) : (s(), k(Ee, {
1346
1347
  key: 0,
1347
1348
  modelValue: H.value,
@@ -1369,7 +1370,7 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1369
1370
  style: te(l.tableStyle)
1370
1371
  },
1371
1372
  [
1372
- l.caption || l.$slots.caption ? (s(), h("caption", eo, [
1373
+ l.caption || l.$slots.caption ? (s(), h("caption", lo, [
1373
1374
  r(`
1374
1375
  @slot caption - add caption on top or bottom of the table
1375
1376
  `),
@@ -1381,7 +1382,7 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1381
1382
  )
1382
1383
  ], !0)
1383
1384
  ])) : r("v-if", !0),
1384
- C.value ? (s(), h("thead", lo, [
1385
+ C.value ? (s(), h("thead", oo, [
1385
1386
  r(`
1386
1387
  @slot thead - content in thead element
1387
1388
  `),
@@ -1452,7 +1453,7 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1452
1453
  /* TEXT */
1453
1454
  )
1454
1455
  ], !0),
1455
- i.sortable ?? l.sortable ? (s(), h("div", oo, [
1456
+ i.sortable ?? l.sortable ? (s(), h("div", to, [
1456
1457
  _(f(dl), {
1457
1458
  class: V(["m-table-sort-icon maz-hidden group-hover:maz-block", {
1458
1459
  "--sorted": e === G.value,
@@ -1495,7 +1496,7 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1495
1496
  })
1496
1497
  ], !0)
1497
1498
  ])) : r("v-if", !0),
1498
- l.loading ? (s(), k(Fl, {
1499
+ l.loading ? (s(), k(Hl, {
1499
1500
  key: 2,
1500
1501
  color: l.color,
1501
1502
  class: "!maz-absolute"
@@ -1614,7 +1615,7 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1614
1615
  @slot no-results - replace no results
1615
1616
  `),
1616
1617
  $(l.$slots, "no-results", {}, () => [
1617
- I("p", to, [
1618
+ I("p", ao, [
1618
1619
  r(`
1619
1620
  @slot no-results-text - replace no results test only
1620
1621
  `),
@@ -1640,14 +1641,14 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1640
1641
  6
1641
1642
  /* CLASS, STYLE */
1642
1643
  ),
1643
- j.value ? (s(), h("div", ao, [
1644
- no,
1645
- l.pagination ? (s(), h("div", so, [
1646
- I("div", ro, [
1647
- io,
1644
+ j.value ? (s(), h("div", no, [
1645
+ so,
1646
+ l.pagination ? (s(), h("div", ro, [
1647
+ I("div", io, [
1648
+ uo,
1648
1649
  _(Ee, {
1649
- modelValue: v.value,
1650
- "onUpdate:modelValue": g[3] || (g[3] = (i) => v.value = i),
1650
+ modelValue: m.value,
1651
+ "onUpdate:modelValue": g[3] || (g[3] = (i) => m.value = i),
1651
1652
  options: Q.value,
1652
1653
  size: f(B),
1653
1654
  color: l.color,
@@ -1657,12 +1658,12 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1657
1658
  ]),
1658
1659
  T.value ? (s(), h(
1659
1660
  "span",
1660
- uo,
1661
+ co,
1661
1662
  J(S.value) + " - " + J(D.value.length) + " of " + J(T.value),
1662
1663
  1
1663
1664
  /* TEXT */
1664
1665
  )) : r("v-if", !0),
1665
- I("div", co, [
1666
+ I("div", po, [
1666
1667
  _(me, {
1667
1668
  disabled: S.value === 1,
1668
1669
  size: f(B),
@@ -1727,9 +1728,9 @@ const Re = { render: Ue }, Rl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
1727
1728
  /* CLASS */
1728
1729
  ));
1729
1730
  }
1730
- }), vo = /* @__PURE__ */ x(po, [["__scopeId", "data-v-6799f047"]]);
1731
+ }), bo = /* @__PURE__ */ x(fo, [["__scopeId", "data-v-6799f047"]]);
1731
1732
  export {
1732
- vo as M,
1733
+ bo as M,
1733
1734
  x as _,
1734
1735
  Oe as i
1735
1736
  };