maz-ui 3.48.3 → 3.48.4-beta.2
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/MazAnimatedCounter.d.ts +6 -0
- package/components/MazAnimatedCounter.mjs +12 -11
- package/components/MazAnimatedElement.d.ts +37 -0
- package/components/MazAnimatedElement.mjs +44 -0
- package/components/MazAnimatedText.d.ts +50 -0
- package/components/MazAnimatedText.mjs +165 -0
- package/components/MazBottomSheet.mjs +1 -1
- package/components/MazBtn.mjs +1 -1
- package/components/MazCard.mjs +1 -1
- package/components/MazCarousel.mjs +1 -1
- package/components/MazChecklist.d.ts +9 -4
- package/components/MazChecklist.mjs +1 -1
- package/components/MazCircularProgressBar.mjs +19 -18
- 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/MazInput.mjs +1 -1
- package/components/MazInputNumber.mjs +1 -1
- package/components/MazInputPrice.mjs +1 -1
- package/components/MazInputTags.mjs +1 -1
- package/components/MazPagination.mjs +1 -1
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/MazPicker.mjs +1 -1
- package/components/MazSelect.d.ts +7 -2
- package/components/MazSelect.mjs +1 -1
- package/components/MazTable.mjs +1 -1
- package/components/assets/MazAnimatedCounter.css +1 -1
- package/components/assets/MazAnimatedElement.css +1 -0
- package/components/assets/MazAnimatedText.css +1 -0
- package/components/assets/MazBtn.css +1 -1
- package/components/assets/MazChecklist.css +1 -1
- package/components/assets/MazCircularProgressBar.css +1 -1
- package/components/assets/MazInputNumber.css +1 -1
- package/components/assets/MazInputTags.css +1 -1
- package/components/assets/MazPagination.css +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/assets/MazPicker.css +1 -1
- package/components/assets/MazSelect.css +1 -1
- package/components/chunks/{MazBottomSheet-CMqzf-dT.mjs → MazBottomSheet-CNFupuJS.mjs} +1 -1
- package/components/chunks/{MazBtn-S7EnZYtZ.mjs → MazBtn-BJNzz7YT.mjs} +3 -3
- package/components/chunks/{MazBtn-DCyFSkZo.mjs → MazBtn-BO1U1gVG.mjs} +3 -3
- package/components/chunks/MazBtn-BugQGoO-.mjs +103 -0
- package/components/chunks/{MazBtn-DsGaq_eB.mjs → MazBtn-CKDJOBcC.mjs} +2 -2
- package/components/chunks/{MazBtn-B16x1gSu.mjs → MazBtn-CP-m-KDm.mjs} +3 -3
- package/components/chunks/{MazBtn-CvB-Sf2r.mjs → MazBtn-CUoFOAML.mjs} +3 -3
- package/components/chunks/{MazBtn-Cf-LPT5p.mjs → MazBtn-Cyn7ObTB.mjs} +3 -3
- package/components/chunks/{MazBtn-BcrrOaO_.mjs → MazBtn-D53RC3KP.mjs} +3 -3
- package/components/chunks/{MazBtn-DETtZdlj.mjs → MazBtn-DYURBZtp.mjs} +2 -2
- package/components/chunks/{MazBtn-B7cg2yO2.mjs → MazBtn-DiYly5sp.mjs} +3 -3
- package/components/chunks/{MazBtn-CPwCJ1l-.mjs → MazBtn-Dlx6nLm2.mjs} +3 -3
- package/components/chunks/{MazBtn-BvIoLKMM.mjs → MazBtn-MJYP-poo.mjs} +3 -3
- package/components/chunks/{MazBtn-DnJzOPh9.mjs → MazBtn-MvFibIXn.mjs} +3 -3
- package/components/chunks/{MazBtn-C5sb0470.mjs → MazBtn-tS9ACNLi.mjs} +3 -3
- package/components/chunks/{MazCard-l54W3CUU.mjs → MazCard-D-q6vhWd.mjs} +1 -1
- package/components/chunks/{MazCarousel-C16E1i1T.mjs → MazCarousel-Z4XypOn_.mjs} +1 -1
- package/components/chunks/{MazCheckbox-DKM-G0Pw.mjs → MazCheckbox-BImOZ1aM.mjs} +1 -1
- package/components/chunks/{MazCheckbox-CEsAHbdi.mjs → MazCheckbox-DJi0g4uK.mjs} +1 -1
- package/components/chunks/{MazCheckbox-D-7-TdgO.mjs → MazCheckbox-DafMJoEw.mjs} +1 -1
- package/components/chunks/{MazChecklist-y4axtsRX.mjs → MazChecklist-DaEf6wix.mjs} +50 -49
- package/components/chunks/{MazDialog-DQXX2APp.mjs → MazDialog-PVsds2Mw.mjs} +1 -1
- package/components/chunks/{MazDialogPromise-CD1d5ig-.mjs → MazDialogPromise-BdtiOZGU.mjs} +2 -2
- package/components/chunks/{MazDrawer-BqNLfW4e.mjs → MazDrawer-CMHe_JEh.mjs} +1 -1
- package/components/chunks/{MazDropdown-DNXKdC_3.mjs → MazDropdown-DpGSAqe0.mjs} +1 -1
- package/components/chunks/{MazGallery-CzlKPQFX.mjs → MazGallery-BtuCo-H0.mjs} +2 -2
- package/components/chunks/{MazIcon-BIoDsehI.mjs → MazIcon-Bnebkvf6.mjs} +1 -1
- package/components/chunks/MazIcon-C7ZMosGw.mjs +4 -0
- package/components/chunks/{MazInput-yBii2AFS.mjs → MazInput-C3QweR84.mjs} +1 -1
- package/components/chunks/{MazInput-BWtGbtW0.mjs → MazInput-DjvBbUZl.mjs} +2 -2
- package/components/chunks/{MazInput-DB4HtpCQ.mjs → MazInput-DvaaM9Iq.mjs} +2 -2
- package/components/chunks/{MazInputNumber-DqnLi9-C.mjs → MazInputNumber-D904Pg1R.mjs} +2 -2
- package/components/chunks/{MazInputPrice-Ca8mL53M.mjs → MazInputPrice-CQiJFPWB.mjs} +1 -1
- package/components/chunks/{MazInputTags-Bto9dVQq.mjs → MazInputTags-BPSG1X1a.mjs} +2 -2
- package/components/chunks/{MazLink-DlUG7E5K.mjs → MazLink-DnnBkVEE.mjs} +1 -1
- package/components/chunks/{MazLoadingBar-DBt1Ltm5.mjs → MazLoadingBar-Dm14PSs6.mjs} +1 -1
- package/components/chunks/{MazPagination-sxkvTajI.mjs → MazPagination-CuCKS1Qr.mjs} +2 -2
- package/components/chunks/{MazPhoneNumberInput-ovuoYxd9.mjs → MazPhoneNumberInput-CKpP3yWz.mjs} +379 -378
- package/components/chunks/{MazPicker-B_IP-4P3.mjs → MazPicker-g10_1sY_.mjs} +3 -3
- package/components/chunks/{MazPickerMonthSwitcher-BmHHmSvo.mjs → MazPickerMonthSwitcher-BDxk_Msi.mjs} +1 -1
- package/components/chunks/{MazPickerShortcuts-BSgRCAAD.mjs → MazPickerShortcuts-DtHvsdEW.mjs} +1 -1
- package/components/chunks/{MazPickerYearSwitcher-Cy-WbilD.mjs → MazPickerYearSwitcher-DXkaTXFw.mjs} +1 -1
- package/components/chunks/{MazSelect-CBaOs6va.mjs → MazSelect-VAPsGKXy.mjs} +193 -192
- package/components/chunks/{MazSelect-BwahUlbE.mjs → MazSelect-cthYMQqx.mjs} +277 -276
- package/components/chunks/MazSpinner-94rvbsAk.mjs +34 -0
- package/components/chunks/{MazSpinner-D6PdYOcD.mjs → MazSpinner-B5j5EaKc.mjs} +1 -1
- package/components/chunks/MazSpinner-BLh6PkZJ.mjs +34 -0
- package/components/chunks/MazSpinner-Ba5WXlbx.mjs +34 -0
- package/components/chunks/MazSpinner-C2mutMJX.mjs +34 -0
- package/components/chunks/{MazSpinner-Bb1BgWPD.mjs → MazSpinner-C7TbmneX.mjs} +1 -1
- package/components/chunks/MazSpinner-CcshuKK9.mjs +34 -0
- package/components/chunks/{MazSpinner-CizL97Q2.mjs → MazSpinner-D2J_jdkK.mjs} +1 -1
- package/components/chunks/{MazSpinner-Bs089W1b.mjs → MazSpinner-DIzWfhcT.mjs} +1 -1
- package/components/chunks/{MazSpinner-Bpkl7q5u.mjs → MazSpinner-DLR4lVAu.mjs} +1 -1
- package/components/chunks/MazSpinner-DP019rLG.mjs +34 -0
- package/components/chunks/{MazSpinner-Bc-lfBcQ.mjs → MazSpinner-DXCofnqs.mjs} +1 -1
- package/components/chunks/MazSpinner-DmeOhZXm.mjs +34 -0
- package/components/chunks/{MazSpinner-Cmy2WyWY.mjs → MazSpinner-DtFpBxRT.mjs} +1 -1
- package/components/chunks/{MazSpinner-CCThMV5o.mjs → MazSpinner-SnOek826.mjs} +1 -1
- package/components/chunks/MazSpinner-ZDRUpUqo.mjs +34 -0
- package/components/chunks/{MazSpinner-BVQYjLWp.mjs → MazSpinner-qRqfN8k4.mjs} +1 -1
- package/components/chunks/{MazTable-Soe-MrTW.mjs → MazTable-BuFlCw1p.mjs} +1 -1
- package/components/chunks/{MazTableCell-DtoO9MOe.mjs → MazTableCell-C6oDOvNH.mjs} +1 -1
- package/components/chunks/{MazTableRow-ChFMulaU.mjs → MazTableRow-BBS8sW7w.mjs} +1 -1
- package/components/chunks/{MazTableTitle-D8El-v5p.mjs → MazTableTitle-D7J-0k_j.mjs} +1 -1
- package/components/chunks/{MazTransitionExpand-CRArAQZu.mjs → MazTransitionExpand-BlcqxvGq.mjs} +1 -1
- package/components/index.d.ts +2 -0
- package/components/index.mjs +2 -0
- package/css/main.css +1 -1
- package/modules/assets/MazBtn.css +1 -1
- package/modules/chunks/{MazBtn-DoDAW5pU.mjs → MazBtn-BjiQC2PC.mjs} +3 -3
- package/modules/chunks/{MazBtn-BXg6oosO.cjs → MazBtn-BnQrui8R.cjs} +1 -1
- package/modules/chunks/{MazIcon-DPvxTNIQ.cjs → MazIcon-D4oz63T8.cjs} +1 -1
- package/modules/chunks/{MazIcon-0i0FnfM4.mjs → MazIcon-DwFVj44O.mjs} +1 -1
- package/modules/chunks/{MazSpinner-Bkl2lVff.mjs → MazSpinner-7nqeVBxW.mjs} +1 -1
- package/modules/chunks/{MazSpinner-n0cEv2AX.cjs → MazSpinner-B18bQ49b.cjs} +1 -1
- package/modules/chunks/{index-Dx2ZhWwj.mjs → index-D8S1X6Fy.mjs} +4 -4
- package/modules/chunks/{index-pV6oqfJc.cjs → index-IBifh-oY.cjs} +2 -2
- package/modules/index.cjs +1 -1
- package/modules/index.mjs +1 -1
- package/nuxt/index.d.mts +7 -0
- package/nuxt/index.d.ts +7 -0
- package/nuxt/index.json +1 -1
- package/nuxt/index.mjs +16 -15
- package/package.json +1 -1
- package/types/components/MazAnimatedCounter.vue.d.ts +6 -0
- package/types/components/MazAnimatedElement.vue.d.ts +37 -0
- package/types/components/MazAnimatedText.vue.d.ts +50 -0
- package/types/components/MazChecklist.vue.d.ts +9 -4
- package/types/components/MazSelect.vue.d.ts +7 -2
- package/types/components/index.d.ts +2 -0
- package/components/chunks/MazBtn-CuIeT4TK.mjs +0 -103
- package/components/chunks/MazIcon-Gv6n6i4M.mjs +0 -4
- package/components/chunks/MazSpinner-BqgAfyh1.mjs +0 -34
- package/components/chunks/MazSpinner-C1Rr3w9l.mjs +0 -34
- package/components/chunks/MazSpinner-CBHbVSef.mjs +0 -34
- package/components/chunks/MazSpinner-Da-bE-KC.mjs +0 -34
- package/components/chunks/MazSpinner-DoFpeVcl.mjs +0 -34
- package/components/chunks/MazSpinner-Dx-3_EFZ.mjs +0 -34
- package/components/chunks/MazSpinner-PXSS3XT3.mjs +0 -34
- package/components/chunks/MazSpinner-vDZ0VOEK.mjs +0 -34
|
@@ -16,6 +16,11 @@ type __VLS_Props = {
|
|
|
16
16
|
* Suffix to display next to the number
|
|
17
17
|
*/
|
|
18
18
|
suffix?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Delay before the animation starts in milliseconds
|
|
21
|
+
* @default 100
|
|
22
|
+
*/
|
|
23
|
+
delay?: number;
|
|
19
24
|
};
|
|
20
25
|
declare function __VLS_template(): {
|
|
21
26
|
attrs: Partial<{}>;
|
|
@@ -30,6 +35,7 @@ declare function __VLS_template(): {
|
|
|
30
35
|
};
|
|
31
36
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
32
37
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
38
|
+
delay: number;
|
|
33
39
|
duration: number;
|
|
34
40
|
prefix: string;
|
|
35
41
|
suffix: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as v, useSlots as x, computed as l, ref as
|
|
1
|
+
import { defineComponent as v, useSlots as x, computed as l, ref as y, watch as _, openBlock as c, createElementBlock as m, normalizeClass as h, normalizeStyle as z, createElementVNode as C, renderSlot as i, createTextVNode as o, toDisplayString as a, createCommentVNode as S } from "vue";
|
|
2
2
|
import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "m-animated-counter__fix"
|
|
@@ -8,23 +8,24 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
|
|
|
8
8
|
count: {},
|
|
9
9
|
duration: { default: 1e3 },
|
|
10
10
|
prefix: { default: void 0 },
|
|
11
|
-
suffix: { default: void 0 }
|
|
11
|
+
suffix: { default: void 0 },
|
|
12
|
+
delay: { default: 100 }
|
|
12
13
|
},
|
|
13
14
|
setup(n) {
|
|
14
|
-
const t = n, s = x(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), f =
|
|
15
|
-
|
|
15
|
+
const t = n, s = x(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), f = y(!0);
|
|
16
|
+
_(
|
|
16
17
|
() => t.count,
|
|
17
|
-
(e,
|
|
18
|
-
e !==
|
|
18
|
+
(e, d) => {
|
|
19
|
+
e !== d && (f.value = !1, setTimeout(() => {
|
|
19
20
|
f.value = !0;
|
|
20
|
-
},
|
|
21
|
+
}, t.delay));
|
|
21
22
|
}
|
|
22
23
|
);
|
|
23
24
|
const p = l(() => `${t.duration}ms`);
|
|
24
|
-
return (e,
|
|
25
|
+
return (e, d) => (c(), m(
|
|
25
26
|
"span",
|
|
26
27
|
{
|
|
27
|
-
class:
|
|
28
|
+
class: h(["m-animated-counter m-reset-css", {
|
|
28
29
|
"--animated": f.value,
|
|
29
30
|
"--prefixed": r.value,
|
|
30
31
|
"--suffixed": u.value
|
|
@@ -56,7 +57,7 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
|
|
|
56
57
|
)
|
|
57
58
|
], !0)
|
|
58
59
|
]),
|
|
59
|
-
r.value || u.value ? (
|
|
60
|
+
r.value || u.value ? (c(), m("span", k, [
|
|
60
61
|
i(e.$slots, "prefix", {}, () => [
|
|
61
62
|
o(
|
|
62
63
|
a(e.prefix),
|
|
@@ -82,7 +83,7 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
|
|
|
82
83
|
for (const [r, u] of t)
|
|
83
84
|
s[r] = u;
|
|
84
85
|
return s;
|
|
85
|
-
}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-
|
|
86
|
+
}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-2af49175"]]);
|
|
86
87
|
export {
|
|
87
88
|
V as default
|
|
88
89
|
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
interface MazAnimatedElementProps {
|
|
2
|
+
/**
|
|
3
|
+
* The direction of the animation
|
|
4
|
+
* @default "up"
|
|
5
|
+
* @values "up", "down", "left", "right"
|
|
6
|
+
*/
|
|
7
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
8
|
+
/**
|
|
9
|
+
* The delay of the animation
|
|
10
|
+
* @default 0
|
|
11
|
+
*/
|
|
12
|
+
delay?: number;
|
|
13
|
+
/**
|
|
14
|
+
* The duration of the animation
|
|
15
|
+
* @default 2000
|
|
16
|
+
*/
|
|
17
|
+
duration?: number;
|
|
18
|
+
}
|
|
19
|
+
declare function __VLS_template(): {
|
|
20
|
+
attrs: Partial<{}>;
|
|
21
|
+
slots: {
|
|
22
|
+
default?(_: {}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {
|
|
25
|
+
element: HTMLDivElement;
|
|
26
|
+
};
|
|
27
|
+
rootEl: HTMLDivElement;
|
|
28
|
+
};
|
|
29
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
30
|
+
declare const __VLS_component: import("vue").DefineComponent<MazAnimatedElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazAnimatedElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent as i, computed as r, useTemplateRef as l, onMounted as m, openBlock as d, createElementBlock as c, normalizeStyle as u, renderSlot as f } from "vue";
|
|
2
|
+
import './assets/MazAnimatedElement.css';const v = /* @__PURE__ */ i({
|
|
3
|
+
__name: "MazAnimatedElement",
|
|
4
|
+
props: {
|
|
5
|
+
direction: { default: "up" },
|
|
6
|
+
delay: { default: 0 },
|
|
7
|
+
duration: { default: 2e3 }
|
|
8
|
+
},
|
|
9
|
+
setup(a) {
|
|
10
|
+
const s = r(() => `animate-slide-${a.direction}-blur`), t = l("element");
|
|
11
|
+
return m(() => {
|
|
12
|
+
const e = new IntersectionObserver((n) => {
|
|
13
|
+
n.forEach((o) => {
|
|
14
|
+
o.isIntersecting && (o.target.classList.remove("--invisible"), o.target.classList.add(s.value), e.unobserve(o.target));
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
t.value && e.observe(t.value);
|
|
18
|
+
}), (e, n) => (d(), c(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
ref_key: "element",
|
|
22
|
+
ref: t,
|
|
23
|
+
class: "m-animated-element m-component --invisible",
|
|
24
|
+
style: u({
|
|
25
|
+
animationDuration: `${e.duration}ms`,
|
|
26
|
+
animationDelay: `${e.delay}ms`
|
|
27
|
+
})
|
|
28
|
+
},
|
|
29
|
+
[
|
|
30
|
+
f(e.$slots, "default", {}, void 0, !0)
|
|
31
|
+
],
|
|
32
|
+
4
|
|
33
|
+
/* STYLE */
|
|
34
|
+
));
|
|
35
|
+
}
|
|
36
|
+
}), p = (a, s) => {
|
|
37
|
+
const t = a.__vccOpts || a;
|
|
38
|
+
for (const [e, n] of s)
|
|
39
|
+
t[e] = n;
|
|
40
|
+
return t;
|
|
41
|
+
}, b = /* @__PURE__ */ p(v, [["__scopeId", "data-v-2715a48a"]]);
|
|
42
|
+
export {
|
|
43
|
+
b as default
|
|
44
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
interface MazAnimatedTextProps {
|
|
2
|
+
/**
|
|
3
|
+
* The text to animate
|
|
4
|
+
* @example "Hello"
|
|
5
|
+
*/
|
|
6
|
+
text: string;
|
|
7
|
+
/**
|
|
8
|
+
* The last word(s) to be highlighted
|
|
9
|
+
* @example "world"
|
|
10
|
+
*/
|
|
11
|
+
lastWord?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The delay of the animation
|
|
14
|
+
* @default 0
|
|
15
|
+
*/
|
|
16
|
+
delay?: number;
|
|
17
|
+
/**
|
|
18
|
+
* The direction of the animation
|
|
19
|
+
* @default "up"
|
|
20
|
+
* @values "up", "down", "left", "right"
|
|
21
|
+
*/
|
|
22
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
23
|
+
/**
|
|
24
|
+
* The tag to use for the text
|
|
25
|
+
* @default "span"
|
|
26
|
+
*/
|
|
27
|
+
tag?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The delay between each word
|
|
30
|
+
* @default 75
|
|
31
|
+
*/
|
|
32
|
+
wordDelay?: number;
|
|
33
|
+
/**
|
|
34
|
+
* The column gap between each word
|
|
35
|
+
* @default 0.5
|
|
36
|
+
*/
|
|
37
|
+
columnGap?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The row gap between each word
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
rowGap?: number;
|
|
43
|
+
/**
|
|
44
|
+
* The duration of the animation
|
|
45
|
+
* @default 2000
|
|
46
|
+
*/
|
|
47
|
+
duration?: number;
|
|
48
|
+
}
|
|
49
|
+
declare const _default: import("vue").DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
50
|
+
export default _default;
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { ref as d, defineComponent as b, computed as v, useTemplateRef as z, onMounted as D, openBlock as o, createElementBlock as u, createBlock as w, resolveDynamicComponent as g, mergeProps as k, withCtx as x, Fragment as _, renderList as T, createElementVNode as f, normalizeClass as $, normalizeStyle as h, toDisplayString as p, createCommentVNode as C, createTextVNode as A } from "vue";
|
|
2
|
+
import './assets/MazAnimatedText.css';function G(s, l, r) {
|
|
3
|
+
const t = {
|
|
4
|
+
maxAttempts: 20,
|
|
5
|
+
interval: 100,
|
|
6
|
+
...r
|
|
7
|
+
};
|
|
8
|
+
let a = 0;
|
|
9
|
+
function i() {
|
|
10
|
+
const n = s();
|
|
11
|
+
n != null ? t.expectedValue !== void 0 && n !== t.expectedValue ? a < t.maxAttempts ? (a++, setTimeout(i, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${t.maxAttempts} attempts for ref ${n}`) : l(n) : a < t.maxAttempts ? (a++, setTimeout(i, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${t.maxAttempts} attempts for ref ${n}`);
|
|
12
|
+
}
|
|
13
|
+
i();
|
|
14
|
+
}
|
|
15
|
+
d("system");
|
|
16
|
+
d("system");
|
|
17
|
+
const V = (s, l) => {
|
|
18
|
+
const r = s.__vccOpts || s;
|
|
19
|
+
for (const [t, a] of l)
|
|
20
|
+
r[t] = a;
|
|
21
|
+
return r;
|
|
22
|
+
}, B = {
|
|
23
|
+
cancelText: "Cancel",
|
|
24
|
+
confirmText: "Confirm",
|
|
25
|
+
cancelButton: {
|
|
26
|
+
text: "Cancel",
|
|
27
|
+
color: "danger"
|
|
28
|
+
},
|
|
29
|
+
confirmButton: {
|
|
30
|
+
text: "Confirm",
|
|
31
|
+
color: "success"
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
d(B);
|
|
35
|
+
d([]);
|
|
36
|
+
const M = { class: "m-component m-animated-text" }, N = { class: "m-animated-text__last-word-inner" }, W = { class: "m-animated-text__last-word-inner-text" }, E = /* @__PURE__ */ b({
|
|
37
|
+
inheritAttrs: !1,
|
|
38
|
+
__name: "MazAnimatedText",
|
|
39
|
+
props: {
|
|
40
|
+
text: {},
|
|
41
|
+
lastWord: {},
|
|
42
|
+
delay: { default: 0 },
|
|
43
|
+
direction: { default: "up" },
|
|
44
|
+
tag: { default: "span" },
|
|
45
|
+
wordDelay: { default: 75 },
|
|
46
|
+
columnGap: { default: 0.5 },
|
|
47
|
+
rowGap: { default: 0 },
|
|
48
|
+
duration: { default: 2e3 }
|
|
49
|
+
},
|
|
50
|
+
setup(s) {
|
|
51
|
+
const l = v(() => s.text.split(" ")), r = v(() => l.value.length), t = d(!1), a = d(!1), i = v(() => t.value ? `maz-animate-slide-${s.direction}-blur` : "maz-invisible"), n = z("element");
|
|
52
|
+
return D(() => {
|
|
53
|
+
a.value = !0;
|
|
54
|
+
const e = new IntersectionObserver((m) => {
|
|
55
|
+
m.forEach((c) => {
|
|
56
|
+
c.isIntersecting && (t.value = !0);
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
G(() => n.value, (m) => {
|
|
60
|
+
e.observe(m);
|
|
61
|
+
});
|
|
62
|
+
}), (e, m) => (o(), u("div", M, [
|
|
63
|
+
a.value ? (o(), w(g(e.tag), k({
|
|
64
|
+
key: 0,
|
|
65
|
+
ref_key: "element",
|
|
66
|
+
ref: n
|
|
67
|
+
}, e.$attrs, {
|
|
68
|
+
class: "m-animated-text__root",
|
|
69
|
+
style: { columnGap: `${e.columnGap}rem`, rowGap: `${e.rowGap}rem` }
|
|
70
|
+
}), {
|
|
71
|
+
default: x(() => [
|
|
72
|
+
(o(!0), u(
|
|
73
|
+
_,
|
|
74
|
+
null,
|
|
75
|
+
T(l.value, (c, y) => (o(), u("span", {
|
|
76
|
+
key: c + y,
|
|
77
|
+
class: "m-animated-text__word"
|
|
78
|
+
}, [
|
|
79
|
+
f(
|
|
80
|
+
"span",
|
|
81
|
+
{
|
|
82
|
+
class: $(["m-animated-text__word-inner", i.value]),
|
|
83
|
+
style: h({
|
|
84
|
+
animationDelay: `${e.delay + y * (e.wordDelay ?? 150)}ms`,
|
|
85
|
+
animationDuration: `${e.duration}ms`
|
|
86
|
+
})
|
|
87
|
+
},
|
|
88
|
+
p(c),
|
|
89
|
+
7
|
|
90
|
+
/* TEXT, CLASS, STYLE */
|
|
91
|
+
)
|
|
92
|
+
]))),
|
|
93
|
+
128
|
|
94
|
+
/* KEYED_FRAGMENT */
|
|
95
|
+
)),
|
|
96
|
+
e.lastWord ? (o(), u(
|
|
97
|
+
"span",
|
|
98
|
+
{
|
|
99
|
+
key: 0,
|
|
100
|
+
class: $(["m-animated-text__last-word", i.value]),
|
|
101
|
+
style: h({
|
|
102
|
+
animationDelay: `${e.delay + r.value * (e.wordDelay ?? 150)}ms`,
|
|
103
|
+
animationDuration: `${e.duration}ms`
|
|
104
|
+
})
|
|
105
|
+
},
|
|
106
|
+
[
|
|
107
|
+
f("span", N, [
|
|
108
|
+
m[0] || (m[0] = f(
|
|
109
|
+
"span",
|
|
110
|
+
{ class: "m-animated-text__last-word-inner-gradient" },
|
|
111
|
+
null,
|
|
112
|
+
-1
|
|
113
|
+
/* HOISTED */
|
|
114
|
+
)),
|
|
115
|
+
f(
|
|
116
|
+
"span",
|
|
117
|
+
W,
|
|
118
|
+
p(e.lastWord),
|
|
119
|
+
1
|
|
120
|
+
/* TEXT */
|
|
121
|
+
)
|
|
122
|
+
])
|
|
123
|
+
],
|
|
124
|
+
6
|
|
125
|
+
/* CLASS, STYLE */
|
|
126
|
+
)) : C("v-if", !0)
|
|
127
|
+
]),
|
|
128
|
+
_: 1
|
|
129
|
+
/* STABLE */
|
|
130
|
+
}, 16, ["style"])) : (o(), w(
|
|
131
|
+
g(e.tag),
|
|
132
|
+
k({ key: 1 }, e.$attrs, { class: "maz-invisible maz-inline-flex" }),
|
|
133
|
+
{
|
|
134
|
+
default: x(() => [
|
|
135
|
+
A(
|
|
136
|
+
p(e.text) + " ",
|
|
137
|
+
1
|
|
138
|
+
/* TEXT */
|
|
139
|
+
),
|
|
140
|
+
e.lastWord ? (o(), u(
|
|
141
|
+
_,
|
|
142
|
+
{ key: 0 },
|
|
143
|
+
[
|
|
144
|
+
A(
|
|
145
|
+
p(e.lastWord),
|
|
146
|
+
1
|
|
147
|
+
/* TEXT */
|
|
148
|
+
)
|
|
149
|
+
],
|
|
150
|
+
64
|
|
151
|
+
/* STABLE_FRAGMENT */
|
|
152
|
+
)) : C("v-if", !0)
|
|
153
|
+
]),
|
|
154
|
+
_: 1
|
|
155
|
+
/* STABLE */
|
|
156
|
+
},
|
|
157
|
+
16
|
|
158
|
+
/* FULL_PROPS */
|
|
159
|
+
))
|
|
160
|
+
]));
|
|
161
|
+
}
|
|
162
|
+
}), O = /* @__PURE__ */ V(E, [["__scopeId", "data-v-0071a46f"]]);
|
|
163
|
+
export {
|
|
164
|
+
O as default
|
|
165
|
+
};
|
package/components/MazBtn.mjs
CHANGED
package/components/MazCard.mjs
CHANGED
|
@@ -4,7 +4,7 @@ export type ItemOption = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
} & Record<string, any>;
|
|
7
|
-
export interface
|
|
7
|
+
export interface MazChecklistProps<T, O> {
|
|
8
8
|
/**
|
|
9
9
|
* The model value of the checklist (selected items)
|
|
10
10
|
*/
|
|
@@ -28,15 +28,20 @@ export interface MazCheckListProps<T, O> {
|
|
|
28
28
|
elevation?: boolean;
|
|
29
29
|
/**
|
|
30
30
|
* The search input options
|
|
31
|
-
* @default { enabled: false }
|
|
31
|
+
* @default { enabled: false, debounce: 300, autoFocus: false }
|
|
32
32
|
*/
|
|
33
33
|
search?: {
|
|
34
34
|
enabled?: boolean;
|
|
35
35
|
} & MazInputProps<string>;
|
|
36
36
|
/**
|
|
37
|
-
* The options to normalize the search query
|
|
37
|
+
* The options to normalize the search query (used by the default search function)
|
|
38
38
|
*/
|
|
39
39
|
searchOptions?: NormalizeStringOptions;
|
|
40
|
+
/**
|
|
41
|
+
* Replace the default search function to provide a custom search function
|
|
42
|
+
* @default undefined
|
|
43
|
+
*/
|
|
44
|
+
searchFunction?: (query: string, items: O[]) => O[] | undefined;
|
|
40
45
|
/**
|
|
41
46
|
* The color of the checklist (card, checkbox and search input)
|
|
42
47
|
* @default primary
|
|
@@ -49,7 +54,7 @@ declare const _default: <T extends string, O extends ItemOption>(__VLS_props: No
|
|
|
49
54
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
50
55
|
readonly "onUpdate:model-value"?: ((value?: T[] | undefined) => any) | undefined;
|
|
51
56
|
readonly "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
|
|
52
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & Partial<{}> &
|
|
57
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & Partial<{}> & MazChecklistProps<T, O>> & import("vue").PublicProps;
|
|
53
58
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
54
59
|
attrs: any;
|
|
55
60
|
slots: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed as r, useId as C, defineComponent as x, useSlots as
|
|
1
|
+
import { computed as r, useId as C, defineComponent as x, useSlots as y, ref as P, watch as S, openBlock as p, createElementBlock as m, normalizeClass as B, normalizeStyle as _, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as M, unref as h, createBlock as I, createSlots as N, withCtx as k } from "vue";
|
|
2
2
|
import './assets/MazCircularProgressBar.css';function A({
|
|
3
3
|
componentName: a,
|
|
4
4
|
providedId: e
|
|
@@ -14,16 +14,17 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
14
14
|
count: {},
|
|
15
15
|
duration: { default: 1e3 },
|
|
16
16
|
prefix: { default: void 0 },
|
|
17
|
-
suffix: { default: void 0 }
|
|
17
|
+
suffix: { default: void 0 },
|
|
18
|
+
delay: { default: 100 }
|
|
18
19
|
},
|
|
19
20
|
setup(a) {
|
|
20
|
-
const e = a, s =
|
|
21
|
+
const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = P(!0);
|
|
21
22
|
S(
|
|
22
23
|
() => e.count,
|
|
23
24
|
(t, g) => {
|
|
24
|
-
t !== g && (
|
|
25
|
-
|
|
26
|
-
},
|
|
25
|
+
t !== g && (c.value = !1, setTimeout(() => {
|
|
26
|
+
c.value = !0;
|
|
27
|
+
}, e.delay));
|
|
27
28
|
}
|
|
28
29
|
);
|
|
29
30
|
const v = r(() => `${e.duration}ms`);
|
|
@@ -31,11 +32,11 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
31
32
|
"span",
|
|
32
33
|
{
|
|
33
34
|
class: B(["m-animated-counter m-reset-css", {
|
|
34
|
-
"--animated":
|
|
35
|
+
"--animated": c.value,
|
|
35
36
|
"--prefixed": f.value,
|
|
36
|
-
"--suffixed":
|
|
37
|
+
"--suffixed": d.value
|
|
37
38
|
}]),
|
|
38
|
-
style:
|
|
39
|
+
style: _({
|
|
39
40
|
"--count": t.count,
|
|
40
41
|
"--animation-duration": v.value
|
|
41
42
|
})
|
|
@@ -62,7 +63,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
62
63
|
)
|
|
63
64
|
], !0)
|
|
64
65
|
]),
|
|
65
|
-
f.value ||
|
|
66
|
+
f.value || d.value ? (p(), m("span", D, [
|
|
66
67
|
l(t.$slots, "prefix", {}, () => [
|
|
67
68
|
i(
|
|
68
69
|
u(t.prefix),
|
|
@@ -85,10 +86,10 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
85
86
|
}
|
|
86
87
|
}), $ = (a, e) => {
|
|
87
88
|
const s = a.__vccOpts || a;
|
|
88
|
-
for (const [f,
|
|
89
|
-
s[f] =
|
|
89
|
+
for (const [f, d] of e)
|
|
90
|
+
s[f] = d;
|
|
90
91
|
return s;
|
|
91
|
-
}, L = /* @__PURE__ */ $(E, [["__scopeId", "data-v-
|
|
92
|
+
}, L = /* @__PURE__ */ $(E, [["__scopeId", "data-v-2af49175"]]), T = { class: "outer" }, W = { class: "inner" }, b = { key: 0 }, j = {
|
|
92
93
|
xmlns: "http://www.w3.org/2000/svg",
|
|
93
94
|
height: "1em",
|
|
94
95
|
width: "1em",
|
|
@@ -111,7 +112,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
111
112
|
dangerPercentage: { default: 50 }
|
|
112
113
|
},
|
|
113
114
|
setup(a) {
|
|
114
|
-
const e = a, s =
|
|
115
|
+
const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = A({
|
|
115
116
|
componentName: "MazCircularProgressBar"
|
|
116
117
|
}), v = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
|
|
117
118
|
() => e.autoColor ? g(v.value) : e.color
|
|
@@ -124,7 +125,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
124
125
|
"div",
|
|
125
126
|
{
|
|
126
127
|
class: "m-circular-progress-bar m-reset-css",
|
|
127
|
-
style:
|
|
128
|
+
style: _([
|
|
128
129
|
{
|
|
129
130
|
"--animation-duration": z.value,
|
|
130
131
|
"--dashoffset": w.value
|
|
@@ -160,7 +161,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
160
161
|
]),
|
|
161
162
|
key: "0"
|
|
162
163
|
} : void 0,
|
|
163
|
-
|
|
164
|
+
d.value ? {
|
|
164
165
|
name: "suffix",
|
|
165
166
|
fn: k(() => [
|
|
166
167
|
l(o.$slots, "suffix", {}, () => [
|
|
@@ -179,7 +180,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
179
180
|
(p(), m("svg", j, [
|
|
180
181
|
n("defs", null, [
|
|
181
182
|
n("linearGradient", {
|
|
182
|
-
id: `${h(
|
|
183
|
+
id: `${h(c)}-gradient`,
|
|
183
184
|
x1: "0",
|
|
184
185
|
x2: "0",
|
|
185
186
|
y1: "1",
|
|
@@ -202,7 +203,7 @@ const V = { class: "maz-sr-only" }, D = {
|
|
|
202
203
|
"stroke-width": o.strokeWidth,
|
|
203
204
|
"stroke-dasharray": "290",
|
|
204
205
|
"stroke-dashoffset": "290",
|
|
205
|
-
stroke: o.stroke ? o.stroke : `url(#${h(
|
|
206
|
+
stroke: o.stroke ? o.stroke : `url(#${h(c)}-gradient)`,
|
|
206
207
|
fill: "none",
|
|
207
208
|
"stroke-linecap": o.strokeLinecap
|
|
208
209
|
}, null, 8, U)
|
package/components/MazDialog.mjs
CHANGED
package/components/MazDrawer.mjs
CHANGED
package/components/MazInput.mjs
CHANGED
package/components/MazPicker.mjs
CHANGED