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.
- package/components/MazPagination.d.ts +98 -0
- package/components/MazPagination.mjs +4 -0
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/MazSelect.mjs +1 -1
- package/components/MazTable.d.ts +2 -2
- package/components/MazTable.mjs +1 -1
- package/components/assets/MazPagination.css +1 -0
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/assets/MazSelect.css +1 -1
- package/components/assets/MazTable.css +1 -1
- package/components/chunks/{MazBtn-BSbEqTOO.mjs → MazBtn-BdEnwPnp.mjs} +2 -2
- package/components/chunks/{MazBtn-EtLqM2iD.mjs → MazBtn-DEM8T_xK.mjs} +2 -2
- package/components/chunks/{MazCheckbox-BPkflsJh.mjs → MazCheckbox-DDw-_poJ.mjs} +1 -1
- package/components/chunks/{MazCheckbox-CPcllL6q.mjs → MazCheckbox-DKvq4VIy.mjs} +1 -1
- package/components/chunks/{MazIcon-CtSznV7P.mjs → MazIcon-CSZF8Zgz.mjs} +1 -1
- package/components/chunks/MazPagination-Br-f0ZVV.mjs +389 -0
- package/components/chunks/{MazPhoneNumberInput-XtiVMdCD.mjs → MazPhoneNumberInput-srnmCNgX.mjs} +46 -45
- package/components/chunks/{MazSelect-DR7qJS0-.mjs → MazSelect-qw3H2BrO.mjs} +161 -160
- package/components/chunks/{MazSpinner-CzQz8yXB.mjs → MazSpinner-6_mdlWzG.mjs} +1 -1
- package/components/chunks/{MazSpinner-DqdhKhP4.mjs → MazSpinner-Ben5F7h9.mjs} +1 -1
- package/components/chunks/MazSpinner-DpeLSgmM.mjs +38 -0
- package/components/chunks/{MazSpinner-DB5-SHwJ.mjs → MazSpinner-Pnq_8QwR.mjs} +1 -1
- package/components/chunks/{MazTable-DX4Pdzt_.mjs → MazTable-BL_3hR2Z.mjs} +120 -119
- package/components/chunks/chevron-double-left-zoBBzOlh.mjs +30 -0
- package/components/chunks/ellipsis-horizontal-VGAsnCwV.mjs +30 -0
- package/components/index.d.ts +1 -0
- package/components/index.mjs +1 -0
- package/css/main.css +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +15 -15
- package/types/components/MazPagination.vue.d.ts +98 -0
- package/types/components/MazTable.vue.d.ts +2 -2
- 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(
|
|
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(
|
|
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(
|
|
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(
|
|
100
|
+
function yl(v, y) {
|
|
101
101
|
return s(), h("svg", vl, [...hl]);
|
|
102
102
|
}
|
|
103
103
|
const De = { render: yl };
|
|
104
|
-
function gl(
|
|
104
|
+
function gl(v, y) {
|
|
105
105
|
let n;
|
|
106
106
|
return function(...c) {
|
|
107
107
|
clearTimeout(n), n = setTimeout(() => {
|
|
108
|
-
|
|
108
|
+
v.apply(this, c);
|
|
109
109
|
}, y);
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
112
|
const Pe = ({
|
|
113
|
-
componentName:
|
|
113
|
+
componentName: v,
|
|
114
114
|
instance: y,
|
|
115
115
|
providedId: n
|
|
116
|
-
}) => u(() => n ?? `${
|
|
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(
|
|
159
|
-
const n = R(() => Promise.resolve().then(() =>
|
|
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"),
|
|
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:
|
|
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 = (
|
|
387
|
-
const n =
|
|
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(
|
|
395
|
-
const n = Je(
|
|
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 ${
|
|
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(
|
|
402
|
-
Be && clearTimeout(Be), Be = setTimeout(
|
|
401
|
+
function Bl(v, y) {
|
|
402
|
+
Be && clearTimeout(Be), Be = setTimeout(v, y);
|
|
403
403
|
}
|
|
404
|
-
const Sl = { class: "m-select-list__no-results" },
|
|
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
|
-
},
|
|
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(
|
|
434
|
+
setup(v, { emit: y }) {
|
|
435
435
|
we((e) => ({
|
|
436
|
-
"
|
|
437
|
-
"
|
|
438
|
-
"
|
|
436
|
+
"4675cece": F.value,
|
|
437
|
+
"0e35d418": S.value,
|
|
438
|
+
"2238cc80": Q.value
|
|
439
439
|
}));
|
|
440
|
-
const n = R(() => Promise.resolve().then(() =>
|
|
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
|
-
),
|
|
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 ||
|
|
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" &&
|
|
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
|
-
|
|
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(), !
|
|
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":
|
|
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
|
-
|
|
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",
|
|
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",
|
|
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,
|
|
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(
|
|
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(
|
|
761
|
-
const y = R(() => import("./MazSpinner-
|
|
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),
|
|
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":
|
|
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(
|
|
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" })),
|
|
884
|
+
}, Symbol.toStringTag, { value: "Module" })), Tl = /* @__PURE__ */ X({
|
|
884
885
|
__name: "MazTableRow",
|
|
885
886
|
props: {
|
|
886
887
|
noHoverable: { type: Boolean }
|
|
887
888
|
},
|
|
888
|
-
setup(
|
|
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(
|
|
907
|
+
}), Se = /* @__PURE__ */ x(Tl, [["__scopeId", "data-v-57ba9a97"]]), Pl = /* @__PURE__ */ X({
|
|
907
908
|
__name: "MazTableCell",
|
|
908
|
-
setup(
|
|
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(
|
|
923
|
+
}), ge = /* @__PURE__ */ x(Pl, [["__scopeId", "data-v-0668079a"]]), Ol = /* @__PURE__ */ X({
|
|
923
924
|
__name: "MazTableTitle",
|
|
924
|
-
setup(
|
|
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(
|
|
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
|
-
)),
|
|
945
|
-
|
|
946
|
-
],
|
|
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(
|
|
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 =
|
|
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",
|
|
963
|
+
return (c, L) => (s(), h("div", Dl, jl));
|
|
963
964
|
}
|
|
964
|
-
}),
|
|
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
|
-
},
|
|
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
|
-
),
|
|
983
|
-
|
|
983
|
+
), Rl = [
|
|
984
|
+
Ul
|
|
984
985
|
];
|
|
985
|
-
function Ue(
|
|
986
|
-
return s(), h("svg",
|
|
986
|
+
function Ue(v, y) {
|
|
987
|
+
return s(), h("svg", ql, [...Rl]);
|
|
987
988
|
}
|
|
988
|
-
const Re = { render: Ue },
|
|
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" })),
|
|
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(
|
|
1013
|
-
we((
|
|
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 =
|
|
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(
|
|
1059
|
-
["Space"].includes(
|
|
1059
|
+
function S(m) {
|
|
1060
|
+
["Space"].includes(m.code) && (m.preventDefault(), F(c.value ?? !c.modelValue));
|
|
1060
1061
|
}
|
|
1061
|
-
function Q(
|
|
1062
|
-
return typeof
|
|
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(
|
|
1065
|
-
const T = Q(
|
|
1065
|
+
function F(m) {
|
|
1066
|
+
const T = Q(m);
|
|
1066
1067
|
L("update:model-value", T), L("change", T);
|
|
1067
1068
|
}
|
|
1068
|
-
return (
|
|
1069
|
+
return (m, T) => (s(), h("label", {
|
|
1069
1070
|
for: f(B),
|
|
1070
|
-
class: V(["m-checkbox", [{ "--disabled":
|
|
1071
|
+
class: V(["m-checkbox", [{ "--disabled": m.disabled }, c.class]]),
|
|
1071
1072
|
tabindex: "0",
|
|
1072
|
-
style: te(
|
|
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
|
-
},
|
|
1081
|
+
}, m.$attrs, {
|
|
1081
1082
|
tabindex: "-1",
|
|
1082
|
-
disabled:
|
|
1083
|
-
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(
|
|
1088
|
+
return F(m.value ?? ((p = N == null ? void 0 : N.target) == null ? void 0 : p.checked));
|
|
1088
1089
|
})
|
|
1089
|
-
}), null, 16,
|
|
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
|
-
$(
|
|
1096
|
-
], 46,
|
|
1096
|
+
$(m.$slots, "default", {}, void 0, !0)
|
|
1097
|
+
], 46, Wl));
|
|
1097
1098
|
}
|
|
1098
|
-
}), Ae = /* @__PURE__ */ x(
|
|
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 = (
|
|
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
|
-
},
|
|
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
|
-
},
|
|
1108
|
+
}, lo = { key: 0 }, oo = { key: 1 }, to = {
|
|
1108
1109
|
key: 0,
|
|
1109
1110
|
class: "m-table-sort-icon-wrapper"
|
|
1110
|
-
},
|
|
1111
|
+
}, ao = { class: "maz-text-center maz-text-muted" }, no = {
|
|
1111
1112
|
key: 1,
|
|
1112
1113
|
class: "m-table-footer"
|
|
1113
|
-
},
|
|
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
|
-
)),
|
|
1120
|
+
)), ro = {
|
|
1120
1121
|
key: 0,
|
|
1121
1122
|
class: "m-table-footer-pagination"
|
|
1122
|
-
},
|
|
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
|
-
)),
|
|
1129
|
+
)), co = {
|
|
1129
1130
|
key: 0,
|
|
1130
1131
|
class: "maz-whitespace-nowrap maz-text-sm"
|
|
1131
|
-
},
|
|
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(
|
|
1172
|
+
setup(v, { emit: y }) {
|
|
1172
1173
|
we((l) => ({
|
|
1173
1174
|
"549b2df6": n.tableLayout,
|
|
1174
1175
|
"47a9b48a": n.captionSide
|
|
1175
1176
|
}));
|
|
1176
|
-
const n =
|
|
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
|
|
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 ?? (
|
|
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 ||
|
|
1235
|
+
if (!n.pagination || n.noPaginateRows || m.value === Number.POSITIVE_INFINITY)
|
|
1235
1236
|
return A.value;
|
|
1236
|
-
const l = (E.value - 1) *
|
|
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",
|
|
1333
|
-
I("div",
|
|
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
|
-
|
|
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",
|
|
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",
|
|
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",
|
|
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",
|
|
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(
|
|
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",
|
|
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",
|
|
1644
|
-
|
|
1645
|
-
l.pagination ? (s(), h("div",
|
|
1646
|
-
I("div",
|
|
1647
|
-
|
|
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:
|
|
1650
|
-
"onUpdate:modelValue": g[3] || (g[3] = (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
|
-
|
|
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",
|
|
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
|
-
}),
|
|
1731
|
+
}), bo = /* @__PURE__ */ x(fo, [["__scopeId", "data-v-6799f047"]]);
|
|
1731
1732
|
export {
|
|
1732
|
-
|
|
1733
|
+
bo as M,
|
|
1733
1734
|
x as _,
|
|
1734
1735
|
Oe as i
|
|
1735
1736
|
};
|