maz-ui 3.40.2 → 3.40.3
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/README.md +1 -1
- package/components/MazAccordion.mjs +121 -104
- package/components/MazAvatar.mjs +1 -1
- package/components/MazBottomSheet.mjs +1 -1
- package/components/MazBtn.d.ts +2 -2
- package/components/MazBtn.mjs +1 -1
- package/components/MazCard.d.ts +8 -2
- package/components/MazCard.mjs +1 -1
- package/components/MazCardSpotlight.d.ts +41 -2
- package/components/MazCardSpotlight.mjs +56 -39
- 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/MazInputCode.mjs +32 -32
- 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/MazStepper.mjs +1 -1
- package/components/MazTable.mjs +1 -1
- package/components/assets/MazAccordion.css +1 -1
- package/components/assets/MazAvatar.css +1 -1
- package/components/assets/MazBtn.css +1 -1
- package/components/assets/MazCard.css +1 -1
- package/components/assets/MazCardSpotlight.css +1 -1
- package/components/assets/MazDropzone.css +1 -1
- package/components/assets/MazInputCode.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/MazPickerCalendar.css +1 -1
- package/components/assets/MazStepper.css +1 -1
- package/components/assets/MazTable.css +1 -1
- package/components/chunks/{MazAvatar-CfJSw4Yv.mjs → MazAvatar-QDlH6tvz.mjs} +2 -2
- package/components/chunks/{MazBottomSheet-uKxvK85D.mjs → MazBottomSheet-BuBc8C9L.mjs} +1 -1
- package/components/chunks/MazBtn-4I65a0tG.mjs +151 -0
- package/components/chunks/MazBtn-BBKOvmc0.mjs +151 -0
- package/components/chunks/{MazBtn-WxZqpFgw.mjs → MazBtn-Bhjz7DkY.mjs} +4 -4
- package/components/chunks/{MazBtn-CuUu5chG.mjs → MazBtn-Ch56YVOw.mjs} +9 -9
- package/components/chunks/{MazBtn-DBGIZYN0.mjs → MazBtn-CjKivGUG.mjs} +9 -9
- package/components/chunks/{MazBtn-Cf6bpPps.mjs → MazBtn-DAvgjToE.mjs} +9 -9
- package/components/chunks/MazBtn-DfXeBnFe.mjs +151 -0
- package/components/chunks/{MazBtn-Ct6j9jc6.mjs → MazBtn-Dyw1WZgU.mjs} +9 -9
- package/components/chunks/{MazBtn-C1Hevhzu.mjs → MazBtn-IBS93Vda.mjs} +4 -4
- package/components/chunks/MazBtn-SJl9Kugs.mjs +151 -0
- package/components/chunks/MazBtn-ZcEB5i12.mjs +151 -0
- package/components/chunks/MazBtn-peKwI3PB.mjs +151 -0
- package/components/chunks/{MazCard-EXkymtQk.mjs → MazCard-zP6XYYO8.mjs} +70 -69
- package/components/chunks/{MazCarousel-iKzlrVVy.mjs → MazCarousel-IzbBgBrr.mjs} +1 -1
- package/components/chunks/{MazCheckbox-Dqw5B6BC.mjs → MazCheckbox-CnQ4qPG4.mjs} +1 -1
- package/components/chunks/{MazCheckbox-CZdX-eyY.mjs → MazCheckbox-CylZNBvL.mjs} +1 -1
- package/components/chunks/{MazDialog-4Th-Xut5.mjs → MazDialog-DfykSNZV.mjs} +1 -1
- package/components/chunks/{MazDialogPromise-CJsnYYpX.mjs → MazDialogPromise-DW7DF186.mjs} +2 -2
- package/components/chunks/{MazGallery-D7CXzxIH.mjs → MazGallery-DK724Wxg.mjs} +2 -2
- package/components/chunks/{MazIcon-B-UuPklS.mjs → MazIcon-C0jJgPt6.mjs} +1 -1
- package/components/chunks/{MazIcon-DgT8iWEh.mjs → MazIcon-DAuhmKoh.mjs} +1 -1
- package/components/chunks/{MazInput-DDZFdad5.mjs → MazInput-CuNNbyX5.mjs} +1 -1
- package/components/chunks/{MazInputNumber-Cu15o5vo.mjs → MazInputNumber-D9lhCaXw.mjs} +36 -36
- package/components/chunks/{MazInputPrice-B7l9-xh2.mjs → MazInputPrice-C5gaLIoj.mjs} +1 -1
- package/components/chunks/{MazInputTags-CNEK5pfK.mjs → MazInputTags-DHawCIaZ.mjs} +4 -4
- package/components/chunks/{MazLazyImg-BImCTi5K.mjs → MazLazyImg-BGK0RZe2.mjs} +2 -2
- package/components/chunks/{MazPagination-C4p_B9Dg.mjs → MazPagination-B5x3ZUrk.mjs} +23 -23
- package/components/chunks/{MazPhoneNumberInput-DGf04XP4.mjs → MazPhoneNumberInput-ChPzHftZ.mjs} +2 -2
- package/components/chunks/{MazPicker-DzOi-CWS.mjs → MazPicker-BVsSfMXU.mjs} +2 -2
- package/components/chunks/{MazPickerCalendar-BZyGvAzQ.mjs → MazPickerCalendar-DVB8Rr9I.mjs} +7 -7
- package/components/chunks/{MazPickerHeader-CgoLWXed.mjs → MazPickerHeader-bClHUr7z.mjs} +1 -1
- package/components/chunks/{MazPickerMonthSwitcher-BzxzHg15.mjs → MazPickerMonthSwitcher-12vPV_ek.mjs} +2 -2
- package/components/chunks/{MazPickerShortcuts-CUfm1E2A.mjs → MazPickerShortcuts-BcJpy3BQ.mjs} +2 -2
- package/components/chunks/{MazPickerTime-BRb6pDOe.mjs → MazPickerTime-_IheJF21.mjs} +2 -2
- package/components/chunks/{MazPickerYearSwitcher-CJY_QYpN.mjs → MazPickerYearSwitcher-AG8UoA8w.mjs} +3 -3
- package/components/chunks/{MazSelect-BsWij77Q.mjs → MazSelect-v2Qz7qp9.mjs} +2 -2
- package/components/chunks/MazSpinner-B9PIGTBM.mjs +38 -0
- package/components/chunks/{MazSpinner-B_yl5MqC.mjs → MazSpinner-BpD28_Nv.mjs} +1 -1
- package/components/chunks/{MazSpinner-BxTf8_F4.mjs → MazSpinner-BrRExSkV.mjs} +1 -1
- package/components/chunks/{MazSpinner-DUmQCQu_.mjs → MazSpinner-CT-zwBmg.mjs} +1 -1
- package/components/chunks/{MazSpinner-BazLgFW3.mjs → MazSpinner-CTOH4qIV.mjs} +1 -1
- package/components/chunks/MazSpinner-CXoCX_ho.mjs +38 -0
- package/components/chunks/{MazSpinner-O0WGwdtL.mjs → MazSpinner-CZMyB5uT.mjs} +1 -1
- package/components/chunks/{MazSpinner-DHAlXW-A.mjs → MazSpinner-CeOzWwoA.mjs} +1 -1
- package/components/chunks/MazSpinner-CeUPefEl.mjs +38 -0
- package/components/chunks/MazSpinner-Cj16ZXPC.mjs +38 -0
- package/components/chunks/{MazSpinner-3KgM7Cpe.mjs → MazSpinner-D14Qdl-q.mjs} +1 -1
- package/components/chunks/MazSpinner-DJyu0bjt.mjs +38 -0
- package/components/chunks/{MazSpinner-CkigTMVl.mjs → MazSpinner-DcsAehl9.mjs} +1 -1
- package/components/chunks/MazSpinner-DeiRyoct.mjs +38 -0
- package/components/chunks/MazSpinner-DmsRmaiI.mjs +38 -0
- package/components/chunks/MazSpinner-ISxUR3Y1.mjs +38 -0
- package/components/chunks/{MazSpinner-DzWvDo6x.mjs → MazSpinner-afth4SV3.mjs} +1 -1
- package/components/chunks/{MazStepper-BvKEjtJo.mjs → MazStepper-CV4dwvS9.mjs} +22 -22
- package/components/chunks/{MazTable-Ds_9n2ph.mjs → MazTable-CjlSdLnh.mjs} +5 -5
- package/components/chunks/{MazTransitionExpand-F8UmMAin.mjs → MazTransitionExpand-BBkwCVdE.mjs} +1 -1
- package/components/chunks/{MazTransitionExpand-C6uOt--l.mjs → MazTransitionExpand-DLMtNsk_.mjs} +1 -1
- package/css/main.css +1 -1
- package/modules/assets/MazBtn.css +1 -1
- package/modules/chunks/{MazBtn-0K3jTP4n.cjs → MazBtn-C3u6aAVE.cjs} +2 -2
- package/modules/chunks/MazBtn-kEp7hZt8.mjs +151 -0
- package/modules/chunks/{MazIcon-qdhBwo_3.mjs → MazIcon-8SXd9pCW.mjs} +1 -1
- package/modules/chunks/{MazIcon-Bm9aj2GA.cjs → MazIcon-_eQBprV9.cjs} +1 -1
- package/modules/chunks/{MazSpinner-DCWCHgly.mjs → MazSpinner-BeST_Oa5.mjs} +1 -1
- package/modules/chunks/{MazSpinner-BFGq9o4c.cjs → MazSpinner-Box3DbCT.cjs} +1 -1
- package/modules/chunks/{index-Cl2Z9oxB.cjs → index-C5Co4FGk.cjs} +1 -1
- package/modules/chunks/{index-BRqo10xg.mjs → index-CU4cxgKq.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/MazBtn.vue.d.ts +2 -2
- package/types/components/MazCard.vue.d.ts +8 -2
- package/types/components/MazCardSpotlight.vue.d.ts +41 -2
- package/components/chunks/MazBtn-DWZMLLYY.mjs +0 -151
- package/components/chunks/MazBtn-DgWU7Vzx.mjs +0 -151
- package/components/chunks/MazBtn-Dp7XmWvD.mjs +0 -151
- package/components/chunks/MazBtn-Ds_0Y11U.mjs +0 -151
- package/components/chunks/MazBtn-qHhaccbJ.mjs +0 -151
- package/components/chunks/MazBtn-yFDtvtao.mjs +0 -151
- package/components/chunks/MazSpinner-CPFxMAVg.mjs +0 -38
- package/components/chunks/MazSpinner-DQTSh25q.mjs +0 -38
- package/components/chunks/MazSpinner-Dhgoim8I.mjs +0 -38
- package/components/chunks/MazSpinner-DuQDsXrM.mjs +0 -38
- package/components/chunks/MazSpinner-S7b1mVEd.mjs +0 -38
- package/components/chunks/MazSpinner-YQWKVqVa.mjs +0 -38
- package/components/chunks/MazSpinner-v_h1kbbd.mjs +0 -38
- package/components/chunks/MazSpinner-zKKOOicV.mjs +0 -38
- package/modules/chunks/MazBtn-D7GTVnKj.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 "./MazPhoneNumberInput-ChPzHftZ.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 k = h(() => import("./MazSpinner-DJyu0bjt.mjs")), f = h(() => import("./MazIcon-DAuhmKoh.mjs")), { href: z, to: B } = R(), p = w(), e = g;
|
|
30
|
+
A(() => {
|
|
31
|
+
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
|
+
});
|
|
33
|
+
const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
|
|
35
|
+
), m = l(
|
|
36
|
+
() => (e.loading || e.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
|
|
38
|
+
return (o, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: m.value || void 0,
|
|
40
|
+
class: s(["m-btn", [
|
|
41
|
+
`--${o.size}`,
|
|
42
|
+
`--rounded-${o.roundedSize}`,
|
|
43
|
+
I.value,
|
|
44
|
+
C.value,
|
|
45
|
+
$.value,
|
|
46
|
+
{
|
|
47
|
+
"--block": o.block,
|
|
48
|
+
"--no-underline": o.noUnderline,
|
|
49
|
+
"--fab": o.fab,
|
|
50
|
+
"--loading": o.loading,
|
|
51
|
+
"--disabled": m.value,
|
|
52
|
+
"--icon": M.value,
|
|
53
|
+
"--rounded": o.rounded,
|
|
54
|
+
"--no-rounded": o.noRounded,
|
|
55
|
+
"--no-padding": o.noPadding,
|
|
56
|
+
"--no-elevation": o.noElevation
|
|
57
|
+
}
|
|
58
|
+
]]),
|
|
59
|
+
type: T.value
|
|
60
|
+
}, {
|
|
61
|
+
default: D(() => [
|
|
62
|
+
b.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(o.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof o.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
|
+
key: 0,
|
|
75
|
+
name: o.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.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(o.$slots, "icon", {}, () => [
|
|
93
|
+
typeof o.icon == "string" ? (n(), a(c(f), {
|
|
94
|
+
key: 0,
|
|
95
|
+
name: o.icon
|
|
96
|
+
}, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
|
|
97
|
+
], !0)
|
|
98
|
+
],
|
|
99
|
+
2
|
|
100
|
+
/* CLASS */
|
|
101
|
+
)) : t("v-if", !0),
|
|
102
|
+
o.$slots.default ? (n(), u(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
key: 2,
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, o.contentClass])
|
|
107
|
+
},
|
|
108
|
+
[
|
|
109
|
+
t(`
|
|
110
|
+
@slot default - The content of the button
|
|
111
|
+
`),
|
|
112
|
+
d(o.$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(o.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof o.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
|
+
key: 0,
|
|
130
|
+
name: o.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.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(k), {
|
|
138
|
+
key: 4,
|
|
139
|
+
class: "m-btn-loader",
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: o.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-f89548fd"]]);
|
|
149
|
+
export {
|
|
150
|
+
V as default
|
|
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 "./MazCarousel-IzbBgBrr.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 k = h(() => import("./MazSpinner-DeiRyoct.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
|
|
30
|
+
A(() => {
|
|
31
|
+
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
|
+
});
|
|
33
|
+
const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
|
+
() => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
|
|
35
|
+
), m = l(
|
|
36
|
+
() => (e.loading || e.disabled) && v.value === "button"
|
|
37
|
+
), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
|
|
38
|
+
return (o, U) => (n(), a(r(v.value), {
|
|
39
|
+
disabled: m.value || void 0,
|
|
40
|
+
class: s(["m-btn", [
|
|
41
|
+
`--${o.size}`,
|
|
42
|
+
`--rounded-${o.roundedSize}`,
|
|
43
|
+
I.value,
|
|
44
|
+
C.value,
|
|
45
|
+
$.value,
|
|
46
|
+
{
|
|
47
|
+
"--block": o.block,
|
|
48
|
+
"--no-underline": o.noUnderline,
|
|
49
|
+
"--fab": o.fab,
|
|
50
|
+
"--loading": o.loading,
|
|
51
|
+
"--disabled": m.value,
|
|
52
|
+
"--icon": M.value,
|
|
53
|
+
"--rounded": o.rounded,
|
|
54
|
+
"--no-rounded": o.noRounded,
|
|
55
|
+
"--no-padding": o.noPadding,
|
|
56
|
+
"--no-elevation": o.noElevation
|
|
57
|
+
}
|
|
58
|
+
]]),
|
|
59
|
+
type: T.value
|
|
60
|
+
}, {
|
|
61
|
+
default: D(() => [
|
|
62
|
+
b.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(o.$slots, "left-icon", {}, () => [
|
|
73
|
+
typeof o.leftIcon == "string" ? (n(), a(c(f), {
|
|
74
|
+
key: 0,
|
|
75
|
+
name: o.leftIcon
|
|
76
|
+
}, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.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(o.$slots, "icon", {}, () => [
|
|
93
|
+
typeof o.icon == "string" ? (n(), a(c(f), {
|
|
94
|
+
key: 0,
|
|
95
|
+
name: o.icon
|
|
96
|
+
}, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
|
|
97
|
+
], !0)
|
|
98
|
+
],
|
|
99
|
+
2
|
|
100
|
+
/* CLASS */
|
|
101
|
+
)) : t("v-if", !0),
|
|
102
|
+
o.$slots.default ? (n(), u(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
key: 2,
|
|
106
|
+
class: s([{ "maz-invisible": i.value }, o.contentClass])
|
|
107
|
+
},
|
|
108
|
+
[
|
|
109
|
+
t(`
|
|
110
|
+
@slot default - The content of the button
|
|
111
|
+
`),
|
|
112
|
+
d(o.$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(o.$slots, "right-icon", {}, () => [
|
|
128
|
+
typeof o.rightIcon == "string" ? (n(), a(c(f), {
|
|
129
|
+
key: 0,
|
|
130
|
+
name: o.rightIcon
|
|
131
|
+
}, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.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(k), {
|
|
138
|
+
key: 4,
|
|
139
|
+
class: "m-btn-loader",
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: o.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-f89548fd"]]);
|
|
149
|
+
export {
|
|
150
|
+
V as default
|
|
151
|
+
};
|
|
@@ -8,7 +8,7 @@ const L = /* @__PURE__ */ E({
|
|
|
8
8
|
color: { default: "primary" },
|
|
9
9
|
type: { default: "button" },
|
|
10
10
|
rounded: { type: Boolean },
|
|
11
|
-
roundedSize: { default:
|
|
11
|
+
roundedSize: { default: "lg" },
|
|
12
12
|
noRounded: { type: Boolean },
|
|
13
13
|
outline: { type: Boolean },
|
|
14
14
|
pastel: { type: Boolean },
|
|
@@ -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-CeOzWwoA.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
|
});
|
|
@@ -35,7 +35,7 @@ const L = /* @__PURE__ */ E({
|
|
|
35
35
|
() => (e.loading || e.disabled) && h.value === "button"
|
|
36
36
|
), C = l(() => g.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), s = l(() => e.loading && e.variant === "button"), k = l(() => !!y["left-icon"] || e.leftIcon), z = l(() => !!y["right-icon"] || e.rightIcon), M = l(() => k.value || z.value), S = l(() => e.fab && (e.icon || !!y.icon)), T = l(() => h.value === "button" ? e.type : void 0);
|
|
37
37
|
return (o, U) => (n(), a(d(h.value), {
|
|
38
|
-
disabled: g.value,
|
|
38
|
+
disabled: g.value || void 0,
|
|
39
39
|
class: r(["m-btn", [
|
|
40
40
|
`--${o.size}`,
|
|
41
41
|
`--rounded-${o.roundedSize}`,
|
|
@@ -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-f89548fd"]]);
|
|
153
153
|
export {
|
|
154
154
|
N as M,
|
|
155
155
|
P as _
|
|
@@ -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 "./MazCard-zP6XYYO8.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -9,7 +9,7 @@ const P = /* @__PURE__ */ E({
|
|
|
9
9
|
color: { default: "primary" },
|
|
10
10
|
type: { default: "button" },
|
|
11
11
|
rounded: { type: Boolean },
|
|
12
|
-
roundedSize: { default:
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
13
|
noRounded: { type: Boolean },
|
|
14
14
|
outline: { type: Boolean },
|
|
15
15
|
pastel: { type: Boolean },
|
|
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const k = h(() => import("./MazSpinner-
|
|
29
|
+
const k = h(() => import("./MazSpinner-CT-zwBmg.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
|
|
30
30
|
A(() => {
|
|
31
31
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
33
33
|
const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
34
|
() => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
|
|
35
|
-
),
|
|
35
|
+
), m = l(
|
|
36
36
|
() => (e.loading || e.disabled) && v.value === "button"
|
|
37
|
-
), C = l(() =>
|
|
37
|
+
), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
|
|
38
38
|
return (o, U) => (n(), a(r(v.value), {
|
|
39
|
-
disabled:
|
|
39
|
+
disabled: m.value || void 0,
|
|
40
40
|
class: s(["m-btn", [
|
|
41
41
|
`--${o.size}`,
|
|
42
42
|
`--rounded-${o.roundedSize}`,
|
|
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
|
|
|
48
48
|
"--no-underline": o.noUnderline,
|
|
49
49
|
"--fab": o.fab,
|
|
50
50
|
"--loading": o.loading,
|
|
51
|
-
"--disabled":
|
|
51
|
+
"--disabled": m.value,
|
|
52
52
|
"--icon": M.value,
|
|
53
53
|
"--rounded": o.rounded,
|
|
54
54
|
"--no-rounded": o.noRounded,
|
|
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
|
|
|
59
59
|
type: T.value
|
|
60
60
|
}, {
|
|
61
61
|
default: D(() => [
|
|
62
|
-
|
|
62
|
+
b.value ? (n(), u(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
65
|
key: 0,
|
|
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
|
|
|
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-f89548fd"]]);
|
|
149
149
|
export {
|
|
150
150
|
V as default
|
|
151
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 "./MazDialog-DfykSNZV.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -9,7 +9,7 @@ const P = /* @__PURE__ */ E({
|
|
|
9
9
|
color: { default: "primary" },
|
|
10
10
|
type: { default: "button" },
|
|
11
11
|
rounded: { type: Boolean },
|
|
12
|
-
roundedSize: { default:
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
13
|
noRounded: { type: Boolean },
|
|
14
14
|
outline: { type: Boolean },
|
|
15
15
|
pastel: { type: Boolean },
|
|
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const k = h(() => import("./MazSpinner-
|
|
29
|
+
const k = h(() => import("./MazSpinner-BrRExSkV.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
|
|
30
30
|
A(() => {
|
|
31
31
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
33
33
|
const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
34
|
() => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
|
|
35
|
-
),
|
|
35
|
+
), m = l(
|
|
36
36
|
() => (e.loading || e.disabled) && v.value === "button"
|
|
37
|
-
), C = l(() =>
|
|
37
|
+
), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
|
|
38
38
|
return (o, U) => (n(), a(r(v.value), {
|
|
39
|
-
disabled:
|
|
39
|
+
disabled: m.value || void 0,
|
|
40
40
|
class: s(["m-btn", [
|
|
41
41
|
`--${o.size}`,
|
|
42
42
|
`--rounded-${o.roundedSize}`,
|
|
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
|
|
|
48
48
|
"--no-underline": o.noUnderline,
|
|
49
49
|
"--fab": o.fab,
|
|
50
50
|
"--loading": o.loading,
|
|
51
|
-
"--disabled":
|
|
51
|
+
"--disabled": m.value,
|
|
52
52
|
"--icon": M.value,
|
|
53
53
|
"--rounded": o.rounded,
|
|
54
54
|
"--no-rounded": o.noRounded,
|
|
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
|
|
|
59
59
|
type: T.value
|
|
60
60
|
}, {
|
|
61
61
|
default: D(() => [
|
|
62
|
-
|
|
62
|
+
b.value ? (n(), u(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
65
|
key: 0,
|
|
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
|
|
|
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-f89548fd"]]);
|
|
149
149
|
export {
|
|
150
150
|
V as default
|
|
151
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 "./MazPicker-BVsSfMXU.mjs";
|
|
4
4
|
const P = /* @__PURE__ */ E({
|
|
5
5
|
__name: "MazBtn",
|
|
6
6
|
props: {
|
|
@@ -9,7 +9,7 @@ const P = /* @__PURE__ */ E({
|
|
|
9
9
|
color: { default: "primary" },
|
|
10
10
|
type: { default: "button" },
|
|
11
11
|
rounded: { type: Boolean },
|
|
12
|
-
roundedSize: { default:
|
|
12
|
+
roundedSize: { default: "lg" },
|
|
13
13
|
noRounded: { type: Boolean },
|
|
14
14
|
outline: { type: Boolean },
|
|
15
15
|
pastel: { type: Boolean },
|
|
@@ -26,17 +26,17 @@ const P = /* @__PURE__ */ E({
|
|
|
26
26
|
contentClass: { default: void 0 }
|
|
27
27
|
},
|
|
28
28
|
setup(g) {
|
|
29
|
-
const k = h(() => import("./MazSpinner-
|
|
29
|
+
const k = h(() => import("./MazSpinner-CTOH4qIV.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: z, to: B } = R(), p = w(), e = g;
|
|
30
30
|
A(() => {
|
|
31
31
|
e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
32
32
|
});
|
|
33
33
|
const v = l(() => z ? "a" : B ? "router-link" : "button"), I = l(
|
|
34
34
|
() => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
|
|
35
|
-
),
|
|
35
|
+
), m = l(
|
|
36
36
|
() => (e.loading || e.disabled) && v.value === "button"
|
|
37
|
-
), C = l(() =>
|
|
37
|
+
), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), S = l(() => e.fab && (e.icon || !!p.icon)), T = l(() => v.value === "button" ? e.type : void 0);
|
|
38
38
|
return (o, U) => (n(), a(r(v.value), {
|
|
39
|
-
disabled:
|
|
39
|
+
disabled: m.value || void 0,
|
|
40
40
|
class: s(["m-btn", [
|
|
41
41
|
`--${o.size}`,
|
|
42
42
|
`--rounded-${o.roundedSize}`,
|
|
@@ -48,7 +48,7 @@ const P = /* @__PURE__ */ E({
|
|
|
48
48
|
"--no-underline": o.noUnderline,
|
|
49
49
|
"--fab": o.fab,
|
|
50
50
|
"--loading": o.loading,
|
|
51
|
-
"--disabled":
|
|
51
|
+
"--disabled": m.value,
|
|
52
52
|
"--icon": M.value,
|
|
53
53
|
"--rounded": o.rounded,
|
|
54
54
|
"--no-rounded": o.noRounded,
|
|
@@ -59,7 +59,7 @@ const P = /* @__PURE__ */ E({
|
|
|
59
59
|
type: T.value
|
|
60
60
|
}, {
|
|
61
61
|
default: D(() => [
|
|
62
|
-
|
|
62
|
+
b.value ? (n(), u(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
65
|
key: 0,
|
|
@@ -145,7 +145,7 @@ const P = /* @__PURE__ */ E({
|
|
|
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-f89548fd"]]);
|
|
149
149
|
export {
|
|
150
150
|
V as default
|
|
151
151
|
};
|