maz-ui 3.47.2-beta.6 → 3.47.2-beta.8
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/MazAccordion.mjs +91 -98
- package/components/MazAnimatedCounter.mjs +26 -26
- package/components/MazBottomSheet.mjs +1 -1
- package/components/MazBtn.mjs +1 -1
- package/components/MazCard.mjs +1 -1
- package/components/MazCardSpotlight.mjs +18 -22
- package/components/MazCarousel.mjs +1 -1
- package/components/MazCheckbox.mjs +74 -70
- package/components/MazChecklist.mjs +1 -1
- package/components/MazCircularProgressBar.mjs +48 -48
- package/components/MazDialog.mjs +1 -1
- package/components/MazDialogPromise.mjs +1 -1
- package/components/MazDrawer.mjs +1 -1
- package/components/MazDropdown.mjs +1 -1
- package/components/MazExpandAnimation.mjs +22 -25
- package/components/MazGallery.mjs +1 -1
- package/components/MazIcon.mjs +1 -1
- package/components/MazInput.mjs +1 -1
- package/components/MazInputCode.mjs +36 -39
- package/components/MazInputNumber.mjs +1 -1
- package/components/MazInputPrice.mjs +1 -1
- package/components/MazInputTags.mjs +1 -1
- package/components/MazLink.mjs +1 -1
- package/components/MazLoadingBar.mjs +31 -27
- package/components/MazPagination.mjs +1 -1
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/MazPicker.d.ts +2 -0
- package/components/MazPicker.mjs +1 -1
- package/components/MazRadio.mjs +31 -36
- package/components/MazSelect.mjs +1 -1
- package/components/MazStepper.mjs +1 -1
- package/components/MazSwitch.mjs +20 -23
- package/components/MazTable.d.ts +6 -0
- package/components/MazTable.mjs +3 -2
- package/components/MazTableCell.mjs +12 -12
- package/components/MazTableRow.mjs +16 -16
- package/components/MazTableTitle.mjs +18 -18
- package/components/MazTabsBar.mjs +1 -1
- package/components/MazTabsContent.mjs +4 -4
- package/components/MazTabsContentItem.mjs +7 -7
- package/components/assets/MazAccordion.css +1 -1
- package/components/assets/MazAnimatedCounter.css +1 -1
- package/components/assets/MazCardSpotlight.css +1 -1
- package/components/assets/MazCheckbox.css +1 -1
- package/components/assets/MazChecklist.css +1 -1
- package/components/assets/MazCircularProgressBar.css +1 -1
- package/components/assets/MazDropdown.css +1 -1
- package/components/assets/MazExpandAnimation.css +1 -1
- package/components/assets/MazGallery.css +1 -1
- package/components/assets/MazInputCode.css +1 -1
- package/components/assets/MazLoadingBar.css +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/assets/MazPicker.css +1 -1
- package/components/assets/MazRadio.css +1 -1
- package/components/assets/MazSelect.css +1 -1
- package/components/assets/MazStepper.css +1 -1
- package/components/assets/MazSwitch.css +1 -1
- package/components/assets/MazTable.css +1 -1
- package/components/assets/MazTableCell.css +1 -1
- package/components/assets/MazTableRow.css +1 -1
- package/components/assets/MazTableTitle.css +1 -1
- package/components/assets/MazTabsBar.css +1 -1
- package/components/chunks/{MazBadge-CqppWg2j.mjs → MazBadge-qdgVtKdQ.mjs} +1 -1
- package/components/chunks/{MazBottomSheet-C9GWCGys.mjs → MazBottomSheet-DX3dl16f.mjs} +1 -1
- package/components/chunks/{MazBtn-CMyQNKuk.mjs → MazBtn-B1DhLzSq.mjs} +2 -2
- package/components/chunks/{MazBtn-DA2lg-5s.mjs → MazBtn-B6xyipje.mjs} +1 -1
- package/components/chunks/{MazBtn-D7tI764y.mjs → MazBtn-BE_bHLkT.mjs} +2 -2
- package/components/chunks/MazBtn-Blj3kViZ.mjs +105 -0
- package/components/chunks/{MazBtn-BBb9-9O6.mjs → MazBtn-BtmrmjP3.mjs} +2 -2
- package/components/chunks/{MazBtn-CfUZ9QSO.mjs → MazBtn-C0fZIwfM.mjs} +2 -2
- package/components/chunks/MazBtn-CFf5L0DS.mjs +105 -0
- package/components/chunks/MazBtn-CiiCndWt.mjs +105 -0
- package/components/chunks/{MazBtn-DHfi8M3z.mjs → MazBtn-DMcVZ1r9.mjs} +2 -2
- package/components/chunks/{MazBtn-DZb-6vcl.mjs → MazBtn-DWVb9GQ3.mjs} +1 -1
- package/components/chunks/{MazBtn-VU3XSEv8.mjs → MazBtn-DanmhP4R.mjs} +1 -1
- package/components/chunks/{MazBtn-DKyz5Hc0.mjs → MazBtn-DzheqNTG.mjs} +2 -2
- package/components/chunks/MazBtn-FtH-ADjY.mjs +105 -0
- package/components/chunks/{MazBtn-DER-sPjl.mjs → MazBtn-pNpaQRRG.mjs} +2 -2
- package/components/chunks/{MazCard-CAPZoSqv.mjs → MazCard-DMDzDjHR.mjs} +1 -1
- package/components/chunks/{MazCarousel-CSv4VpC9.mjs → MazCarousel-BjBQQBFN.mjs} +1 -1
- package/components/chunks/{MazCheckbox-DwAd7p8o.mjs → MazCheckbox-9R4fuM8t.mjs} +63 -58
- package/components/chunks/{MazCheckbox-IhiWZ8D0.mjs → MazCheckbox-DXcpsRU4.mjs} +63 -59
- package/components/chunks/{MazCheckbox-BI2um2gY.mjs → MazCheckbox-Dgn0lw5f.mjs} +63 -60
- package/components/chunks/{MazChecklist-Bqd7qTO1.mjs → MazChecklist-D_IebAis.mjs} +116 -116
- package/components/chunks/{MazDialog-xPCkmhrE.mjs → MazDialog-Cyo_BtT4.mjs} +1 -1
- package/components/chunks/{MazDialogPromise-dIHWE8dO.mjs → MazDialogPromise-CHyri_Q5.mjs} +2 -2
- package/components/chunks/{MazDropdown-7WqbXnPN.mjs → MazDropdown-urkh4dW3.mjs} +87 -103
- package/components/chunks/MazExpandAnimation-CWDhei53.mjs +54 -0
- package/components/chunks/{MazGallery-CRY5X5zS.mjs → MazGallery-DNN_xBeg.mjs} +39 -42
- package/components/chunks/{MazGallery-CXQiXWFr.mjs → MazGallery-ndO4hRUh.mjs} +38 -41
- package/components/chunks/{MazIcon-BbvBov5G.mjs → MazIcon-B4CDdmqe.mjs} +1 -1
- package/components/chunks/{MazIcon-DjMuw8Bz.mjs → MazIcon-B7Mn8F75.mjs} +1 -1
- package/components/chunks/MazIcon-BK45d_-V.mjs +4 -0
- package/components/chunks/{MazIcon-D3TB52NM.mjs → MazIcon-BSgK89NE.mjs} +1 -1
- package/components/chunks/{MazInput-DG-grU7m.mjs → MazInput-CyWYuOsl.mjs} +1 -1
- package/components/chunks/{MazInput-ROgC-JLt.mjs → MazInput-DFDzf7C1.mjs} +2 -2
- package/components/chunks/{MazInput-rW-KBJGJ.mjs → MazInput-LS_VhQAg.mjs} +2 -2
- package/components/chunks/{MazInputNumber-DoeT5Lcu.mjs → MazInputNumber-qQ6MrK-y.mjs} +2 -2
- package/components/chunks/{MazInputPrice-CZiypHp3.mjs → MazInputPrice-C207E4RH.mjs} +1 -1
- package/components/chunks/{MazInputTags-DGAglIQb.mjs → MazInputTags-a57ZPojk.mjs} +2 -2
- package/components/chunks/{MazLink-yKgOtTlk.mjs → MazLink-Ch-w_Lf_.mjs} +1 -1
- package/components/chunks/MazLoadingBar-rusnhtnI.mjs +36 -0
- package/components/chunks/{MazPagination-eJFyS5Nn.mjs → MazPagination-CJEC7Y4E.mjs} +1 -1
- package/components/chunks/{MazPhoneNumberInput-Bbr0zHPZ.mjs → MazPhoneNumberInput-BUe2kgX6.mjs} +92 -97
- package/components/chunks/{MazPicker-EMOuyWJy.mjs → MazPicker-DteyWEwr.mjs} +279 -277
- package/components/chunks/{MazPickerMonthSwitcher-DJGgb6BT.mjs → MazPickerMonthSwitcher-D46P6nV5.mjs} +1 -1
- package/components/chunks/{MazPickerShortcuts-Cg1uqryw.mjs → MazPickerShortcuts-C50DAlfT.mjs} +1 -1
- package/components/chunks/{MazPickerYearSwitcher-BLUXEs0G.mjs → MazPickerYearSwitcher-5EW9ebYR.mjs} +1 -1
- package/components/chunks/{MazSelect-BUETsREx.mjs → MazSelect-C0rk6m_5.mjs} +85 -90
- package/components/chunks/{MazSelect-BDMOrVry.mjs → MazSelect-CJnsMuMG.mjs} +40 -45
- package/components/chunks/MazSpinner-B2mZYoLS.mjs +34 -0
- package/components/chunks/{MazSpinner-CQpzVTYF.mjs → MazSpinner-BxlN_quv.mjs} +1 -1
- package/components/chunks/{MazSpinner-CLlK6hHp.mjs → MazSpinner-CAR4Mm9l.mjs} +1 -1
- package/components/chunks/{MazSpinner-C0PBSYpC.mjs → MazSpinner-CQAyxmwJ.mjs} +1 -1
- package/components/chunks/{MazSpinner-BODHZQ9h.mjs → MazSpinner-CbuG6vB-.mjs} +1 -1
- package/components/chunks/MazSpinner-Cef473zM.mjs +34 -0
- package/components/chunks/{MazSpinner--fscjBdL.mjs → MazSpinner-CkOG2EM9.mjs} +1 -1
- package/components/chunks/MazSpinner-CksMqwXP.mjs +34 -0
- package/components/chunks/{MazSpinner-BdOKUqKA.mjs → MazSpinner-CqpyUTWh.mjs} +1 -1
- package/components/chunks/MazSpinner-CtZfuEKt.mjs +34 -0
- package/components/chunks/{MazSpinner-DJM02T-b.mjs → MazSpinner-CyvYTwaV.mjs} +1 -1
- package/components/chunks/{MazSpinner-CEgSruvD.mjs → MazSpinner-DCBUvJ_o.mjs} +1 -1
- package/components/chunks/MazSpinner-DPdh6vtw.mjs +34 -0
- package/components/chunks/MazSpinner-D_6j7BO6.mjs +34 -0
- package/components/chunks/{MazSpinner-B8vOa-3i.mjs → MazSpinner-DqZc3-_U.mjs} +1 -1
- package/components/chunks/MazSpinner-XikQHrkW.mjs +34 -0
- package/components/chunks/{MazSpinner-C-64WJje.mjs → MazSpinner-a80KrraB.mjs} +1 -1
- package/components/chunks/MazSpinner-q-AqkAjI.mjs +34 -0
- package/components/chunks/MazStepper-BWyXIppj.mjs +218 -0
- package/components/chunks/{MazTable-CWsaB02U.mjs → MazTable-BpIXKltC.mjs} +85 -81
- package/components/chunks/MazTableCell-DQAaVtw4.mjs +23 -0
- package/components/chunks/MazTableRow-CN415w3y.mjs +30 -0
- package/components/chunks/{MazTableTitle-C8P3v8b6.mjs → MazTableTitle-DbCN1l2O.mjs} +4 -4
- package/components/chunks/{MazTabsBar-CM-w7V97.mjs → MazTabsBar-jlclO5zk.mjs} +61 -77
- package/components/chunks/{MazTransitionExpand-BCgH8NZP.mjs → MazTransitionExpand-B2jKLvyg.mjs} +1 -1
- package/components/chunks/{inject-strict-BmiaNiwC.mjs → inject-strict-DEDSuzCz.mjs} +3 -3
- package/css/main.css +1 -1
- package/modules/chunks/{MazBtn-SZHtOzgz.cjs → MazBtn-BLjl_mR0.cjs} +1 -1
- package/modules/chunks/{MazBtn-y5LW9A2T.mjs → MazBtn-D6K3B6XM.mjs} +2 -2
- package/modules/chunks/{MazIcon-BpVDZGXl.cjs → MazIcon--UTNvIe4.cjs} +1 -1
- package/modules/chunks/{MazIcon-Dj66ziAh.mjs → MazIcon-BRGZkufX.mjs} +1 -1
- package/modules/chunks/{MazSpinner-uMrdk_99.mjs → MazSpinner-9EkSWhvP.mjs} +1 -1
- package/modules/chunks/{MazSpinner-CPT6UF2e.cjs → MazSpinner-B82Q3oFJ.cjs} +1 -1
- package/modules/chunks/{index-BG6gPie5.mjs → index-7UZ6u--K.mjs} +5 -5
- package/modules/chunks/index-fosopmwd.cjs +124 -0
- package/modules/index.cjs +1 -1
- package/modules/index.mjs +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/tailwindcss/variables/colors.ts +2 -0
- package/types/components/MazPicker.vue.d.ts +2 -0
- package/types/components/MazTable.vue.d.ts +6 -0
- package/types/modules/helpers/inject-strict.d.ts +2 -1
- package/types/tailwindcss/variables/colors.d.ts +2 -0
- package/components/chunks/MazBtn-DhEO9uvT.mjs +0 -105
- package/components/chunks/MazBtn-DpFjxnMy.mjs +0 -105
- package/components/chunks/MazBtn-IPfW92RY.mjs +0 -105
- package/components/chunks/MazBtn-Lsac2Q0p.mjs +0 -105
- package/components/chunks/MazExpandAnimation-MDimlZGj.mjs +0 -57
- package/components/chunks/MazIcon-B3gy-jQ6.mjs +0 -4
- package/components/chunks/MazLoadingBar-D8a5KF29.mjs +0 -32
- package/components/chunks/MazSpinner-CMMBCwk2.mjs +0 -34
- package/components/chunks/MazSpinner-ChqoF_fX.mjs +0 -34
- package/components/chunks/MazSpinner-D5ciNjTR.mjs +0 -34
- package/components/chunks/MazSpinner-DebSlkVT.mjs +0 -34
- package/components/chunks/MazSpinner-RzOGVi6V.mjs +0 -34
- package/components/chunks/MazSpinner-VN2Vol2B.mjs +0 -34
- package/components/chunks/MazSpinner-dm4RUkiD.mjs +0 -34
- package/components/chunks/MazSpinner-oLVdOGaR.mjs +0 -34
- package/components/chunks/MazStepper-BREfkpUb.mjs +0 -213
- package/components/chunks/MazTableCell-CgiGF3bL.mjs +0 -23
- package/components/chunks/MazTableRow-6KrQQQbm.mjs +0 -30
- package/modules/chunks/index-BTegnVLg.cjs +0 -124
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { useId as
|
|
2
|
-
import './assets/MazCheckbox.css';function
|
|
3
|
-
componentName:
|
|
1
|
+
import { useId as N, computed as t, openBlock as h, createElementBlock as p, createElementVNode as u, defineComponent as E, ref as _, unref as m, normalizeClass as f, normalizeStyle as c, mergeProps as A, createVNode as $, renderSlot as M, createTextVNode as D, toDisplayString as w, createCommentVNode as R } from "vue";
|
|
2
|
+
import './assets/MazCheckbox.css';function j({
|
|
3
|
+
componentName: l,
|
|
4
4
|
providedId: a
|
|
5
5
|
}) {
|
|
6
|
-
const e =
|
|
7
|
-
return
|
|
6
|
+
const e = N();
|
|
7
|
+
return t(() => a ?? `${l}-${e}`);
|
|
8
8
|
}
|
|
9
|
-
const
|
|
9
|
+
const q = {
|
|
10
10
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11
11
|
width: "1em",
|
|
12
12
|
height: "1em",
|
|
13
13
|
fill: "none",
|
|
14
14
|
viewBox: "0 0 24 24"
|
|
15
15
|
};
|
|
16
|
-
function
|
|
17
|
-
return
|
|
18
|
-
|
|
16
|
+
function F(l, a) {
|
|
17
|
+
return h(), p("svg", q, a[0] || (a[0] = [
|
|
18
|
+
u(
|
|
19
19
|
"path",
|
|
20
20
|
{
|
|
21
21
|
stroke: "currentColor",
|
|
@@ -30,7 +30,7 @@ function H(t, a) {
|
|
|
30
30
|
)
|
|
31
31
|
]));
|
|
32
32
|
}
|
|
33
|
-
const
|
|
33
|
+
const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ E({
|
|
34
34
|
inheritAttrs: !1,
|
|
35
35
|
__name: "MazCheckbox",
|
|
36
36
|
props: {
|
|
@@ -50,19 +50,13 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
|
|
|
50
50
|
hint: {}
|
|
51
51
|
},
|
|
52
52
|
emits: ["update:model-value", "change", "blur", "focus"],
|
|
53
|
-
setup(
|
|
54
|
-
|
|
55
|
-
b7df6194: z.value,
|
|
56
|
-
"89a0ef50": g.value,
|
|
57
|
-
"199d7f11": w.value,
|
|
58
|
-
b0e1d658: V.value
|
|
59
|
-
}));
|
|
60
|
-
const e = t, l = a, s = q({
|
|
53
|
+
setup(l, { emit: a }) {
|
|
54
|
+
const e = l, n = a, s = j({
|
|
61
55
|
componentName: "MazCheckbox",
|
|
62
56
|
providedId: e.id
|
|
63
|
-
}),
|
|
57
|
+
}), b = t(
|
|
64
58
|
() => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
|
|
65
|
-
),
|
|
59
|
+
), v = t(() => {
|
|
66
60
|
switch (e.size) {
|
|
67
61
|
case "xl":
|
|
68
62
|
return "2rem";
|
|
@@ -77,7 +71,7 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
|
|
|
77
71
|
default:
|
|
78
72
|
return "1.5rem";
|
|
79
73
|
}
|
|
80
|
-
}),
|
|
74
|
+
}), z = t(() => {
|
|
81
75
|
switch (e.size) {
|
|
82
76
|
case "xl":
|
|
83
77
|
return "maz-text-2xl";
|
|
@@ -92,88 +86,98 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
|
|
|
92
86
|
default:
|
|
93
87
|
return "maz-text-lg";
|
|
94
88
|
}
|
|
95
|
-
}),
|
|
96
|
-
function x(o) {
|
|
97
|
-
["Space"].includes(o.code) && (o.preventDefault(), b(e.value ?? !e.modelValue));
|
|
98
|
-
}
|
|
89
|
+
}), x = t(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), V = t(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), k = t(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
|
|
99
90
|
function C(o) {
|
|
91
|
+
["Space"].includes(o.code) && (o.preventDefault(), y(e.value ?? !e.modelValue));
|
|
92
|
+
}
|
|
93
|
+
function B(o) {
|
|
100
94
|
return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((r) => r !== o) : [...e.modelValue, o] : [o];
|
|
101
95
|
}
|
|
102
|
-
function
|
|
103
|
-
const r =
|
|
104
|
-
|
|
96
|
+
function y(o) {
|
|
97
|
+
const r = B(o);
|
|
98
|
+
n("update:model-value", r), n("change", r);
|
|
105
99
|
}
|
|
106
|
-
const
|
|
107
|
-
function
|
|
100
|
+
const d = _();
|
|
101
|
+
function S(o) {
|
|
108
102
|
var r;
|
|
109
|
-
(r =
|
|
103
|
+
(r = d.value) == null || r.dispatchEvent(new Event("blur")), n("blur", o);
|
|
110
104
|
}
|
|
111
105
|
function I(o) {
|
|
112
106
|
var r;
|
|
113
|
-
(r =
|
|
107
|
+
(r = d.value) == null || r.dispatchEvent(new Event("focus")), n("focus", o);
|
|
114
108
|
}
|
|
115
|
-
return (o, r) => (
|
|
116
|
-
for:
|
|
117
|
-
class:
|
|
109
|
+
return (o, r) => (h(), p("label", {
|
|
110
|
+
for: m(s),
|
|
111
|
+
class: f(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
|
|
118
112
|
tabindex: "0",
|
|
119
|
-
style:
|
|
113
|
+
style: c([o.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
|
|
120
114
|
role: "checkbox",
|
|
121
|
-
"aria-checked":
|
|
122
|
-
onKeydown:
|
|
123
|
-
onBlur:
|
|
115
|
+
"aria-checked": b.value,
|
|
116
|
+
onKeydown: C,
|
|
117
|
+
onBlur: S,
|
|
124
118
|
onFocus: I
|
|
125
119
|
}, [
|
|
126
|
-
|
|
127
|
-
id:
|
|
120
|
+
u("input", A({
|
|
121
|
+
id: m(s),
|
|
128
122
|
ref_key: "inputRef",
|
|
129
|
-
ref:
|
|
130
|
-
checked:
|
|
123
|
+
ref: d,
|
|
124
|
+
checked: b.value
|
|
131
125
|
}, o.$attrs, {
|
|
132
126
|
tabindex: "-1",
|
|
133
127
|
disabled: o.disabled,
|
|
134
128
|
name: o.name,
|
|
135
129
|
type: "checkbox",
|
|
136
|
-
onChange: r[0] || (r[0] = (
|
|
137
|
-
var
|
|
138
|
-
return
|
|
130
|
+
onChange: r[0] || (r[0] = (i) => {
|
|
131
|
+
var g;
|
|
132
|
+
return y(o.value ?? ((g = i == null ? void 0 : i.target) == null ? void 0 : g.checked));
|
|
139
133
|
})
|
|
140
|
-
}), null, 16,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
134
|
+
}), null, 16, O),
|
|
135
|
+
u(
|
|
136
|
+
"span",
|
|
137
|
+
{
|
|
138
|
+
style: c({ width: v.value, height: v.value })
|
|
139
|
+
},
|
|
140
|
+
[
|
|
141
|
+
$(m(H), {
|
|
142
|
+
class: f(["check-icon", z.value]),
|
|
143
|
+
style: c({ color: x.value })
|
|
144
|
+
}, null, 8, ["class", "style"])
|
|
145
|
+
],
|
|
146
|
+
4
|
|
147
|
+
/* STYLE */
|
|
148
|
+
),
|
|
149
|
+
u("div", P, [
|
|
150
|
+
M(o.$slots, "default", { value: o.value }, () => [
|
|
151
|
+
D(
|
|
152
|
+
w(o.label),
|
|
150
153
|
1
|
|
151
154
|
/* TEXT */
|
|
152
155
|
)
|
|
153
156
|
], !0),
|
|
154
|
-
o.hint ? (
|
|
157
|
+
o.hint ? (h(), p(
|
|
155
158
|
"span",
|
|
156
159
|
{
|
|
157
160
|
key: 0,
|
|
158
|
-
class:
|
|
161
|
+
class: f(["m-checkbox__hint", {
|
|
159
162
|
"--error": o.error,
|
|
160
163
|
"--success": o.success,
|
|
161
164
|
"--warning": o.warning
|
|
162
|
-
}])
|
|
165
|
+
}]),
|
|
166
|
+
style: c({ boxShadow: `0 0 0 0.125rem ${k.value}` })
|
|
163
167
|
},
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
/* TEXT, CLASS */
|
|
167
|
-
)) :
|
|
168
|
+
w(o.hint),
|
|
169
|
+
7
|
|
170
|
+
/* TEXT, CLASS, STYLE */
|
|
171
|
+
)) : R("v-if", !0)
|
|
168
172
|
])
|
|
169
|
-
], 46,
|
|
173
|
+
], 46, K));
|
|
170
174
|
}
|
|
171
|
-
}),
|
|
172
|
-
const e =
|
|
173
|
-
for (const [
|
|
174
|
-
e[
|
|
175
|
+
}), U = (l, a) => {
|
|
176
|
+
const e = l.__vccOpts || l;
|
|
177
|
+
for (const [n, s] of a)
|
|
178
|
+
e[n] = s;
|
|
175
179
|
return e;
|
|
176
|
-
},
|
|
180
|
+
}, J = /* @__PURE__ */ U(T, [["__scopeId", "data-v-0ad2f376"]]);
|
|
177
181
|
export {
|
|
178
|
-
|
|
182
|
+
J as default
|
|
179
183
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { useId as w, computed as r, defineComponent as
|
|
2
|
-
import './assets/MazCircularProgressBar.css';function
|
|
1
|
+
import { useId as w, computed as r, defineComponent as x, useSlots as _, ref as S, watch as B, openBlock as p, createElementBlock as m, normalizeClass as M, normalizeStyle as y, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as I, unref as k, createBlock as P, createSlots as N, withCtx as g } from "vue";
|
|
2
|
+
import './assets/MazCircularProgressBar.css';function A({
|
|
3
3
|
componentName: a,
|
|
4
4
|
providedId: e
|
|
5
5
|
}) {
|
|
6
6
|
const s = w();
|
|
7
7
|
return r(() => e ?? `${a}-${s}`);
|
|
8
8
|
}
|
|
9
|
-
const
|
|
9
|
+
const V = { class: "maz-sr-only" }, b = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "m-animated-counter__fix"
|
|
12
|
-
},
|
|
12
|
+
}, D = /* @__PURE__ */ x({
|
|
13
13
|
__name: "MazAnimatedCounter",
|
|
14
14
|
props: {
|
|
15
15
|
count: {},
|
|
@@ -18,16 +18,12 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
18
18
|
suffix: { default: void 0 }
|
|
19
19
|
},
|
|
20
20
|
setup(a) {
|
|
21
|
-
|
|
22
|
-
"7cf84c3b": h.value,
|
|
23
|
-
a2b7049a: o.count
|
|
24
|
-
}));
|
|
25
|
-
const e = a, s = $(), f = r(() => !!e.prefix || !!s.prefix), c = r(() => !!e.suffix || !!s.suffix), d = S(!0);
|
|
21
|
+
const e = a, s = _(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = S(!0);
|
|
26
22
|
B(
|
|
27
23
|
() => e.count,
|
|
28
24
|
(o, v) => {
|
|
29
|
-
o !== v && (
|
|
30
|
-
|
|
25
|
+
o !== v && (c.value = !1, setTimeout(() => {
|
|
26
|
+
c.value = !0;
|
|
31
27
|
}, 100));
|
|
32
28
|
}
|
|
33
29
|
);
|
|
@@ -35,14 +31,18 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
35
31
|
return (o, v) => (p(), m(
|
|
36
32
|
"span",
|
|
37
33
|
{
|
|
38
|
-
class:
|
|
39
|
-
"--animated":
|
|
34
|
+
class: M(["m-animated-counter", {
|
|
35
|
+
"--animated": c.value,
|
|
40
36
|
"--prefixed": f.value,
|
|
41
|
-
"--suffixed":
|
|
42
|
-
}])
|
|
37
|
+
"--suffixed": d.value
|
|
38
|
+
}]),
|
|
39
|
+
style: y({
|
|
40
|
+
"--count": o.count,
|
|
41
|
+
"--animation-duration": h.value
|
|
42
|
+
})
|
|
43
43
|
},
|
|
44
44
|
[
|
|
45
|
-
n("span",
|
|
45
|
+
n("span", V, [
|
|
46
46
|
l(o.$slots, "prefix", {}, () => [
|
|
47
47
|
i(
|
|
48
48
|
u(o.prefix),
|
|
@@ -63,7 +63,7 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
63
63
|
)
|
|
64
64
|
], !0)
|
|
65
65
|
]),
|
|
66
|
-
f.value ||
|
|
66
|
+
f.value || d.value ? (p(), m("span", b, [
|
|
67
67
|
l(o.$slots, "prefix", {}, () => [
|
|
68
68
|
i(
|
|
69
69
|
u(o.prefix),
|
|
@@ -78,23 +78,23 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
78
78
|
/* TEXT */
|
|
79
79
|
)
|
|
80
80
|
], !0)
|
|
81
|
-
])) :
|
|
81
|
+
])) : I("v-if", !0)
|
|
82
82
|
],
|
|
83
|
-
|
|
84
|
-
/* CLASS */
|
|
83
|
+
6
|
|
84
|
+
/* CLASS, STYLE */
|
|
85
85
|
));
|
|
86
86
|
}
|
|
87
|
-
}),
|
|
87
|
+
}), $ = (a, e) => {
|
|
88
88
|
const s = a.__vccOpts || a;
|
|
89
|
-
for (const [f,
|
|
90
|
-
s[f] =
|
|
89
|
+
for (const [f, d] of e)
|
|
90
|
+
s[f] = d;
|
|
91
91
|
return s;
|
|
92
|
-
},
|
|
92
|
+
}, E = /* @__PURE__ */ $(D, [["__scopeId", "data-v-fc78b268"]]), L = { class: "outer" }, T = { class: "inner" }, W = { key: 0 }, j = {
|
|
93
93
|
xmlns: "http://www.w3.org/2000/svg",
|
|
94
94
|
height: "1em",
|
|
95
95
|
width: "1em",
|
|
96
96
|
viewBox: "0 0 100 100"
|
|
97
|
-
},
|
|
97
|
+
}, q = ["id"], G = ["stop-color"], O = ["stop-color"], U = ["stroke-width", "stroke", "stroke-linecap"], F = /* @__PURE__ */ x({
|
|
98
98
|
__name: "MazCircularProgressBar",
|
|
99
99
|
props: {
|
|
100
100
|
percentage: { default: 0 },
|
|
@@ -109,11 +109,7 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
109
109
|
stroke: { default: void 0 }
|
|
110
110
|
},
|
|
111
111
|
setup(a) {
|
|
112
|
-
|
|
113
|
-
"6e9e446d": z.value,
|
|
114
|
-
"31fcb5e0": C.value
|
|
115
|
-
}));
|
|
116
|
-
const e = a, s = $(), f = r(() => !!e.prefix || !!s.prefix), c = r(() => !!e.suffix || !!s.suffix), d = V({
|
|
112
|
+
const e = a, s = _(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = A({
|
|
117
113
|
componentName: "MazCircularProgressBar"
|
|
118
114
|
}), h = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), o = r(
|
|
119
115
|
() => e.autoColor ? v(e.percentage) : e.color
|
|
@@ -122,22 +118,26 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
122
118
|
return t < 50 || t > 100 ? "danger" : t < 100 ? "warning" : "success";
|
|
123
119
|
}
|
|
124
120
|
const z = r(() => `${e.duration}ms`), C = r(() => Math.round(290 - 290 * (h.value / 100)));
|
|
125
|
-
return (t,
|
|
121
|
+
return (t, H) => (p(), m(
|
|
126
122
|
"div",
|
|
127
123
|
{
|
|
128
124
|
class: "m-circular-progress-bar",
|
|
129
|
-
style:
|
|
125
|
+
style: y([
|
|
126
|
+
{
|
|
127
|
+
"--animation-duration": z.value,
|
|
128
|
+
"--dashoffset": C.value
|
|
129
|
+
},
|
|
130
130
|
{
|
|
131
131
|
fontSize: t.size
|
|
132
132
|
}
|
|
133
133
|
])
|
|
134
134
|
},
|
|
135
135
|
[
|
|
136
|
-
n("div",
|
|
137
|
-
n("div",
|
|
138
|
-
k(s).default ? (p(), m("span",
|
|
136
|
+
n("div", L, [
|
|
137
|
+
n("div", T, [
|
|
138
|
+
k(s).default ? (p(), m("span", W, [
|
|
139
139
|
l(t.$slots, "default", {}, void 0, !0)
|
|
140
|
-
])) : (p(), P(
|
|
140
|
+
])) : (p(), P(E, {
|
|
141
141
|
key: 1,
|
|
142
142
|
count: t.percentage,
|
|
143
143
|
duration: t.duration
|
|
@@ -147,7 +147,7 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
147
147
|
}, [
|
|
148
148
|
f.value ? {
|
|
149
149
|
name: "prefix",
|
|
150
|
-
fn:
|
|
150
|
+
fn: g(() => [
|
|
151
151
|
l(t.$slots, "prefix", {}, () => [
|
|
152
152
|
i(
|
|
153
153
|
u(t.prefix),
|
|
@@ -158,9 +158,9 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
158
158
|
]),
|
|
159
159
|
key: "0"
|
|
160
160
|
} : void 0,
|
|
161
|
-
|
|
161
|
+
d.value ? {
|
|
162
162
|
name: "suffix",
|
|
163
|
-
fn:
|
|
163
|
+
fn: g(() => [
|
|
164
164
|
l(t.$slots, "suffix", {}, () => [
|
|
165
165
|
i(
|
|
166
166
|
u(t.suffix),
|
|
@@ -174,10 +174,10 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
174
174
|
]), 1032, ["count", "duration"]))
|
|
175
175
|
])
|
|
176
176
|
]),
|
|
177
|
-
(p(), m("svg",
|
|
177
|
+
(p(), m("svg", j, [
|
|
178
178
|
n("defs", null, [
|
|
179
179
|
n("linearGradient", {
|
|
180
|
-
id: `${k(
|
|
180
|
+
id: `${k(c)}-gradient`,
|
|
181
181
|
x1: "0",
|
|
182
182
|
x2: "0",
|
|
183
183
|
y1: "1",
|
|
@@ -186,12 +186,12 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
186
186
|
n("stop", {
|
|
187
187
|
offset: "0%",
|
|
188
188
|
"stop-color": o.value ? `var(--maz-color-${o.value}-400)` : "var(--maz-color-primary)"
|
|
189
|
-
}, null, 8,
|
|
189
|
+
}, null, 8, G),
|
|
190
190
|
n("stop", {
|
|
191
191
|
offset: "100%",
|
|
192
192
|
"stop-color": o.value ? `var(--maz-color-${o.value}-700)` : "var(--maz-color-secondary)"
|
|
193
|
-
}, null, 8,
|
|
194
|
-
], 8,
|
|
193
|
+
}, null, 8, O)
|
|
194
|
+
], 8, q)
|
|
195
195
|
]),
|
|
196
196
|
n("circle", {
|
|
197
197
|
cx: "50",
|
|
@@ -200,17 +200,17 @@ const A = { class: "maz-sr-only" }, D = {
|
|
|
200
200
|
"stroke-width": t.strokeWidth,
|
|
201
201
|
"stroke-dasharray": "290",
|
|
202
202
|
"stroke-dashoffset": "290",
|
|
203
|
-
stroke: t.stroke ? t.stroke : `url(#${k(
|
|
203
|
+
stroke: t.stroke ? t.stroke : `url(#${k(c)}-gradient)`,
|
|
204
204
|
fill: "none",
|
|
205
205
|
"stroke-linecap": t.strokeLinecap
|
|
206
|
-
}, null, 8,
|
|
206
|
+
}, null, 8, U)
|
|
207
207
|
]))
|
|
208
208
|
],
|
|
209
209
|
4
|
|
210
210
|
/* STYLE */
|
|
211
211
|
));
|
|
212
212
|
}
|
|
213
|
-
}),
|
|
213
|
+
}), K = /* @__PURE__ */ $(F, [["__scopeId", "data-v-74144ac1"]]);
|
|
214
214
|
export {
|
|
215
|
-
|
|
215
|
+
K as default
|
|
216
216
|
};
|
package/components/MazDialog.mjs
CHANGED
package/components/MazDrawer.mjs
CHANGED
|
@@ -128,7 +128,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
|
|
|
128
128
|
},
|
|
129
129
|
emits: ["before-close", "open", "close", "update:model-value"],
|
|
130
130
|
setup(b) {
|
|
131
|
-
const i = B(() => import("./chunks/MazBtn-
|
|
131
|
+
const i = B(() => import("./chunks/MazBtn-B6xyipje.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
|
|
132
132
|
return (e, t) => (r(), h(U, {
|
|
133
133
|
"backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
|
|
134
134
|
style: F({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as l, mergeModels as u,
|
|
2
|
-
import './assets/MazExpandAnimation.css';const M = ["aria-hidden"],
|
|
1
|
+
import { defineComponent as l, mergeModels as u, useModel as m, ref as d, onMounted as f, onUnmounted as v, openBlock as c, createElementBlock as p, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as g, renderSlot as h } from "vue";
|
|
2
|
+
import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], y = /* @__PURE__ */ l({
|
|
3
3
|
inheritAttrs: !1,
|
|
4
4
|
__name: "MazExpandAnimation",
|
|
5
5
|
props: /* @__PURE__ */ u({
|
|
@@ -11,51 +11,48 @@ import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], A = /* @__PU
|
|
|
11
11
|
}),
|
|
12
12
|
emits: ["update:modelValue"],
|
|
13
13
|
setup(i) {
|
|
14
|
-
m((
|
|
15
|
-
|
|
16
|
-
"239277b5": e.timingFunction
|
|
17
|
-
}));
|
|
18
|
-
const n = f(i, "modelValue"), t = d(!n.value), a = d();
|
|
19
|
-
function s() {
|
|
14
|
+
const n = m(i, "modelValue"), t = d(!n.value), a = d();
|
|
15
|
+
function r() {
|
|
20
16
|
n.value || (t.value = !0);
|
|
21
17
|
}
|
|
22
|
-
function
|
|
18
|
+
function s() {
|
|
23
19
|
n.value && (t.value = !1);
|
|
24
20
|
}
|
|
25
|
-
return
|
|
21
|
+
return f(() => {
|
|
26
22
|
var e, o;
|
|
27
|
-
(e = a.value) == null || e.addEventListener("transitionstart",
|
|
28
|
-
}),
|
|
23
|
+
(e = a.value) == null || e.addEventListener("transitionstart", r, !1), (o = a.value) == null || o.addEventListener("transitionend", s, !1);
|
|
24
|
+
}), v(() => {
|
|
29
25
|
var e, o;
|
|
30
|
-
(e = a.value) == null || e.removeEventListener("transitionstart",
|
|
31
|
-
}), (e, o) => (
|
|
26
|
+
(e = a.value) == null || e.removeEventListener("transitionstart", r, !1), (o = a.value) == null || o.removeEventListener("transitionend", s, !1);
|
|
27
|
+
}), (e, o) => (c(), p("div", {
|
|
32
28
|
ref_key: "expandAnimationRef",
|
|
33
29
|
ref: a,
|
|
34
|
-
class:
|
|
30
|
+
class: _(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
|
|
35
31
|
"aria-hidden": !n.value,
|
|
36
|
-
role: "region"
|
|
32
|
+
role: "region",
|
|
33
|
+
style: x([{ "--expand-animation-duration": e.duration, "--expand-animation-timing-function": e.timingFunction }])
|
|
37
34
|
}, [
|
|
38
|
-
|
|
35
|
+
E(
|
|
39
36
|
"div",
|
|
40
|
-
|
|
37
|
+
g({ class: "m-expand-animation__inner" }, e.$attrs, {
|
|
41
38
|
class: {
|
|
42
39
|
"--overflow-hidden": t.value
|
|
43
40
|
}
|
|
44
41
|
}),
|
|
45
42
|
[
|
|
46
|
-
|
|
43
|
+
h(e.$slots, "default", {}, void 0, !0)
|
|
47
44
|
],
|
|
48
45
|
16
|
|
49
46
|
/* FULL_PROPS */
|
|
50
47
|
)
|
|
51
|
-
],
|
|
48
|
+
], 14, M));
|
|
52
49
|
}
|
|
53
|
-
}),
|
|
50
|
+
}), A = (i, n) => {
|
|
54
51
|
const t = i.__vccOpts || i;
|
|
55
|
-
for (const [a,
|
|
56
|
-
t[a] =
|
|
52
|
+
for (const [a, r] of n)
|
|
53
|
+
t[a] = r;
|
|
57
54
|
return t;
|
|
58
|
-
},
|
|
55
|
+
}, z = /* @__PURE__ */ A(y, [["__scopeId", "data-v-3bfdfbc1"]]);
|
|
59
56
|
export {
|
|
60
|
-
|
|
57
|
+
z as default
|
|
61
58
|
};
|
package/components/MazIcon.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { inject as T, defineComponent as x, ref as m, computed as p, onMounted a
|
|
|
2
2
|
function H(i, c) {
|
|
3
3
|
const o = T(i, c);
|
|
4
4
|
if (!o)
|
|
5
|
-
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i}`);
|
|
5
|
+
throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i.toString()}`);
|
|
6
6
|
return o;
|
|
7
7
|
}
|
|
8
8
|
const I = ["innerHTML"], V = /* @__PURE__ */ x({
|
package/components/MazInput.mjs
CHANGED