maz-ui 3.23.4 → 3.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazAvatar.mjs +1 -1
- package/components/MazBottomSheet.mjs +1 -1
- package/components/MazBtn.d.ts +3 -3
- package/components/MazBtn.mjs +1 -1
- package/components/MazCard.mjs +1 -1
- package/components/MazCarousel.mjs +1 -1
- package/components/MazCheckbox.mjs +9 -9
- package/components/MazDialog.mjs +1 -1
- package/components/MazDialogPromise.d.ts +6 -6
- package/components/MazDialogPromise.mjs +1 -1
- package/components/MazDrawer.mjs +1 -1
- package/components/MazDropdown.d.ts +4 -0
- 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.d.ts +1 -0
- package/components/MazInputTags.mjs +1 -1
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/MazPicker.mjs +1 -1
- package/components/MazRadioButtons.mjs +49 -38
- package/components/MazSelect.mjs +1 -1
- package/components/MazSlider.mjs +1 -1
- package/components/MazTabsBar.mjs +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/MazCheckbox.css +1 -1
- package/components/assets/MazDropdown.css +1 -1
- package/components/assets/MazInput.css +1 -1
- package/components/assets/MazInputPrice.css +1 -1
- package/components/assets/MazInputTags.css +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/assets/MazPicker.css +1 -1
- package/components/assets/MazPickerCalendar.css +1 -1
- package/components/assets/MazRadioButtons.css +1 -1
- package/components/assets/MazSelect.css +1 -1
- package/components/assets/MazSlider.css +1 -1
- package/components/chunks/{MazAvatar-1636f58b.mjs → MazAvatar-a0310614.mjs} +7 -7
- package/components/chunks/{MazBottomSheet-c24f92f8.mjs → MazBottomSheet-656778f3.mjs} +1 -1
- package/components/chunks/{MazBtn-2d1d1ba5.mjs → MazBtn-1abd74e1.mjs} +3 -3
- package/components/chunks/{MazBtn-683effc1.mjs → MazBtn-1b5325b4.mjs} +3 -3
- package/components/chunks/{MazBtn-5e426592.mjs → MazBtn-28eb4f51.mjs} +3 -3
- package/components/chunks/{MazBtn-1e61862b.mjs → MazBtn-4242d8bf.mjs} +3 -3
- package/components/chunks/MazBtn-54c46d7a.mjs +153 -0
- package/components/chunks/MazBtn-55bdce06.mjs +153 -0
- package/components/chunks/MazBtn-5b3c390b.mjs +153 -0
- package/components/chunks/{MazBtn-3d74f737.mjs → MazBtn-5c7f35e9.mjs} +3 -3
- package/components/chunks/{MazBtn-4a447126.mjs → MazBtn-6df3ecd9.mjs} +3 -3
- package/components/chunks/{MazBtn-7706b2da.mjs → MazBtn-7313b190.mjs} +9 -9
- package/components/chunks/{MazBtn-555928ed.mjs → MazBtn-8d15228e.mjs} +3 -3
- package/components/chunks/{MazBtn-6ce4cfd3.mjs → MazBtn-ab3967b5.mjs} +1 -1
- package/components/chunks/{MazBtn-124f3700.mjs → MazBtn-edeb8105.mjs} +3 -3
- package/components/chunks/MazBtn-fbc2b2c9.mjs +153 -0
- package/components/chunks/{MazCard-bcc36489.mjs → MazCard-cb88998a.mjs} +3 -3
- package/components/chunks/{MazCarousel-6da75122.mjs → MazCarousel-4a1f2f1b.mjs} +1 -1
- package/components/chunks/{MazCheckbox-3a2b48b4.mjs → MazCheckbox-0df95780.mjs} +6 -6
- package/components/chunks/{MazCheckbox-040dc2c4.mjs → MazCheckbox-4ccd0b53.mjs} +6 -6
- package/components/chunks/{MazDialog-44eda544.mjs → MazDialog-e80585a6.mjs} +1 -1
- package/components/chunks/{MazDialogPromise-eec5acde.mjs → MazDialogPromise-0769de39.mjs} +2 -2
- package/components/chunks/{MazDrawer-b628b37e.mjs → MazDrawer-ff505fb8.mjs} +1 -1
- package/components/chunks/MazDropdown-0dea4e44.mjs +352 -0
- package/components/chunks/{MazGallery-6b8ecedf.mjs → MazGallery-eb620533.mjs} +1 -1
- package/components/chunks/{MazIcon-95e31ff8.mjs → MazIcon-b0ad5b4c.mjs} +1 -1
- package/components/chunks/{MazInput-1ed4f946.mjs → MazInput-14d96bc3.mjs} +2 -2
- package/components/chunks/{MazInput-c51881ea.mjs → MazInput-a4884812.mjs} +2 -2
- package/components/chunks/{MazInput-8a217995.mjs → MazInput-d0d28579.mjs} +3 -3
- package/components/chunks/{MazInputPrice-cd348d46.mjs → MazInputPrice-a94b17c3.mjs} +2 -2
- package/components/chunks/MazInputTags-d8514b7b.mjs +595 -0
- package/components/chunks/{MazLazyImg-47d3449a.mjs → MazLazyImg-632c3f0c.mjs} +2 -2
- package/components/chunks/{MazPhoneNumberInput-e1bf46f9.mjs → MazPhoneNumberInput-b32334b7.mjs} +138 -135
- package/components/chunks/{MazPicker-e4620d8b.mjs → MazPicker-9b2f5212.mjs} +49 -49
- package/components/chunks/{MazPickerCalendar-da62262c.mjs → MazPickerCalendar-fd08a0bd.mjs} +7 -7
- package/components/chunks/{MazPickerHeader-a2e041eb.mjs → MazPickerHeader-b353cef2.mjs} +1 -1
- package/components/chunks/{MazPickerMonthSwitcher-5bf8bd08.mjs → MazPickerMonthSwitcher-ec404758.mjs} +2 -2
- package/components/chunks/{MazPickerShortcuts-7f95430e.mjs → MazPickerShortcuts-e9c8b46e.mjs} +2 -2
- package/components/chunks/{MazPickerTime-717402ae.mjs → MazPickerTime-a94a2ad1.mjs} +2 -2
- package/components/chunks/{MazPickerYearSwitcher-85f97b6d.mjs → MazPickerYearSwitcher-4ab742f7.mjs} +3 -3
- package/components/chunks/{MazSelect-6ff6bb96.mjs → MazSelect-a0d29d46.mjs} +3 -3
- package/components/chunks/{MazSpinner-51aa73ca.mjs → MazSpinner-05b867f0.mjs} +1 -1
- package/components/chunks/MazSpinner-151ca8af.mjs +39 -0
- package/components/chunks/{MazSpinner-059ee1d2.mjs → MazSpinner-37cda5f1.mjs} +1 -1
- package/components/chunks/{MazSpinner-6d1d24d5.mjs → MazSpinner-38548063.mjs} +1 -1
- package/components/chunks/MazSpinner-3b9cd6bd.mjs +39 -0
- package/components/chunks/MazSpinner-691d6fe4.mjs +39 -0
- package/components/chunks/MazSpinner-70afb16b.mjs +39 -0
- package/components/chunks/MazSpinner-8ecee924.mjs +39 -0
- package/components/chunks/MazSpinner-9fc0d858.mjs +39 -0
- package/components/chunks/{MazSpinner-13403729.mjs → MazSpinner-a936fb87.mjs} +1 -1
- package/components/chunks/MazSpinner-d37b29f0.mjs +39 -0
- package/components/chunks/{MazSpinner-054f948c.mjs → MazSpinner-ea39af30.mjs} +1 -1
- package/components/chunks/{MazSpinner-452a1534.mjs → MazSpinner-ef90ca5e.mjs} +1 -1
- package/components/chunks/{MazSpinner-4c02cfd2.mjs → MazSpinner-f54688d1.mjs} +1 -1
- package/components/chunks/MazSpinner-fa0d644a.mjs +39 -0
- package/components/chunks/{MazSpinner-d9ef329f.mjs → MazSpinner-fa796159.mjs} +1 -1
- package/components/chunks/{MazTabsBar-27965f16.mjs → MazTabsBar-3fc93e3c.mjs} +1 -1
- package/components/chunks/{MazTransitionExpand-cd24498f.mjs → MazTransitionExpand-9d45da0e.mjs} +1 -1
- package/css/main.css +1 -1
- package/modules/assets/MazBtn.css +1 -1
- package/modules/assets/index.css +1 -1
- package/modules/chunks/{MazBtn-760c3b29.mjs → MazBtn-6d482774.mjs} +3 -3
- package/modules/chunks/{MazBtn-2f302422.cjs → MazBtn-9e80b611.cjs} +1 -1
- package/modules/chunks/{MazIcon-599a907f.cjs → MazIcon-84d2e299.cjs} +1 -1
- package/modules/chunks/{MazIcon-0bd6b78e.mjs → MazIcon-c59e858b.mjs} +1 -1
- package/modules/chunks/{MazSpinner-6ffa8db1.cjs → MazSpinner-108d3dc0.cjs} +1 -1
- package/modules/chunks/{MazSpinner-03bd76bd.mjs → MazSpinner-dcb0164b.mjs} +1 -1
- package/modules/chunks/check-circle-59c383ed.mjs +30 -0
- package/modules/chunks/check-circle-8c27a70a.cjs +1 -0
- package/modules/chunks/exclamation-circle-a33311d2.cjs +1 -0
- package/modules/chunks/exclamation-circle-e2620aab.mjs +30 -0
- package/modules/chunks/exclamation-triangle-21bf116a.mjs +30 -0
- package/modules/chunks/exclamation-triangle-df9f85b0.cjs +1 -0
- package/modules/chunks/index-4ffeaf8e.cjs +124 -0
- package/modules/chunks/{index-6a90ef88.mjs → index-67003347.mjs} +598 -508
- package/modules/chunks/information-circle-9fe4430a.cjs +1 -0
- package/modules/chunks/information-circle-b8051b19.mjs +30 -0
- package/modules/index.cjs +1 -1
- package/modules/index.mjs +18 -17
- package/nuxt/index.d.mts +5 -0
- package/nuxt/index.d.ts +5 -0
- package/nuxt/index.json +1 -1
- package/nuxt/index.mjs +14 -0
- package/nuxt/runtime/plugins/maz-icon-path.mjs +2 -1
- package/package.json +4 -4
- package/tailwindcss/tailwind.config.ts +0 -1
- package/types/components/MazBtn.vue.d.ts +3 -3
- package/types/components/MazDialogPromise.vue.d.ts +6 -6
- package/types/components/MazDropdown.vue.d.ts +4 -0
- package/types/components/MazInputTags.vue.d.ts +1 -0
- package/types/modules/composables/index.d.ts +1 -0
- package/types/modules/composables/use-timer.d.ts +12 -0
- package/types/modules/plugins/aos/index.d.ts +12 -12
- package/types/modules/plugins/toaster/MazToast.vue.d.ts +6 -6
- package/types/modules/plugins/toaster/toaster-handler.d.ts +2 -1
- package/components/chunks/MazBtn-571454f6.mjs +0 -153
- package/components/chunks/MazBtn-6905cc39.mjs +0 -153
- package/components/chunks/MazBtn-74656d5b.mjs +0 -153
- package/components/chunks/MazBtn-a7a913dd.mjs +0 -153
- package/components/chunks/MazBtn-fb3c7af8.mjs +0 -153
- package/components/chunks/MazDropdown-6f2248b0.mjs +0 -345
- package/components/chunks/MazInputTags-aa95fae7.mjs +0 -446
- package/components/chunks/MazSpinner-6e7c4705.mjs +0 -39
- package/components/chunks/MazSpinner-7895f54f.mjs +0 -39
- package/components/chunks/MazSpinner-7eee202e.mjs +0 -39
- package/components/chunks/MazSpinner-805e14a6.mjs +0 -39
- package/components/chunks/MazSpinner-85080b43.mjs +0 -39
- package/components/chunks/MazSpinner-c67b05bb.mjs +0 -39
- package/components/chunks/MazSpinner-caa33afc.mjs +0 -39
- package/components/chunks/MazSpinner-cb8fbe9a.mjs +0 -39
- package/modules/chunks/index-794680d2.cjs +0 -124
- package/types/modules/plugins/toaster/timer.d.ts +0 -11
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import "../assets/MazBtn.css";
|
|
2
|
-
import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
|
|
3
|
-
import { _ as N } from "./MazDialog-44eda544.mjs";
|
|
4
|
-
const U = /* @__PURE__ */ M({
|
|
5
|
-
__name: "MazBtn",
|
|
6
|
-
props: {
|
|
7
|
-
variant: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: "button",
|
|
10
|
-
validator: (e) => ["button", "link"].includes(e)
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: "md",
|
|
15
|
-
validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
|
|
16
|
-
},
|
|
17
|
-
color: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: "primary"
|
|
20
|
-
},
|
|
21
|
-
type: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: "button",
|
|
24
|
-
validator: (e) => ["button", "submit", "reset"].includes(e)
|
|
25
|
-
},
|
|
26
|
-
rounded: { type: Boolean, default: !1 },
|
|
27
|
-
noRounded: { type: Boolean, default: !1 },
|
|
28
|
-
outline: { type: Boolean, default: !1 },
|
|
29
|
-
pastel: { type: Boolean, default: !1 },
|
|
30
|
-
block: { type: Boolean, default: !1 },
|
|
31
|
-
noUnderline: { type: Boolean, default: !1 },
|
|
32
|
-
noLeading: { type: Boolean, default: !1 },
|
|
33
|
-
loading: { type: Boolean, default: !1 },
|
|
34
|
-
disabled: { type: Boolean, default: !1 },
|
|
35
|
-
fab: { type: Boolean, default: !1 },
|
|
36
|
-
icon: { type: String, default: void 0 },
|
|
37
|
-
leftIcon: { type: String, default: void 0 },
|
|
38
|
-
rightIcon: { type: String, default: void 0 },
|
|
39
|
-
noPadding: { type: Boolean, default: !1 },
|
|
40
|
-
noElevation: { type: Boolean, default: !1 }
|
|
41
|
-
},
|
|
42
|
-
setup(e) {
|
|
43
|
-
const z = p(() => import("./MazSpinner-059ee1d2.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
|
|
44
|
-
P(() => {
|
|
45
|
-
n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
46
|
-
});
|
|
47
|
-
const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
|
|
48
|
-
() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
|
|
49
|
-
), v = t(
|
|
50
|
-
() => (n.loading || n.disabled) && f.value === "button"
|
|
51
|
-
), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
|
|
52
|
-
return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
|
|
53
|
-
disabled: v.value,
|
|
54
|
-
class: ["m-btn", [
|
|
55
|
-
`--${e.size}`,
|
|
56
|
-
k.value,
|
|
57
|
-
I.value,
|
|
58
|
-
x.value,
|
|
59
|
-
{
|
|
60
|
-
"--block": e.block,
|
|
61
|
-
"--no-underline": e.noUnderline,
|
|
62
|
-
"--no-leading": e.noLeading,
|
|
63
|
-
"--fab": e.fab,
|
|
64
|
-
"--loading": e.loading,
|
|
65
|
-
"--disabled": v.value,
|
|
66
|
-
"--icon": C.value,
|
|
67
|
-
"--rounded": e.rounded,
|
|
68
|
-
"--no-rounded": e.noRounded,
|
|
69
|
-
"--no-padding": e.noPadding,
|
|
70
|
-
"--no-elevation": e.noElevation
|
|
71
|
-
}
|
|
72
|
-
]],
|
|
73
|
-
type: $.value
|
|
74
|
-
}), {
|
|
75
|
-
default: A(() => [
|
|
76
|
-
y.value ? (o(), m(
|
|
77
|
-
"div",
|
|
78
|
-
{
|
|
79
|
-
key: 0,
|
|
80
|
-
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
81
|
-
},
|
|
82
|
-
[
|
|
83
|
-
r(i.$slots, "left-icon", {}, () => [
|
|
84
|
-
e.leftIcon ? (o(), u(d(c), {
|
|
85
|
-
key: 0,
|
|
86
|
-
name: e.leftIcon
|
|
87
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
88
|
-
], !0)
|
|
89
|
-
],
|
|
90
|
-
2
|
|
91
|
-
/* CLASS */
|
|
92
|
-
)) : a("v-if", !0),
|
|
93
|
-
S.value ? (o(), m(
|
|
94
|
-
"div",
|
|
95
|
-
{
|
|
96
|
-
key: 1,
|
|
97
|
-
class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
98
|
-
},
|
|
99
|
-
[
|
|
100
|
-
r(i.$slots, "icon", {}, () => [
|
|
101
|
-
e.icon ? (o(), u(d(c), {
|
|
102
|
-
key: 0,
|
|
103
|
-
name: e.icon
|
|
104
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
105
|
-
], !0)
|
|
106
|
-
],
|
|
107
|
-
2
|
|
108
|
-
/* CLASS */
|
|
109
|
-
)) : a("v-if", !0),
|
|
110
|
-
D(
|
|
111
|
-
"span",
|
|
112
|
-
{
|
|
113
|
-
class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
114
|
-
},
|
|
115
|
-
[
|
|
116
|
-
r(i.$slots, "default", {}, void 0, !0)
|
|
117
|
-
],
|
|
118
|
-
2
|
|
119
|
-
/* CLASS */
|
|
120
|
-
),
|
|
121
|
-
g.value ? (o(), m(
|
|
122
|
-
"div",
|
|
123
|
-
{
|
|
124
|
-
key: 2,
|
|
125
|
-
class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
126
|
-
},
|
|
127
|
-
[
|
|
128
|
-
r(i.$slots, "right-icon", {}, () => [
|
|
129
|
-
e.rightIcon ? (o(), u(d(c), {
|
|
130
|
-
key: 0,
|
|
131
|
-
name: e.rightIcon
|
|
132
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
133
|
-
], !0)
|
|
134
|
-
],
|
|
135
|
-
2
|
|
136
|
-
/* CLASS */
|
|
137
|
-
)) : a("v-if", !0),
|
|
138
|
-
l.value ? (o(), u(d(z), {
|
|
139
|
-
key: 3,
|
|
140
|
-
size: "2em",
|
|
141
|
-
color: e.color,
|
|
142
|
-
class: "maz-absolute"
|
|
143
|
-
}, null, 8, ["color"])) : a("v-if", !0)
|
|
144
|
-
]),
|
|
145
|
-
_: 3
|
|
146
|
-
/* FORWARDED */
|
|
147
|
-
}, 16, ["disabled", "class", "type"]));
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
|
|
151
|
-
export {
|
|
152
|
-
q as default
|
|
153
|
-
};
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import "../assets/MazBtn.css";
|
|
2
|
-
import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
|
|
3
|
-
import { _ as N } from "./MazSelect-6ff6bb96.mjs";
|
|
4
|
-
const U = /* @__PURE__ */ M({
|
|
5
|
-
__name: "MazBtn",
|
|
6
|
-
props: {
|
|
7
|
-
variant: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: "button",
|
|
10
|
-
validator: (e) => ["button", "link"].includes(e)
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: "md",
|
|
15
|
-
validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
|
|
16
|
-
},
|
|
17
|
-
color: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: "primary"
|
|
20
|
-
},
|
|
21
|
-
type: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: "button",
|
|
24
|
-
validator: (e) => ["button", "submit", "reset"].includes(e)
|
|
25
|
-
},
|
|
26
|
-
rounded: { type: Boolean, default: !1 },
|
|
27
|
-
noRounded: { type: Boolean, default: !1 },
|
|
28
|
-
outline: { type: Boolean, default: !1 },
|
|
29
|
-
pastel: { type: Boolean, default: !1 },
|
|
30
|
-
block: { type: Boolean, default: !1 },
|
|
31
|
-
noUnderline: { type: Boolean, default: !1 },
|
|
32
|
-
noLeading: { type: Boolean, default: !1 },
|
|
33
|
-
loading: { type: Boolean, default: !1 },
|
|
34
|
-
disabled: { type: Boolean, default: !1 },
|
|
35
|
-
fab: { type: Boolean, default: !1 },
|
|
36
|
-
icon: { type: String, default: void 0 },
|
|
37
|
-
leftIcon: { type: String, default: void 0 },
|
|
38
|
-
rightIcon: { type: String, default: void 0 },
|
|
39
|
-
noPadding: { type: Boolean, default: !1 },
|
|
40
|
-
noElevation: { type: Boolean, default: !1 }
|
|
41
|
-
},
|
|
42
|
-
setup(e) {
|
|
43
|
-
const z = p(() => import("./MazSpinner-805e14a6.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
|
|
44
|
-
P(() => {
|
|
45
|
-
n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
46
|
-
});
|
|
47
|
-
const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
|
|
48
|
-
() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
|
|
49
|
-
), v = t(
|
|
50
|
-
() => (n.loading || n.disabled) && f.value === "button"
|
|
51
|
-
), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
|
|
52
|
-
return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
|
|
53
|
-
disabled: v.value,
|
|
54
|
-
class: ["m-btn", [
|
|
55
|
-
`--${e.size}`,
|
|
56
|
-
k.value,
|
|
57
|
-
I.value,
|
|
58
|
-
x.value,
|
|
59
|
-
{
|
|
60
|
-
"--block": e.block,
|
|
61
|
-
"--no-underline": e.noUnderline,
|
|
62
|
-
"--no-leading": e.noLeading,
|
|
63
|
-
"--fab": e.fab,
|
|
64
|
-
"--loading": e.loading,
|
|
65
|
-
"--disabled": v.value,
|
|
66
|
-
"--icon": C.value,
|
|
67
|
-
"--rounded": e.rounded,
|
|
68
|
-
"--no-rounded": e.noRounded,
|
|
69
|
-
"--no-padding": e.noPadding,
|
|
70
|
-
"--no-elevation": e.noElevation
|
|
71
|
-
}
|
|
72
|
-
]],
|
|
73
|
-
type: $.value
|
|
74
|
-
}), {
|
|
75
|
-
default: A(() => [
|
|
76
|
-
y.value ? (o(), m(
|
|
77
|
-
"div",
|
|
78
|
-
{
|
|
79
|
-
key: 0,
|
|
80
|
-
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
81
|
-
},
|
|
82
|
-
[
|
|
83
|
-
r(i.$slots, "left-icon", {}, () => [
|
|
84
|
-
e.leftIcon ? (o(), u(d(c), {
|
|
85
|
-
key: 0,
|
|
86
|
-
name: e.leftIcon
|
|
87
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
88
|
-
], !0)
|
|
89
|
-
],
|
|
90
|
-
2
|
|
91
|
-
/* CLASS */
|
|
92
|
-
)) : a("v-if", !0),
|
|
93
|
-
S.value ? (o(), m(
|
|
94
|
-
"div",
|
|
95
|
-
{
|
|
96
|
-
key: 1,
|
|
97
|
-
class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
98
|
-
},
|
|
99
|
-
[
|
|
100
|
-
r(i.$slots, "icon", {}, () => [
|
|
101
|
-
e.icon ? (o(), u(d(c), {
|
|
102
|
-
key: 0,
|
|
103
|
-
name: e.icon
|
|
104
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
105
|
-
], !0)
|
|
106
|
-
],
|
|
107
|
-
2
|
|
108
|
-
/* CLASS */
|
|
109
|
-
)) : a("v-if", !0),
|
|
110
|
-
D(
|
|
111
|
-
"span",
|
|
112
|
-
{
|
|
113
|
-
class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
114
|
-
},
|
|
115
|
-
[
|
|
116
|
-
r(i.$slots, "default", {}, void 0, !0)
|
|
117
|
-
],
|
|
118
|
-
2
|
|
119
|
-
/* CLASS */
|
|
120
|
-
),
|
|
121
|
-
g.value ? (o(), m(
|
|
122
|
-
"div",
|
|
123
|
-
{
|
|
124
|
-
key: 2,
|
|
125
|
-
class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
126
|
-
},
|
|
127
|
-
[
|
|
128
|
-
r(i.$slots, "right-icon", {}, () => [
|
|
129
|
-
e.rightIcon ? (o(), u(d(c), {
|
|
130
|
-
key: 0,
|
|
131
|
-
name: e.rightIcon
|
|
132
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
133
|
-
], !0)
|
|
134
|
-
],
|
|
135
|
-
2
|
|
136
|
-
/* CLASS */
|
|
137
|
-
)) : a("v-if", !0),
|
|
138
|
-
l.value ? (o(), u(d(z), {
|
|
139
|
-
key: 3,
|
|
140
|
-
size: "2em",
|
|
141
|
-
color: e.color,
|
|
142
|
-
class: "maz-absolute"
|
|
143
|
-
}, null, 8, ["color"])) : a("v-if", !0)
|
|
144
|
-
]),
|
|
145
|
-
_: 3
|
|
146
|
-
/* FORWARDED */
|
|
147
|
-
}, 16, ["disabled", "class", "type"]));
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
|
|
151
|
-
export {
|
|
152
|
-
q as default
|
|
153
|
-
};
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import "../assets/MazBtn.css";
|
|
2
|
-
import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
|
|
3
|
-
import { _ as N } from "./MazTabsBar-27965f16.mjs";
|
|
4
|
-
const U = /* @__PURE__ */ M({
|
|
5
|
-
__name: "MazBtn",
|
|
6
|
-
props: {
|
|
7
|
-
variant: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: "button",
|
|
10
|
-
validator: (e) => ["button", "link"].includes(e)
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: "md",
|
|
15
|
-
validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
|
|
16
|
-
},
|
|
17
|
-
color: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: "primary"
|
|
20
|
-
},
|
|
21
|
-
type: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: "button",
|
|
24
|
-
validator: (e) => ["button", "submit", "reset"].includes(e)
|
|
25
|
-
},
|
|
26
|
-
rounded: { type: Boolean, default: !1 },
|
|
27
|
-
noRounded: { type: Boolean, default: !1 },
|
|
28
|
-
outline: { type: Boolean, default: !1 },
|
|
29
|
-
pastel: { type: Boolean, default: !1 },
|
|
30
|
-
block: { type: Boolean, default: !1 },
|
|
31
|
-
noUnderline: { type: Boolean, default: !1 },
|
|
32
|
-
noLeading: { type: Boolean, default: !1 },
|
|
33
|
-
loading: { type: Boolean, default: !1 },
|
|
34
|
-
disabled: { type: Boolean, default: !1 },
|
|
35
|
-
fab: { type: Boolean, default: !1 },
|
|
36
|
-
icon: { type: String, default: void 0 },
|
|
37
|
-
leftIcon: { type: String, default: void 0 },
|
|
38
|
-
rightIcon: { type: String, default: void 0 },
|
|
39
|
-
noPadding: { type: Boolean, default: !1 },
|
|
40
|
-
noElevation: { type: Boolean, default: !1 }
|
|
41
|
-
},
|
|
42
|
-
setup(e) {
|
|
43
|
-
const z = p(() => import("./MazSpinner-6e7c4705.mjs")), c = p(() => import("./MazIcon-95e31ff8.mjs")), { href: B, to: h } = E(), b = L(), n = e;
|
|
44
|
-
P(() => {
|
|
45
|
-
n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
46
|
-
});
|
|
47
|
-
const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
|
|
48
|
-
() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
|
|
49
|
-
), v = t(
|
|
50
|
-
() => (n.loading || n.disabled) && f.value === "button"
|
|
51
|
-
), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
|
|
52
|
-
return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
|
|
53
|
-
disabled: v.value,
|
|
54
|
-
class: ["m-btn", [
|
|
55
|
-
`--${e.size}`,
|
|
56
|
-
k.value,
|
|
57
|
-
I.value,
|
|
58
|
-
x.value,
|
|
59
|
-
{
|
|
60
|
-
"--block": e.block,
|
|
61
|
-
"--no-underline": e.noUnderline,
|
|
62
|
-
"--no-leading": e.noLeading,
|
|
63
|
-
"--fab": e.fab,
|
|
64
|
-
"--loading": e.loading,
|
|
65
|
-
"--disabled": v.value,
|
|
66
|
-
"--icon": C.value,
|
|
67
|
-
"--rounded": e.rounded,
|
|
68
|
-
"--no-rounded": e.noRounded,
|
|
69
|
-
"--no-padding": e.noPadding,
|
|
70
|
-
"--no-elevation": e.noElevation
|
|
71
|
-
}
|
|
72
|
-
]],
|
|
73
|
-
type: $.value
|
|
74
|
-
}), {
|
|
75
|
-
default: A(() => [
|
|
76
|
-
y.value ? (o(), m(
|
|
77
|
-
"div",
|
|
78
|
-
{
|
|
79
|
-
key: 0,
|
|
80
|
-
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
81
|
-
},
|
|
82
|
-
[
|
|
83
|
-
r(i.$slots, "left-icon", {}, () => [
|
|
84
|
-
e.leftIcon ? (o(), u(d(c), {
|
|
85
|
-
key: 0,
|
|
86
|
-
name: e.leftIcon
|
|
87
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
88
|
-
], !0)
|
|
89
|
-
],
|
|
90
|
-
2
|
|
91
|
-
/* CLASS */
|
|
92
|
-
)) : a("v-if", !0),
|
|
93
|
-
S.value ? (o(), m(
|
|
94
|
-
"div",
|
|
95
|
-
{
|
|
96
|
-
key: 1,
|
|
97
|
-
class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
98
|
-
},
|
|
99
|
-
[
|
|
100
|
-
r(i.$slots, "icon", {}, () => [
|
|
101
|
-
e.icon ? (o(), u(d(c), {
|
|
102
|
-
key: 0,
|
|
103
|
-
name: e.icon
|
|
104
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
105
|
-
], !0)
|
|
106
|
-
],
|
|
107
|
-
2
|
|
108
|
-
/* CLASS */
|
|
109
|
-
)) : a("v-if", !0),
|
|
110
|
-
D(
|
|
111
|
-
"span",
|
|
112
|
-
{
|
|
113
|
-
class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
114
|
-
},
|
|
115
|
-
[
|
|
116
|
-
r(i.$slots, "default", {}, void 0, !0)
|
|
117
|
-
],
|
|
118
|
-
2
|
|
119
|
-
/* CLASS */
|
|
120
|
-
),
|
|
121
|
-
g.value ? (o(), m(
|
|
122
|
-
"div",
|
|
123
|
-
{
|
|
124
|
-
key: 2,
|
|
125
|
-
class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
126
|
-
},
|
|
127
|
-
[
|
|
128
|
-
r(i.$slots, "right-icon", {}, () => [
|
|
129
|
-
e.rightIcon ? (o(), u(d(c), {
|
|
130
|
-
key: 0,
|
|
131
|
-
name: e.rightIcon
|
|
132
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
133
|
-
], !0)
|
|
134
|
-
],
|
|
135
|
-
2
|
|
136
|
-
/* CLASS */
|
|
137
|
-
)) : a("v-if", !0),
|
|
138
|
-
l.value ? (o(), u(d(z), {
|
|
139
|
-
key: 3,
|
|
140
|
-
size: "2em",
|
|
141
|
-
color: e.color,
|
|
142
|
-
class: "maz-absolute"
|
|
143
|
-
}, null, 8, ["color"])) : a("v-if", !0)
|
|
144
|
-
]),
|
|
145
|
-
_: 3
|
|
146
|
-
/* FORWARDED */
|
|
147
|
-
}, 16, ["disabled", "class", "type"]));
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
|
|
151
|
-
export {
|
|
152
|
-
q as default
|
|
153
|
-
};
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import "../assets/MazBtn.css";
|
|
2
|
-
import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
|
|
3
|
-
import { _ as N } from "./MazCarousel-6da75122.mjs";
|
|
4
|
-
const U = /* @__PURE__ */ M({
|
|
5
|
-
__name: "MazBtn",
|
|
6
|
-
props: {
|
|
7
|
-
variant: {
|
|
8
|
-
type: String,
|
|
9
|
-
default: "button",
|
|
10
|
-
validator: (e) => ["button", "link"].includes(e)
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: "md",
|
|
15
|
-
validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
|
|
16
|
-
},
|
|
17
|
-
color: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: "primary"
|
|
20
|
-
},
|
|
21
|
-
type: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: "button",
|
|
24
|
-
validator: (e) => ["button", "submit", "reset"].includes(e)
|
|
25
|
-
},
|
|
26
|
-
rounded: { type: Boolean, default: !1 },
|
|
27
|
-
noRounded: { type: Boolean, default: !1 },
|
|
28
|
-
outline: { type: Boolean, default: !1 },
|
|
29
|
-
pastel: { type: Boolean, default: !1 },
|
|
30
|
-
block: { type: Boolean, default: !1 },
|
|
31
|
-
noUnderline: { type: Boolean, default: !1 },
|
|
32
|
-
noLeading: { type: Boolean, default: !1 },
|
|
33
|
-
loading: { type: Boolean, default: !1 },
|
|
34
|
-
disabled: { type: Boolean, default: !1 },
|
|
35
|
-
fab: { type: Boolean, default: !1 },
|
|
36
|
-
icon: { type: String, default: void 0 },
|
|
37
|
-
leftIcon: { type: String, default: void 0 },
|
|
38
|
-
rightIcon: { type: String, default: void 0 },
|
|
39
|
-
noPadding: { type: Boolean, default: !1 },
|
|
40
|
-
noElevation: { type: Boolean, default: !1 }
|
|
41
|
-
},
|
|
42
|
-
setup(e) {
|
|
43
|
-
const z = p(() => import("./MazSpinner-452a1534.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
|
|
44
|
-
P(() => {
|
|
45
|
-
n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
46
|
-
});
|
|
47
|
-
const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
|
|
48
|
-
() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
|
|
49
|
-
), v = t(
|
|
50
|
-
() => (n.loading || n.disabled) && f.value === "button"
|
|
51
|
-
), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
|
|
52
|
-
return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
|
|
53
|
-
disabled: v.value,
|
|
54
|
-
class: ["m-btn", [
|
|
55
|
-
`--${e.size}`,
|
|
56
|
-
k.value,
|
|
57
|
-
I.value,
|
|
58
|
-
x.value,
|
|
59
|
-
{
|
|
60
|
-
"--block": e.block,
|
|
61
|
-
"--no-underline": e.noUnderline,
|
|
62
|
-
"--no-leading": e.noLeading,
|
|
63
|
-
"--fab": e.fab,
|
|
64
|
-
"--loading": e.loading,
|
|
65
|
-
"--disabled": v.value,
|
|
66
|
-
"--icon": C.value,
|
|
67
|
-
"--rounded": e.rounded,
|
|
68
|
-
"--no-rounded": e.noRounded,
|
|
69
|
-
"--no-padding": e.noPadding,
|
|
70
|
-
"--no-elevation": e.noElevation
|
|
71
|
-
}
|
|
72
|
-
]],
|
|
73
|
-
type: $.value
|
|
74
|
-
}), {
|
|
75
|
-
default: A(() => [
|
|
76
|
-
y.value ? (o(), m(
|
|
77
|
-
"div",
|
|
78
|
-
{
|
|
79
|
-
key: 0,
|
|
80
|
-
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
81
|
-
},
|
|
82
|
-
[
|
|
83
|
-
r(i.$slots, "left-icon", {}, () => [
|
|
84
|
-
e.leftIcon ? (o(), u(d(c), {
|
|
85
|
-
key: 0,
|
|
86
|
-
name: e.leftIcon
|
|
87
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
88
|
-
], !0)
|
|
89
|
-
],
|
|
90
|
-
2
|
|
91
|
-
/* CLASS */
|
|
92
|
-
)) : a("v-if", !0),
|
|
93
|
-
S.value ? (o(), m(
|
|
94
|
-
"div",
|
|
95
|
-
{
|
|
96
|
-
key: 1,
|
|
97
|
-
class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
98
|
-
},
|
|
99
|
-
[
|
|
100
|
-
r(i.$slots, "icon", {}, () => [
|
|
101
|
-
e.icon ? (o(), u(d(c), {
|
|
102
|
-
key: 0,
|
|
103
|
-
name: e.icon
|
|
104
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
105
|
-
], !0)
|
|
106
|
-
],
|
|
107
|
-
2
|
|
108
|
-
/* CLASS */
|
|
109
|
-
)) : a("v-if", !0),
|
|
110
|
-
D(
|
|
111
|
-
"span",
|
|
112
|
-
{
|
|
113
|
-
class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
114
|
-
},
|
|
115
|
-
[
|
|
116
|
-
r(i.$slots, "default", {}, void 0, !0)
|
|
117
|
-
],
|
|
118
|
-
2
|
|
119
|
-
/* CLASS */
|
|
120
|
-
),
|
|
121
|
-
g.value ? (o(), m(
|
|
122
|
-
"div",
|
|
123
|
-
{
|
|
124
|
-
key: 2,
|
|
125
|
-
class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
126
|
-
},
|
|
127
|
-
[
|
|
128
|
-
r(i.$slots, "right-icon", {}, () => [
|
|
129
|
-
e.rightIcon ? (o(), u(d(c), {
|
|
130
|
-
key: 0,
|
|
131
|
-
name: e.rightIcon
|
|
132
|
-
}, null, 8, ["name"])) : a("v-if", !0)
|
|
133
|
-
], !0)
|
|
134
|
-
],
|
|
135
|
-
2
|
|
136
|
-
/* CLASS */
|
|
137
|
-
)) : a("v-if", !0),
|
|
138
|
-
l.value ? (o(), u(d(z), {
|
|
139
|
-
key: 3,
|
|
140
|
-
size: "2em",
|
|
141
|
-
color: e.color,
|
|
142
|
-
class: "maz-absolute"
|
|
143
|
-
}, null, 8, ["color"])) : a("v-if", !0)
|
|
144
|
-
]),
|
|
145
|
-
_: 3
|
|
146
|
-
/* FORWARDED */
|
|
147
|
-
}, 16, ["disabled", "class", "type"]));
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
|
|
151
|
-
export {
|
|
152
|
-
q as default
|
|
153
|
-
};
|