maz-ui 3.40.3 → 3.40.4
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 +4 -4
- package/components/MazBottomSheet.mjs +1 -1
- package/components/MazBtn.mjs +1 -1
- package/components/MazCard.mjs +1 -1
- package/components/MazCardSpotlight.d.ts +2 -2
- package/components/MazCardSpotlight.mjs +11 -11
- package/components/MazCarousel.mjs +1 -1
- 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.mjs +1 -1
- package/components/MazTable.mjs +1 -1
- package/components/assets/MazAccordion.css +1 -1
- package/components/assets/MazBtn.css +1 -1
- package/components/assets/MazCardSpotlight.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/MazTable.css +1 -1
- package/components/chunks/{MazBottomSheet-BuBc8C9L.mjs → MazBottomSheet-CIlIdn-2.mjs} +1 -1
- package/components/chunks/{MazBtn-CjKivGUG.mjs → MazBtn-78ToUjeK.mjs} +40 -40
- package/components/chunks/MazBtn-BKtYocJV.mjs +151 -0
- package/components/chunks/{MazBtn-IBS93Vda.mjs → MazBtn-BydIwD1J.mjs} +3 -3
- package/components/chunks/MazBtn-Bz4-bhWf.mjs +151 -0
- package/components/chunks/{MazBtn-BBKOvmc0.mjs → MazBtn-CPyDRy19.mjs} +40 -40
- package/components/chunks/MazBtn-CauvhLv6.mjs +151 -0
- package/components/chunks/{MazBtn-Bhjz7DkY.mjs → MazBtn-Ccvl1ZWv.mjs} +3 -3
- package/components/chunks/MazBtn-DWDitOvL.mjs +151 -0
- package/components/chunks/{MazBtn-4I65a0tG.mjs → MazBtn-Da5Nh9ga.mjs} +40 -40
- package/components/chunks/{MazBtn-ZcEB5i12.mjs → MazBtn-Dnq16gKt.mjs} +40 -40
- package/components/chunks/MazBtn-Ng8Jql0R.mjs +151 -0
- package/components/chunks/MazBtn-_NGDIlQK.mjs +151 -0
- package/components/chunks/{MazCard-zP6XYYO8.mjs → MazCard-DCz1q6wT.mjs} +1 -1
- package/components/chunks/{MazCarousel-IzbBgBrr.mjs → MazCarousel-DZZilIAg.mjs} +1 -1
- package/components/chunks/{MazCheckbox-CnQ4qPG4.mjs → MazCheckbox-C1O-MBZa.mjs} +1 -1
- package/components/chunks/{MazCheckbox-CylZNBvL.mjs → MazCheckbox-PgXh8RSO.mjs} +1 -1
- package/components/chunks/{MazDialog-DfykSNZV.mjs → MazDialog-wPf8YzO5.mjs} +1 -1
- package/components/chunks/{MazDialogPromise-DW7DF186.mjs → MazDialogPromise-C4xTbUi9.mjs} +2 -2
- package/components/chunks/{MazGallery-DK724Wxg.mjs → MazGallery-CaZnMqiM.mjs} +2 -2
- package/components/chunks/{MazIcon-DAuhmKoh.mjs → MazIcon-BfD79t7M.mjs} +1 -1
- package/components/chunks/{MazIcon-C0jJgPt6.mjs → MazIcon-DAWEYUs6.mjs} +1 -1
- package/components/chunks/{MazInput-CuNNbyX5.mjs → MazInput-BZBaDBjc.mjs} +1 -1
- package/components/chunks/{MazInputNumber-D9lhCaXw.mjs → MazInputNumber-DsSRD1TO.mjs} +83 -83
- package/components/chunks/{MazInputPrice-C5gaLIoj.mjs → MazInputPrice-BjI2ZK_A.mjs} +1 -1
- package/components/chunks/{MazInputTags-DHawCIaZ.mjs → MazInputTags-CUV1HRPI.mjs} +3 -3
- package/components/chunks/{MazPagination-B5x3ZUrk.mjs → MazPagination-CfLOeWuj.mjs} +22 -22
- package/components/chunks/{MazPhoneNumberInput-ChPzHftZ.mjs → MazPhoneNumberInput-CsBXHpCq.mjs} +2 -2
- package/components/chunks/{MazPicker-BVsSfMXU.mjs → MazPicker-_ndeWiCy.mjs} +2 -2
- package/components/chunks/{MazPickerCalendar-DVB8Rr9I.mjs → MazPickerCalendar-BXadlngJ.mjs} +3 -3
- package/components/chunks/{MazPickerHeader-bClHUr7z.mjs → MazPickerHeader-BpNxHXI2.mjs} +1 -1
- package/components/chunks/{MazPickerMonthSwitcher-12vPV_ek.mjs → MazPickerMonthSwitcher-BzEZ5x7j.mjs} +2 -2
- package/components/chunks/{MazPickerShortcuts-BcJpy3BQ.mjs → MazPickerShortcuts-BreMu-Sy.mjs} +2 -2
- package/components/chunks/{MazPickerTime-_IheJF21.mjs → MazPickerTime-Cc2hHJlp.mjs} +2 -2
- package/components/chunks/{MazPickerYearSwitcher-AG8UoA8w.mjs → MazPickerYearSwitcher-B2Dk5iso.mjs} +3 -3
- package/components/chunks/{MazSelect-v2Qz7qp9.mjs → MazSelect-CraB8U5x.mjs} +2 -2
- package/components/chunks/{MazSpinner-D14Qdl-q.mjs → MazSpinner-8VnYwZdB.mjs} +1 -1
- package/components/chunks/{MazSpinner-CZMyB5uT.mjs → MazSpinner-B_WP-2kr.mjs} +1 -1
- package/components/chunks/MazSpinner-BmOvvC7W.mjs +38 -0
- package/components/chunks/{MazSpinner-CeOzWwoA.mjs → MazSpinner-BtpIL60X.mjs} +1 -1
- package/components/chunks/MazSpinner-BxYAlebs.mjs +38 -0
- package/components/chunks/{MazSpinner-B9PIGTBM.mjs → MazSpinner-C-lFmcUR.mjs} +1 -1
- package/components/chunks/MazSpinner-CTm1URNC.mjs +38 -0
- package/components/chunks/{MazSpinner-CT-zwBmg.mjs → MazSpinner-CZBhl7ce.mjs} +1 -1
- package/components/chunks/{MazSpinner-BpD28_Nv.mjs → MazSpinner-DWts_Ogu.mjs} +1 -1
- package/components/chunks/MazSpinner-DYkIZhje.mjs +38 -0
- package/components/chunks/MazSpinner-DibP0zFm.mjs +38 -0
- package/components/chunks/MazSpinner-DkLBbDGC.mjs +38 -0
- package/components/chunks/MazSpinner-DpOv_AqU.mjs +38 -0
- package/components/chunks/{MazSpinner-CTOH4qIV.mjs → MazSpinner-Dt5ax5Hn.mjs} +1 -1
- package/components/chunks/{MazSpinner-BrRExSkV.mjs → MazSpinner-RodpKP96.mjs} +1 -1
- package/components/chunks/MazSpinner-bGMoZfcX.mjs +38 -0
- package/components/chunks/{MazTable-CjlSdLnh.mjs → MazTable-Cr4kGAth.mjs} +117 -117
- package/components/chunks/{MazTransitionExpand-BBkwCVdE.mjs → MazTransitionExpand-Bxl5ajH4.mjs} +1 -1
- package/modules/assets/MazBtn.css +1 -1
- package/modules/chunks/{MazBtn-C3u6aAVE.cjs → MazBtn-CJkDV-lC.cjs} +3 -3
- package/{components/chunks/MazBtn-Ch56YVOw.mjs → modules/chunks/MazBtn-Dv9nwclG.mjs} +40 -40
- package/modules/chunks/{MazIcon-_eQBprV9.cjs → MazIcon-C8crlYdE.cjs} +1 -1
- package/modules/chunks/{MazIcon-8SXd9pCW.mjs → MazIcon-CRXUvqjd.mjs} +1 -1
- package/modules/chunks/{MazSpinner-BeST_Oa5.mjs → MazSpinner-AmAmgKgK.mjs} +1 -1
- package/modules/chunks/{MazSpinner-Box3DbCT.cjs → MazSpinner-C7r_jjn3.cjs} +1 -1
- package/modules/chunks/{index-C5Co4FGk.cjs → index-95nXhooW.cjs} +1 -1
- package/modules/chunks/{index-CU4cxgKq.mjs → index-B99VOYdM.mjs} +2 -2
- package/modules/index.cjs +1 -1
- package/modules/index.mjs +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazCardSpotlight.vue.d.ts +2 -2
- package/components/chunks/MazBtn-DAvgjToE.mjs +0 -151
- package/components/chunks/MazBtn-DfXeBnFe.mjs +0 -151
- package/components/chunks/MazBtn-Dyw1WZgU.mjs +0 -151
- package/components/chunks/MazBtn-SJl9Kugs.mjs +0 -151
- package/components/chunks/MazBtn-peKwI3PB.mjs +0 -151
- package/components/chunks/MazSpinner-CeUPefEl.mjs +0 -38
- package/components/chunks/MazSpinner-Cj16ZXPC.mjs +0 -38
- package/components/chunks/MazSpinner-DJyu0bjt.mjs +0 -38
- package/components/chunks/MazSpinner-DcsAehl9.mjs +0 -38
- package/components/chunks/MazSpinner-DeiRyoct.mjs +0 -38
- package/components/chunks/MazSpinner-DmsRmaiI.mjs +0 -38
- package/components/chunks/MazSpinner-ISxUR3Y1.mjs +0 -38
- package/components/chunks/MazSpinner-afth4SV3.mjs +0 -38
- package/modules/chunks/MazBtn-kEp7hZt8.mjs +0 -151
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import '../assets/MazBtn.css';
|
|
2
|
+
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
+
import { _ as L } from "./MazDialog-wPf8YzO5.mjs";
|
|
4
|
+
const P = /* @__PURE__ */ E({
|
|
5
|
+
__name: "MazBtn",
|
|
6
|
+
props: {
|
|
7
|
+
variant: { default: "button" },
|
|
8
|
+
size: { default: "md" },
|
|
9
|
+
color: { default: "primary" },
|
|
10
|
+
type: { default: "button" },
|
|
11
|
+
rounded: { type: Boolean },
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
|
+
noRounded: { type: Boolean },
|
|
14
|
+
outline: { type: Boolean },
|
|
15
|
+
pastel: { type: Boolean },
|
|
16
|
+
block: { type: Boolean },
|
|
17
|
+
noUnderline: { type: Boolean },
|
|
18
|
+
loading: { type: Boolean },
|
|
19
|
+
disabled: { type: Boolean },
|
|
20
|
+
fab: { type: Boolean },
|
|
21
|
+
icon: { default: void 0 },
|
|
22
|
+
leftIcon: { default: void 0 },
|
|
23
|
+
rightIcon: { default: void 0 },
|
|
24
|
+
noPadding: { type: Boolean },
|
|
25
|
+
noElevation: { type: Boolean },
|
|
26
|
+
contentClass: { default: void 0 }
|
|
27
|
+
},
|
|
28
|
+
setup(g) {
|
|
29
|
+
const z = h(() => import("./MazSpinner-Dt5ax5Hn.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
|
|
30
|
+
A(() => {
|
|
31
|
+
o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
|
+
});
|
|
33
|
+
const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
|
|
35
|
+
), b = l(
|
|
36
|
+
() => (o.loading || o.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
|
|
38
|
+
return (e, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: b.value || void 0,
|
|
40
|
+
class: s(["m-btn", [
|
|
41
|
+
`--${e.size}`,
|
|
42
|
+
!e.fab && e.roundedSize && `--rounded-${e.roundedSize}`,
|
|
43
|
+
I.value,
|
|
44
|
+
C.value,
|
|
45
|
+
$.value,
|
|
46
|
+
{
|
|
47
|
+
"--block": e.block,
|
|
48
|
+
"--no-underline": e.noUnderline,
|
|
49
|
+
"--fab": e.fab,
|
|
50
|
+
"--loading": e.loading,
|
|
51
|
+
"--disabled": b.value,
|
|
52
|
+
"--icon": M.value,
|
|
53
|
+
"--rounded": e.rounded,
|
|
54
|
+
"--no-rounded": e.noRounded,
|
|
55
|
+
"--no-padding": e.noPadding,
|
|
56
|
+
"--no-elevation": e.noElevation
|
|
57
|
+
}
|
|
58
|
+
]]),
|
|
59
|
+
type: T.value
|
|
60
|
+
}, {
|
|
61
|
+
default: D(() => [
|
|
62
|
+
m.value ? (n(), u(
|
|
63
|
+
"div",
|
|
64
|
+
{
|
|
65
|
+
key: 0,
|
|
66
|
+
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
|
|
67
|
+
},
|
|
68
|
+
[
|
|
69
|
+
t(`
|
|
70
|
+
@slot left-icon - The icon to display on the left of the button
|
|
71
|
+
`),
|
|
72
|
+
d(e.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof e.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
|
+
key: 0,
|
|
75
|
+
name: e.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
|
|
77
|
+
], !0)
|
|
78
|
+
],
|
|
79
|
+
2
|
|
80
|
+
/* CLASS */
|
|
81
|
+
)) : t("v-if", !0),
|
|
82
|
+
S.value ? (n(), u(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
key: 1,
|
|
86
|
+
class: s(["m-btn__icon", { "maz-invisible": i.value }])
|
|
87
|
+
},
|
|
88
|
+
[
|
|
89
|
+
t(`
|
|
90
|
+
@slot icon - The icon to display on the fab button
|
|
91
|
+
`),
|
|
92
|
+
d(e.$slots, "icon", {}, () => [
|
|
93
|
+
typeof e.icon == "string" ? (n(), a(c(f), {
|
|
94
|
+
key: 0,
|
|
95
|
+
name: e.icon
|
|
96
|
+
}, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
|
|
97
|
+
], !0)
|
|
98
|
+
],
|
|
99
|
+
2
|
|
100
|
+
/* CLASS */
|
|
101
|
+
)) : t("v-if", !0),
|
|
102
|
+
e.$slots.default ? (n(), u(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
key: 2,
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, e.contentClass])
|
|
107
|
+
},
|
|
108
|
+
[
|
|
109
|
+
t(`
|
|
110
|
+
@slot default - The content of the button
|
|
111
|
+
`),
|
|
112
|
+
d(e.$slots, "default", {}, void 0, !0)
|
|
113
|
+
],
|
|
114
|
+
2
|
|
115
|
+
/* CLASS */
|
|
116
|
+
)) : t("v-if", !0),
|
|
117
|
+
y.value ? (n(), u(
|
|
118
|
+
"div",
|
|
119
|
+
{
|
|
120
|
+
key: 3,
|
|
121
|
+
class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
|
|
122
|
+
},
|
|
123
|
+
[
|
|
124
|
+
t(`
|
|
125
|
+
@slot right-icon - The icon to display on the right of the button
|
|
126
|
+
`),
|
|
127
|
+
d(e.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof e.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
|
+
key: 0,
|
|
130
|
+
name: e.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
|
|
132
|
+
], !0)
|
|
133
|
+
],
|
|
134
|
+
2
|
|
135
|
+
/* CLASS */
|
|
136
|
+
)) : t("v-if", !0),
|
|
137
|
+
i.value ? (n(), a(c(z), {
|
|
138
|
+
key: 4,
|
|
139
|
+
class: "m-btn-loader",
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: e.color
|
|
142
|
+
}, null, 8, ["color"])) : t("v-if", !0)
|
|
143
|
+
]),
|
|
144
|
+
_: 3
|
|
145
|
+
/* FORWARDED */
|
|
146
|
+
}, 8, ["disabled", "class", "type"]));
|
|
147
|
+
}
|
|
148
|
+
}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
|
|
149
|
+
export {
|
|
150
|
+
V as default
|
|
151
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../assets/MazBtn.css';
|
|
2
2
|
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
-
import { _ as L } from "./
|
|
3
|
+
import { _ as L } from "./MazInput-BZBaDBjc.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -26,40 +26,40 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const
|
|
29
|
+
const z = h(() => import("./MazSpinner-8VnYwZdB.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
|
|
30
30
|
A(() => {
|
|
31
|
-
|
|
31
|
+
o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
33
|
-
const v = l(() =>
|
|
34
|
-
() =>
|
|
35
|
-
),
|
|
36
|
-
() => (
|
|
37
|
-
), C = l(() =>
|
|
38
|
-
return (
|
|
39
|
-
disabled:
|
|
33
|
+
const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
|
|
35
|
+
), b = l(
|
|
36
|
+
() => (o.loading || o.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
|
|
38
|
+
return (e, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: b.value || void 0,
|
|
40
40
|
class: s(["m-btn", [
|
|
41
|
-
`--${
|
|
42
|
-
`--rounded-${
|
|
41
|
+
`--${e.size}`,
|
|
42
|
+
!e.fab && e.roundedSize && `--rounded-${e.roundedSize}`,
|
|
43
43
|
I.value,
|
|
44
44
|
C.value,
|
|
45
45
|
$.value,
|
|
46
46
|
{
|
|
47
|
-
"--block":
|
|
48
|
-
"--no-underline":
|
|
49
|
-
"--fab":
|
|
50
|
-
"--loading":
|
|
51
|
-
"--disabled":
|
|
47
|
+
"--block": e.block,
|
|
48
|
+
"--no-underline": e.noUnderline,
|
|
49
|
+
"--fab": e.fab,
|
|
50
|
+
"--loading": e.loading,
|
|
51
|
+
"--disabled": b.value,
|
|
52
52
|
"--icon": M.value,
|
|
53
|
-
"--rounded":
|
|
54
|
-
"--no-rounded":
|
|
55
|
-
"--no-padding":
|
|
56
|
-
"--no-elevation":
|
|
53
|
+
"--rounded": e.rounded,
|
|
54
|
+
"--no-rounded": e.noRounded,
|
|
55
|
+
"--no-padding": e.noPadding,
|
|
56
|
+
"--no-elevation": e.noElevation
|
|
57
57
|
}
|
|
58
58
|
]]),
|
|
59
59
|
type: T.value
|
|
60
60
|
}, {
|
|
61
61
|
default: D(() => [
|
|
62
|
-
|
|
62
|
+
m.value ? (n(), u(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
65
|
key: 0,
|
|
@@ -69,11 +69,11 @@ const P = /* @__PURE__ */ E({
|
|
|
69
69
|
t(`
|
|
70
70
|
@slot left-icon - The icon to display on the left of the button
|
|
71
71
|
`),
|
|
72
|
-
d(
|
|
73
|
-
typeof
|
|
72
|
+
d(e.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof e.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
74
|
key: 0,
|
|
75
|
-
name:
|
|
76
|
-
}, null, 8, ["name"])) :
|
|
75
|
+
name: e.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
|
|
77
77
|
], !0)
|
|
78
78
|
],
|
|
79
79
|
2
|
|
@@ -89,27 +89,27 @@ const P = /* @__PURE__ */ E({
|
|
|
89
89
|
t(`
|
|
90
90
|
@slot icon - The icon to display on the fab button
|
|
91
91
|
`),
|
|
92
|
-
d(
|
|
93
|
-
typeof
|
|
92
|
+
d(e.$slots, "icon", {}, () => [
|
|
93
|
+
typeof e.icon == "string" ? (n(), a(c(f), {
|
|
94
94
|
key: 0,
|
|
95
|
-
name:
|
|
96
|
-
}, null, 8, ["name"])) :
|
|
95
|
+
name: e.icon
|
|
96
|
+
}, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
|
|
97
97
|
], !0)
|
|
98
98
|
],
|
|
99
99
|
2
|
|
100
100
|
/* CLASS */
|
|
101
101
|
)) : t("v-if", !0),
|
|
102
|
-
|
|
102
|
+
e.$slots.default ? (n(), u(
|
|
103
103
|
"span",
|
|
104
104
|
{
|
|
105
105
|
key: 2,
|
|
106
|
-
class: s([{ "maz-invisible": i.value },
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, e.contentClass])
|
|
107
107
|
},
|
|
108
108
|
[
|
|
109
109
|
t(`
|
|
110
110
|
@slot default - The content of the button
|
|
111
111
|
`),
|
|
112
|
-
d(
|
|
112
|
+
d(e.$slots, "default", {}, void 0, !0)
|
|
113
113
|
],
|
|
114
114
|
2
|
|
115
115
|
/* CLASS */
|
|
@@ -124,28 +124,28 @@ const P = /* @__PURE__ */ E({
|
|
|
124
124
|
t(`
|
|
125
125
|
@slot right-icon - The icon to display on the right of the button
|
|
126
126
|
`),
|
|
127
|
-
d(
|
|
128
|
-
typeof
|
|
127
|
+
d(e.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof e.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
129
|
key: 0,
|
|
130
|
-
name:
|
|
131
|
-
}, null, 8, ["name"])) :
|
|
130
|
+
name: e.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
|
|
132
132
|
], !0)
|
|
133
133
|
],
|
|
134
134
|
2
|
|
135
135
|
/* CLASS */
|
|
136
136
|
)) : t("v-if", !0),
|
|
137
|
-
i.value ? (n(), a(c(
|
|
137
|
+
i.value ? (n(), a(c(z), {
|
|
138
138
|
key: 4,
|
|
139
139
|
class: "m-btn-loader",
|
|
140
140
|
size: "2em",
|
|
141
|
-
color:
|
|
141
|
+
color: e.color
|
|
142
142
|
}, null, 8, ["color"])) : t("v-if", !0)
|
|
143
143
|
]),
|
|
144
144
|
_: 3
|
|
145
145
|
/* FORWARDED */
|
|
146
146
|
}, 8, ["disabled", "class", "type"]));
|
|
147
147
|
}
|
|
148
|
-
}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-
|
|
148
|
+
}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
|
|
149
149
|
export {
|
|
150
150
|
V as default
|
|
151
151
|
};
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import '../assets/MazBtn.css';
|
|
2
|
+
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
+
import { _ as L } from "./MazDialogPromise-C4xTbUi9.mjs";
|
|
4
|
+
const P = /* @__PURE__ */ E({
|
|
5
|
+
__name: "MazBtn",
|
|
6
|
+
props: {
|
|
7
|
+
variant: { default: "button" },
|
|
8
|
+
size: { default: "md" },
|
|
9
|
+
color: { default: "primary" },
|
|
10
|
+
type: { default: "button" },
|
|
11
|
+
rounded: { type: Boolean },
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
|
+
noRounded: { type: Boolean },
|
|
14
|
+
outline: { type: Boolean },
|
|
15
|
+
pastel: { type: Boolean },
|
|
16
|
+
block: { type: Boolean },
|
|
17
|
+
noUnderline: { type: Boolean },
|
|
18
|
+
loading: { type: Boolean },
|
|
19
|
+
disabled: { type: Boolean },
|
|
20
|
+
fab: { type: Boolean },
|
|
21
|
+
icon: { default: void 0 },
|
|
22
|
+
leftIcon: { default: void 0 },
|
|
23
|
+
rightIcon: { default: void 0 },
|
|
24
|
+
noPadding: { type: Boolean },
|
|
25
|
+
noElevation: { type: Boolean },
|
|
26
|
+
contentClass: { default: void 0 }
|
|
27
|
+
},
|
|
28
|
+
setup(g) {
|
|
29
|
+
const z = h(() => import("./MazSpinner-DWts_Ogu.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
|
|
30
|
+
A(() => {
|
|
31
|
+
o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
|
+
});
|
|
33
|
+
const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
|
|
35
|
+
), b = l(
|
|
36
|
+
() => (o.loading || o.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
|
|
38
|
+
return (e, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: b.value || void 0,
|
|
40
|
+
class: s(["m-btn", [
|
|
41
|
+
`--${e.size}`,
|
|
42
|
+
!e.fab && e.roundedSize && `--rounded-${e.roundedSize}`,
|
|
43
|
+
I.value,
|
|
44
|
+
C.value,
|
|
45
|
+
$.value,
|
|
46
|
+
{
|
|
47
|
+
"--block": e.block,
|
|
48
|
+
"--no-underline": e.noUnderline,
|
|
49
|
+
"--fab": e.fab,
|
|
50
|
+
"--loading": e.loading,
|
|
51
|
+
"--disabled": b.value,
|
|
52
|
+
"--icon": M.value,
|
|
53
|
+
"--rounded": e.rounded,
|
|
54
|
+
"--no-rounded": e.noRounded,
|
|
55
|
+
"--no-padding": e.noPadding,
|
|
56
|
+
"--no-elevation": e.noElevation
|
|
57
|
+
}
|
|
58
|
+
]]),
|
|
59
|
+
type: T.value
|
|
60
|
+
}, {
|
|
61
|
+
default: D(() => [
|
|
62
|
+
m.value ? (n(), u(
|
|
63
|
+
"div",
|
|
64
|
+
{
|
|
65
|
+
key: 0,
|
|
66
|
+
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
|
|
67
|
+
},
|
|
68
|
+
[
|
|
69
|
+
t(`
|
|
70
|
+
@slot left-icon - The icon to display on the left of the button
|
|
71
|
+
`),
|
|
72
|
+
d(e.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof e.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
|
+
key: 0,
|
|
75
|
+
name: e.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
|
|
77
|
+
], !0)
|
|
78
|
+
],
|
|
79
|
+
2
|
|
80
|
+
/* CLASS */
|
|
81
|
+
)) : t("v-if", !0),
|
|
82
|
+
S.value ? (n(), u(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
key: 1,
|
|
86
|
+
class: s(["m-btn__icon", { "maz-invisible": i.value }])
|
|
87
|
+
},
|
|
88
|
+
[
|
|
89
|
+
t(`
|
|
90
|
+
@slot icon - The icon to display on the fab button
|
|
91
|
+
`),
|
|
92
|
+
d(e.$slots, "icon", {}, () => [
|
|
93
|
+
typeof e.icon == "string" ? (n(), a(c(f), {
|
|
94
|
+
key: 0,
|
|
95
|
+
name: e.icon
|
|
96
|
+
}, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
|
|
97
|
+
], !0)
|
|
98
|
+
],
|
|
99
|
+
2
|
|
100
|
+
/* CLASS */
|
|
101
|
+
)) : t("v-if", !0),
|
|
102
|
+
e.$slots.default ? (n(), u(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
key: 2,
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, e.contentClass])
|
|
107
|
+
},
|
|
108
|
+
[
|
|
109
|
+
t(`
|
|
110
|
+
@slot default - The content of the button
|
|
111
|
+
`),
|
|
112
|
+
d(e.$slots, "default", {}, void 0, !0)
|
|
113
|
+
],
|
|
114
|
+
2
|
|
115
|
+
/* CLASS */
|
|
116
|
+
)) : t("v-if", !0),
|
|
117
|
+
y.value ? (n(), u(
|
|
118
|
+
"div",
|
|
119
|
+
{
|
|
120
|
+
key: 3,
|
|
121
|
+
class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
|
|
122
|
+
},
|
|
123
|
+
[
|
|
124
|
+
t(`
|
|
125
|
+
@slot right-icon - The icon to display on the right of the button
|
|
126
|
+
`),
|
|
127
|
+
d(e.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof e.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
|
+
key: 0,
|
|
130
|
+
name: e.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
|
|
132
|
+
], !0)
|
|
133
|
+
],
|
|
134
|
+
2
|
|
135
|
+
/* CLASS */
|
|
136
|
+
)) : t("v-if", !0),
|
|
137
|
+
i.value ? (n(), a(c(z), {
|
|
138
|
+
key: 4,
|
|
139
|
+
class: "m-btn-loader",
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: e.color
|
|
142
|
+
}, null, 8, ["color"])) : t("v-if", !0)
|
|
143
|
+
]),
|
|
144
|
+
_: 3
|
|
145
|
+
/* FORWARDED */
|
|
146
|
+
}, 8, ["disabled", "class", "type"]));
|
|
147
|
+
}
|
|
148
|
+
}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
|
|
149
|
+
export {
|
|
150
|
+
V as default
|
|
151
|
+
};
|
|
@@ -25,7 +25,7 @@ const L = /* @__PURE__ */ E({
|
|
|
25
25
|
contentClass: { default: void 0 }
|
|
26
26
|
},
|
|
27
27
|
setup(u) {
|
|
28
|
-
const p = B(() => import("./MazSpinner-
|
|
28
|
+
const p = B(() => import("./MazSpinner-B_WP-2kr.mjs")), i = B(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: b, to: m } = R(), y = w(), e = u;
|
|
29
29
|
A(() => {
|
|
30
30
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
31
31
|
});
|
|
@@ -38,7 +38,7 @@ const L = /* @__PURE__ */ E({
|
|
|
38
38
|
disabled: g.value || void 0,
|
|
39
39
|
class: r(["m-btn", [
|
|
40
40
|
`--${o.size}`,
|
|
41
|
-
`--rounded-${o.roundedSize}`,
|
|
41
|
+
!o.fab && o.roundedSize && `--rounded-${o.roundedSize}`,
|
|
42
42
|
I.value,
|
|
43
43
|
C.value,
|
|
44
44
|
$.value,
|
|
@@ -149,7 +149,7 @@ const L = /* @__PURE__ */ E({
|
|
|
149
149
|
for (const [b, m] of p)
|
|
150
150
|
i[b] = m;
|
|
151
151
|
return i;
|
|
152
|
-
}, N = /* @__PURE__ */ P(L, [["__scopeId", "data-v-
|
|
152
|
+
}, N = /* @__PURE__ */ P(L, [["__scopeId", "data-v-4d87e490"]]);
|
|
153
153
|
export {
|
|
154
154
|
N as M,
|
|
155
155
|
P as _
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import '../assets/MazBtn.css';
|
|
2
|
+
import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
|
|
3
|
+
import { _ as L } from "./MazPicker-_ndeWiCy.mjs";
|
|
4
|
+
const P = /* @__PURE__ */ E({
|
|
5
|
+
__name: "MazBtn",
|
|
6
|
+
props: {
|
|
7
|
+
variant: { default: "button" },
|
|
8
|
+
size: { default: "md" },
|
|
9
|
+
color: { default: "primary" },
|
|
10
|
+
type: { default: "button" },
|
|
11
|
+
rounded: { type: Boolean },
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
|
+
noRounded: { type: Boolean },
|
|
14
|
+
outline: { type: Boolean },
|
|
15
|
+
pastel: { type: Boolean },
|
|
16
|
+
block: { type: Boolean },
|
|
17
|
+
noUnderline: { type: Boolean },
|
|
18
|
+
loading: { type: Boolean },
|
|
19
|
+
disabled: { type: Boolean },
|
|
20
|
+
fab: { type: Boolean },
|
|
21
|
+
icon: { default: void 0 },
|
|
22
|
+
leftIcon: { default: void 0 },
|
|
23
|
+
rightIcon: { default: void 0 },
|
|
24
|
+
noPadding: { type: Boolean },
|
|
25
|
+
noElevation: { type: Boolean },
|
|
26
|
+
contentClass: { default: void 0 }
|
|
27
|
+
},
|
|
28
|
+
setup(g) {
|
|
29
|
+
const z = h(() => import("./MazSpinner-bGMoZfcX.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
|
|
30
|
+
A(() => {
|
|
31
|
+
o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
|
+
});
|
|
33
|
+
const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
|
|
35
|
+
), b = l(
|
|
36
|
+
() => (o.loading || o.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), M = l(() => m.value || y.value), S = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
|
|
38
|
+
return (e, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: b.value || void 0,
|
|
40
|
+
class: s(["m-btn", [
|
|
41
|
+
`--${e.size}`,
|
|
42
|
+
!e.fab && e.roundedSize && `--rounded-${e.roundedSize}`,
|
|
43
|
+
I.value,
|
|
44
|
+
C.value,
|
|
45
|
+
$.value,
|
|
46
|
+
{
|
|
47
|
+
"--block": e.block,
|
|
48
|
+
"--no-underline": e.noUnderline,
|
|
49
|
+
"--fab": e.fab,
|
|
50
|
+
"--loading": e.loading,
|
|
51
|
+
"--disabled": b.value,
|
|
52
|
+
"--icon": M.value,
|
|
53
|
+
"--rounded": e.rounded,
|
|
54
|
+
"--no-rounded": e.noRounded,
|
|
55
|
+
"--no-padding": e.noPadding,
|
|
56
|
+
"--no-elevation": e.noElevation
|
|
57
|
+
}
|
|
58
|
+
]]),
|
|
59
|
+
type: T.value
|
|
60
|
+
}, {
|
|
61
|
+
default: D(() => [
|
|
62
|
+
m.value ? (n(), u(
|
|
63
|
+
"div",
|
|
64
|
+
{
|
|
65
|
+
key: 0,
|
|
66
|
+
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
|
|
67
|
+
},
|
|
68
|
+
[
|
|
69
|
+
t(`
|
|
70
|
+
@slot left-icon - The icon to display on the left of the button
|
|
71
|
+
`),
|
|
72
|
+
d(e.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof e.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
|
+
key: 0,
|
|
75
|
+
name: e.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
|
|
77
|
+
], !0)
|
|
78
|
+
],
|
|
79
|
+
2
|
|
80
|
+
/* CLASS */
|
|
81
|
+
)) : t("v-if", !0),
|
|
82
|
+
S.value ? (n(), u(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
key: 1,
|
|
86
|
+
class: s(["m-btn__icon", { "maz-invisible": i.value }])
|
|
87
|
+
},
|
|
88
|
+
[
|
|
89
|
+
t(`
|
|
90
|
+
@slot icon - The icon to display on the fab button
|
|
91
|
+
`),
|
|
92
|
+
d(e.$slots, "icon", {}, () => [
|
|
93
|
+
typeof e.icon == "string" ? (n(), a(c(f), {
|
|
94
|
+
key: 0,
|
|
95
|
+
name: e.icon
|
|
96
|
+
}, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
|
|
97
|
+
], !0)
|
|
98
|
+
],
|
|
99
|
+
2
|
|
100
|
+
/* CLASS */
|
|
101
|
+
)) : t("v-if", !0),
|
|
102
|
+
e.$slots.default ? (n(), u(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
key: 2,
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, e.contentClass])
|
|
107
|
+
},
|
|
108
|
+
[
|
|
109
|
+
t(`
|
|
110
|
+
@slot default - The content of the button
|
|
111
|
+
`),
|
|
112
|
+
d(e.$slots, "default", {}, void 0, !0)
|
|
113
|
+
],
|
|
114
|
+
2
|
|
115
|
+
/* CLASS */
|
|
116
|
+
)) : t("v-if", !0),
|
|
117
|
+
y.value ? (n(), u(
|
|
118
|
+
"div",
|
|
119
|
+
{
|
|
120
|
+
key: 3,
|
|
121
|
+
class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
|
|
122
|
+
},
|
|
123
|
+
[
|
|
124
|
+
t(`
|
|
125
|
+
@slot right-icon - The icon to display on the right of the button
|
|
126
|
+
`),
|
|
127
|
+
d(e.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof e.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
|
+
key: 0,
|
|
130
|
+
name: e.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
|
|
132
|
+
], !0)
|
|
133
|
+
],
|
|
134
|
+
2
|
|
135
|
+
/* CLASS */
|
|
136
|
+
)) : t("v-if", !0),
|
|
137
|
+
i.value ? (n(), a(c(z), {
|
|
138
|
+
key: 4,
|
|
139
|
+
class: "m-btn-loader",
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: e.color
|
|
142
|
+
}, null, 8, ["color"])) : t("v-if", !0)
|
|
143
|
+
]),
|
|
144
|
+
_: 3
|
|
145
|
+
/* FORWARDED */
|
|
146
|
+
}, 8, ["disabled", "class", "type"]));
|
|
147
|
+
}
|
|
148
|
+
}), V = /* @__PURE__ */ L(P, [["__scopeId", "data-v-4d87e490"]]);
|
|
149
|
+
export {
|
|
150
|
+
V as default
|
|
151
|
+
};
|