maz-ui 3.42.6 → 3.42.7
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.d.ts +4 -0
- package/components/MazAccordion.mjs +58 -48
- package/components/MazAnimatedCounter.d.ts +2 -0
- package/components/MazBackdrop.d.ts +2 -10
- package/components/MazDialog.d.ts +7 -10
- package/components/MazDialog.mjs +1 -1
- package/components/MazDialogPromise.d.ts +5 -5
- package/components/MazDialogPromise.mjs +1 -1
- package/components/MazDropdown.d.ts +6 -0
- package/components/MazInput.d.ts +65 -60
- 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/CountrySelector.vue.d.ts +1 -1
- package/components/MazPhoneNumberInput/PhoneInput.vue.d.ts +75 -106
- package/components/MazPhoneNumberInput.mjs +1 -1
- package/components/MazPicker.mjs +1 -1
- package/components/MazSelect.d.ts +36 -31
- package/components/MazSelect.mjs +1 -1
- package/components/MazTable.mjs +1 -1
- package/components/assets/MazAccordion.css +1 -1
- package/components/assets/MazDialog.css +1 -1
- package/components/assets/MazDialogPromise.css +1 -1
- package/components/assets/MazInput.css +1 -1
- package/components/assets/MazInputNumber.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/MazSelect.css +1 -1
- package/components/assets/MazTable.css +1 -1
- package/components/chunks/{MazBtn-BTIlYXZl.mjs → MazBtn-BqgdERYQ.mjs} +2 -2
- package/components/chunks/{MazBtn-CPyDRy19.mjs → MazBtn-CCNGs6oo.mjs} +2 -2
- package/components/chunks/{MazBtn-BbunQMhu.mjs → MazBtn-CFwe--oV.mjs} +2 -2
- package/components/chunks/{MazBtn-CdqN_U1h.mjs → MazBtn-CskTEW7p.mjs} +2 -2
- package/components/chunks/{MazBtn-DWDitOvL.mjs → MazBtn-D19cu8iQ.mjs} +2 -2
- package/components/chunks/{MazBtn-XNokMFS0.mjs → MazBtn-DFepaNgX.mjs} +2 -2
- package/components/chunks/{MazBtn-Ng8Jql0R.mjs → MazBtn-DpkJQ_3W.mjs} +2 -2
- package/components/chunks/{MazCheckbox-D3U36eTT.mjs → MazCheckbox-BmPd9Bqa.mjs} +1 -1
- package/components/chunks/{MazCheckbox-C9DZh45E.mjs → MazCheckbox-DsFbvpp4.mjs} +1 -1
- package/components/chunks/{MazDialog-DtgVsM_L.mjs → MazDialog-DnuYjFID.mjs} +54 -53
- package/components/chunks/{MazDialogPromise-Di9CHpyx.mjs → MazDialogPromise-O08DTLFF.mjs} +63 -61
- package/components/chunks/{MazIcon-BA2y8PmT.mjs → MazIcon-DL8XAldH.mjs} +1 -1
- package/components/chunks/{MazIcon-BwZ-6esu.mjs → MazIcon-DtG5ii8R.mjs} +1 -1
- package/components/chunks/{MazInput-BZBaDBjc.mjs → MazInput-DNwBL54e.mjs} +2 -2
- package/components/chunks/{MazInputNumber-DsSRD1TO.mjs → MazInputNumber-BSdVF8-q.mjs} +2 -2
- package/components/chunks/{MazInputPrice-BjI2ZK_A.mjs → MazInputPrice-osrAz4xd.mjs} +2 -2
- package/components/chunks/{MazInputTags-CUV1HRPI.mjs → MazInputTags-XUWwx6p8.mjs} +183 -158
- package/components/chunks/{MazPagination-CfLOeWuj.mjs → MazPagination-DUiHgLAp.mjs} +9 -3
- package/components/chunks/{MazPhoneNumberInput-Do7eBrsW.mjs → MazPhoneNumberInput-1tGT28Sa.mjs} +3 -3
- package/components/chunks/{MazPicker-_ndeWiCy.mjs → MazPicker-B_li7SJl.mjs} +3 -3
- package/components/chunks/{MazPickerCalendar-BXadlngJ.mjs → MazPickerCalendar-8JrKObSI.mjs} +3 -3
- package/components/chunks/{MazPickerHeader-BpNxHXI2.mjs → MazPickerHeader-B3eJ_Hky.mjs} +1 -1
- package/components/chunks/{MazPickerMonthSwitcher-BzEZ5x7j.mjs → MazPickerMonthSwitcher-C5T7upUc.mjs} +2 -2
- package/components/chunks/{MazPickerShortcuts-BreMu-Sy.mjs → MazPickerShortcuts-Bi5-NnBb.mjs} +2 -2
- package/components/chunks/{MazPickerTime-Cc2hHJlp.mjs → MazPickerTime-ClsxIHSp.mjs} +2 -2
- package/components/chunks/{MazPickerYearSwitcher-B2Dk5iso.mjs → MazPickerYearSwitcher-OSWJPpew.mjs} +3 -3
- package/components/chunks/{MazSelect-IcA8KPK1.mjs → MazSelect-DDKbowf3.mjs} +3 -3
- package/components/chunks/{MazSpinner-R5iReGX0.mjs → MazSpinner-BPHSBs5f.mjs} +1 -1
- package/components/chunks/{MazSpinner-8VnYwZdB.mjs → MazSpinner-BXxULdoD.mjs} +1 -1
- package/components/chunks/{MazSpinner-9loORg9v.mjs → MazSpinner-BjIFFTYY.mjs} +1 -1
- package/components/chunks/{MazSpinner-BlVXxP73.mjs → MazSpinner-C1lg-Klx.mjs} +1 -1
- package/components/chunks/MazSpinner-C6mdfPCe.mjs +38 -0
- package/components/chunks/{MazSpinner-BxYAlebs.mjs → MazSpinner-CA38Ikqe.mjs} +1 -1
- package/components/chunks/{MazSpinner-DkuF2nMN.mjs → MazSpinner-CAHOYqvB.mjs} +1 -1
- package/components/chunks/{MazSpinner-CTm1URNC.mjs → MazSpinner-COOp2WX8.mjs} +1 -1
- package/components/chunks/MazSpinner-D-ONjGGv.mjs +38 -0
- package/components/chunks/MazSpinner-DHk4jTrl.mjs +38 -0
- package/components/chunks/{MazSpinner-DibP0zFm.mjs → MazSpinner-s_0BLDqW.mjs} +1 -1
- package/components/chunks/{MazTable-DcaChPaN.mjs → MazTable-B9JiJ2B2.mjs} +3 -3
- package/css/main.css +1 -1
- package/nuxt/index.json +5 -1
- package/nuxt/runtime/plugins/aos.d.ts +5 -1
- package/nuxt/runtime/plugins/maz-icon-path.d.ts +5 -1
- package/nuxt/runtime/plugins/toaster.d.ts +5 -1
- package/nuxt/runtime/plugins/v-click-outside.d.ts +1 -1
- package/nuxt/runtime/plugins/v-fullscreen-img.d.ts +1 -1
- package/nuxt/runtime/plugins/v-lazy-img.d.ts +1 -1
- package/nuxt/runtime/plugins/v-tooltip.d.ts +1 -1
- package/nuxt/runtime/plugins/v-zoom-img.d.ts +1 -1
- package/nuxt/runtime/plugins/wait.d.ts +5 -1
- package/package.json +10 -10
- package/types/components/MazAccordion.vue.d.ts +4 -0
- package/types/components/MazAnimatedCounter.vue.d.ts +2 -0
- package/types/components/MazBackdrop.vue.d.ts +2 -10
- package/types/components/MazDialog.vue.d.ts +7 -10
- package/types/components/MazDialogPromise.vue.d.ts +5 -5
- package/types/components/MazDropdown.vue.d.ts +6 -0
- package/types/components/MazInput.vue.d.ts +65 -60
- package/types/components/MazPhoneNumberInput/CountrySelector.vue.d.ts +1 -1
- package/types/components/MazPhoneNumberInput/PhoneInput.vue.d.ts +75 -106
- package/types/components/MazSelect.vue.d.ts +36 -31
- package/types/modules/directives/v-fullscreen-img/MazFullscreenImg.vue.d.ts +1 -0
- package/components/chunks/MazSpinner-ChIvhGwO.mjs +0 -38
- package/components/chunks/MazSpinner-DkLBbDGC.mjs +0 -38
- package/components/chunks/MazSpinner-bGMoZfcX.mjs +0 -38
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
export type Props = {
|
|
2
2
|
id?: string;
|
|
3
3
|
modelValue?: number;
|
|
4
|
+
contentClass?: unknown;
|
|
4
5
|
};
|
|
5
6
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
6
7
|
id: undefined;
|
|
7
8
|
modelValue: number;
|
|
9
|
+
contentClass: undefined;
|
|
8
10
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
11
|
"update:model-value": (...args: any[]) => void;
|
|
10
12
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
11
13
|
id: undefined;
|
|
12
14
|
modelValue: number;
|
|
15
|
+
contentClass: undefined;
|
|
13
16
|
}>>> & {
|
|
14
17
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
15
18
|
}, {
|
|
16
19
|
id: string;
|
|
20
|
+
contentClass: undefined;
|
|
17
21
|
modelValue: number;
|
|
18
22
|
}, {}>, Partial<Record<`title-${number}`, (_: {
|
|
19
23
|
isOpen: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './assets/MazAccordion.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
const j = /* @__PURE__ */
|
|
2
|
+
import { defineComponent as E, useCssVars as B, openBlock as h, createBlock as I, TransitionGroup as O, withCtx as C, renderSlot as f, nextTick as z, ref as y, computed as _, onMounted as V, onUnmounted as A, createElementBlock as b, normalizeClass as $, normalizeStyle as M, createElementVNode as u, withDirectives as k, vShow as w, getCurrentInstance as L, useSlots as T, Fragment as D, renderList as N, unref as g, createVNode as x } from "vue";
|
|
3
|
+
const j = /* @__PURE__ */ E({
|
|
4
4
|
__name: "MazTransitionExpand",
|
|
5
5
|
props: {
|
|
6
6
|
animationDuration: { default: "300ms" }
|
|
@@ -13,18 +13,18 @@ const j = /* @__PURE__ */ z({
|
|
|
13
13
|
const a = getComputedStyle(t).width;
|
|
14
14
|
t.style.width = a, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
|
|
15
15
|
const s = getComputedStyle(t).height;
|
|
16
|
-
t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height,
|
|
16
|
+
t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, z(() => {
|
|
17
17
|
t.style.height = s;
|
|
18
18
|
});
|
|
19
19
|
}, n = (t) => {
|
|
20
20
|
t.style.height = "auto";
|
|
21
21
|
}, d = (t) => {
|
|
22
22
|
const a = getComputedStyle(t).height;
|
|
23
|
-
t.style.height = a, getComputedStyle(t).height,
|
|
23
|
+
t.style.height = a, getComputedStyle(t).height, z(() => {
|
|
24
24
|
t.style.height = "0px";
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
|
-
return (t, a) => (
|
|
27
|
+
return (t, a) => (h(), I(O, {
|
|
28
28
|
class: "m-transition-expand",
|
|
29
29
|
name: "maz-expand",
|
|
30
30
|
tag: "div",
|
|
@@ -32,19 +32,19 @@ const j = /* @__PURE__ */ z({
|
|
|
32
32
|
onAfterEnter: a[1] || (a[1] = (s) => n(s)),
|
|
33
33
|
onLeave: a[2] || (a[2] = (s) => d(s))
|
|
34
34
|
}, {
|
|
35
|
-
default:
|
|
35
|
+
default: C(() => [
|
|
36
36
|
f(t.$slots, "default", {}, void 0, !0)
|
|
37
37
|
]),
|
|
38
38
|
_: 3
|
|
39
39
|
/* FORWARDED */
|
|
40
40
|
}));
|
|
41
41
|
}
|
|
42
|
-
}),
|
|
42
|
+
}), S = (r, l) => {
|
|
43
43
|
const n = r.__vccOpts || r;
|
|
44
44
|
for (const [d, t] of l)
|
|
45
45
|
n[d] = t;
|
|
46
46
|
return n;
|
|
47
|
-
}, U = /* @__PURE__ */
|
|
47
|
+
}, U = /* @__PURE__ */ S(j, [["__scopeId", "data-v-49c2af88"]]), q = { class: "inner" }, F = /* @__PURE__ */ E({
|
|
48
48
|
__name: "MazCardSpotlight",
|
|
49
49
|
props: {
|
|
50
50
|
color: { default: "primary" },
|
|
@@ -77,23 +77,23 @@ const j = /* @__PURE__ */ z({
|
|
|
77
77
|
}
|
|
78
78
|
));
|
|
79
79
|
}
|
|
80
|
-
const s =
|
|
80
|
+
const s = _(() => `var(--maz-color-${l.color}-alpha)`), v = _(() => `var(--maz-color-${l.color}-alpha-20)`);
|
|
81
81
|
return V(() => {
|
|
82
82
|
window.addEventListener("mousemove", a);
|
|
83
83
|
}), A(() => {
|
|
84
84
|
window.removeEventListener("mousemove", a);
|
|
85
|
-
}), (i, c) => (
|
|
85
|
+
}), (i, c) => (h(), b(
|
|
86
86
|
"div",
|
|
87
87
|
{
|
|
88
|
-
class:
|
|
89
|
-
style:
|
|
88
|
+
class: $(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
|
|
89
|
+
style: M({ backgroundColor: v.value })
|
|
90
90
|
},
|
|
91
91
|
[
|
|
92
92
|
u("div", q, [
|
|
93
93
|
u(
|
|
94
94
|
"div",
|
|
95
95
|
{
|
|
96
|
-
class:
|
|
96
|
+
class: $(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
|
|
97
97
|
},
|
|
98
98
|
[
|
|
99
99
|
f(i.$slots, "default", {}, void 0, !0)
|
|
@@ -108,7 +108,7 @@ const j = /* @__PURE__ */ z({
|
|
|
108
108
|
ref_key: "blobElement",
|
|
109
109
|
ref: n,
|
|
110
110
|
class: "blob",
|
|
111
|
-
style:
|
|
111
|
+
style: M({ backgroundColor: s.value })
|
|
112
112
|
},
|
|
113
113
|
null,
|
|
114
114
|
4
|
|
@@ -134,7 +134,7 @@ const j = /* @__PURE__ */ z({
|
|
|
134
134
|
/* CLASS, STYLE */
|
|
135
135
|
));
|
|
136
136
|
}
|
|
137
|
-
}), G = /* @__PURE__ */
|
|
137
|
+
}), G = /* @__PURE__ */ S(F, [["__scopeId", "data-v-14299ed5"]]), P = {
|
|
138
138
|
xmlns: "http://www.w3.org/2000/svg",
|
|
139
139
|
width: "1em",
|
|
140
140
|
height: "1em",
|
|
@@ -156,7 +156,7 @@ const j = /* @__PURE__ */ z({
|
|
|
156
156
|
R
|
|
157
157
|
];
|
|
158
158
|
function H(r, l) {
|
|
159
|
-
return
|
|
159
|
+
return h(), b("svg", P, [...W]);
|
|
160
160
|
}
|
|
161
161
|
const J = { render: H };
|
|
162
162
|
function K({
|
|
@@ -164,80 +164,90 @@ function K({
|
|
|
164
164
|
providedId: l
|
|
165
165
|
}) {
|
|
166
166
|
const n = L();
|
|
167
|
-
return
|
|
167
|
+
return _(() => l ?? `${r}-${n == null ? void 0 : n.uid}`);
|
|
168
168
|
}
|
|
169
169
|
const Q = {
|
|
170
170
|
class: "m-accordion",
|
|
171
171
|
role: "presentation"
|
|
172
|
-
}, X = ["aria-controls", "aria-expanded", "onClick"], Y = ["id", "aria-labelledby", "aria-hidden"], Z =
|
|
172
|
+
}, X = ["aria-controls", "aria-expanded", "onClick"], Y = ["id", "aria-labelledby", "aria-hidden"], Z = /* @__PURE__ */ E({
|
|
173
173
|
__name: "MazAccordion",
|
|
174
174
|
props: {
|
|
175
175
|
id: { default: void 0 },
|
|
176
|
-
modelValue: { default: 0 }
|
|
176
|
+
modelValue: { default: 0 },
|
|
177
|
+
contentClass: { default: void 0 }
|
|
177
178
|
},
|
|
178
179
|
emits: ["update:model-value"],
|
|
179
180
|
setup(r, { emit: l }) {
|
|
180
181
|
const n = r, d = l, t = K({
|
|
181
182
|
componentName: "MazAccordion",
|
|
182
183
|
providedId: n.id
|
|
183
|
-
}), a = T(), s =
|
|
184
|
+
}), a = T(), s = _(
|
|
184
185
|
() => Object.keys(a).filter((e) => e.startsWith("title-")).length
|
|
185
|
-
),
|
|
186
|
-
get: () => n.modelValue ||
|
|
186
|
+
), v = y(n.modelValue), i = _({
|
|
187
|
+
get: () => n.modelValue || v.value,
|
|
187
188
|
set: (e) => {
|
|
188
|
-
|
|
189
|
+
v.value = e, d("update:model-value", e);
|
|
189
190
|
}
|
|
190
191
|
});
|
|
191
192
|
function c(e) {
|
|
192
193
|
return i.value === e;
|
|
193
194
|
}
|
|
194
195
|
function p(e) {
|
|
195
|
-
i.value === e ? (
|
|
196
|
+
i.value === e ? (v.value = 0, d("update:model-value", 0)) : (v.value = e, d("update:model-value", e));
|
|
196
197
|
}
|
|
197
|
-
return (e, m) => (
|
|
198
|
-
(
|
|
198
|
+
return (e, m) => (h(), b("div", Q, [
|
|
199
|
+
(h(!0), b(
|
|
199
200
|
D,
|
|
200
201
|
null,
|
|
201
|
-
N(s.value, (o) => (
|
|
202
|
+
N(s.value, (o) => (h(), I(
|
|
202
203
|
G,
|
|
203
204
|
{
|
|
204
205
|
key: o,
|
|
205
|
-
class: "
|
|
206
|
+
class: "m-accordion__spotlight",
|
|
207
|
+
padding: !1
|
|
206
208
|
},
|
|
207
209
|
{
|
|
208
|
-
default:
|
|
210
|
+
default: C(() => [
|
|
209
211
|
u("button", {
|
|
210
|
-
class: "
|
|
211
|
-
"aria-controls": `step-${o}-${
|
|
212
|
+
class: "m-accordion__header",
|
|
213
|
+
"aria-controls": `step-${o}-${g(t)}`,
|
|
212
214
|
"aria-expanded": c(o),
|
|
213
|
-
onClick: (
|
|
215
|
+
onClick: (tt) => p(o)
|
|
214
216
|
}, [
|
|
215
217
|
f(e.$slots, `title-${o}`, {
|
|
216
218
|
isOpen: c(o)
|
|
217
219
|
}, void 0, !0),
|
|
218
|
-
|
|
219
|
-
class:
|
|
220
|
+
x(g(J), {
|
|
221
|
+
class: $(["header-icon", { "--rotate": c(o) }])
|
|
220
222
|
}, null, 8, ["class"])
|
|
221
223
|
], 8, X),
|
|
222
|
-
|
|
224
|
+
x(
|
|
223
225
|
U,
|
|
224
226
|
{ "animation-duration": "300ms" },
|
|
225
227
|
{
|
|
226
|
-
default:
|
|
228
|
+
default: C(() => [
|
|
227
229
|
k(u("div", {
|
|
228
|
-
id: `step-${o}-${
|
|
230
|
+
id: `step-${o}-${g(t)}`,
|
|
229
231
|
role: "region",
|
|
230
|
-
"aria-labelledby": `step-${o}-${
|
|
232
|
+
"aria-labelledby": `step-${o}-${g(t)}`,
|
|
231
233
|
"aria-hidden": !c(o)
|
|
232
234
|
}, [
|
|
233
|
-
u(
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
235
|
+
u(
|
|
236
|
+
"div",
|
|
237
|
+
{
|
|
238
|
+
class: $(["m-accordion__content", e.contentClass])
|
|
239
|
+
},
|
|
240
|
+
[
|
|
241
|
+
f(e.$slots, "content", {
|
|
242
|
+
isOpen: c(o)
|
|
243
|
+
}, void 0, !0),
|
|
244
|
+
f(e.$slots, `content-${o}`, {
|
|
245
|
+
isOpen: c(o)
|
|
246
|
+
}, void 0, !0)
|
|
247
|
+
],
|
|
248
|
+
2
|
|
249
|
+
/* CLASS */
|
|
250
|
+
)
|
|
241
251
|
], 8, Y), [
|
|
242
252
|
[w, c(o)]
|
|
243
253
|
])
|
|
@@ -260,7 +270,7 @@ const Q = {
|
|
|
260
270
|
))
|
|
261
271
|
]));
|
|
262
272
|
}
|
|
263
|
-
}),
|
|
273
|
+
}), ot = /* @__PURE__ */ S(Z, [["__scopeId", "data-v-86018e25"]]);
|
|
264
274
|
export {
|
|
265
|
-
|
|
275
|
+
ot as default
|
|
266
276
|
};
|
|
@@ -33,10 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
33
33
|
toggleModal: typeof toggleModal;
|
|
34
34
|
onKeyPress: typeof onKeyPress;
|
|
35
35
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
36
|
-
|
|
37
|
-
close: () => void;
|
|
38
|
-
"update:model-value": (value: boolean) => void;
|
|
39
|
-
"before-close": () => void;
|
|
36
|
+
[x: string]: (...args: unknown[]) => void;
|
|
40
37
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
41
38
|
modelValue: boolean;
|
|
42
39
|
teleportSelector: string;
|
|
@@ -46,12 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
46
43
|
transitionName: string;
|
|
47
44
|
backdropClass: undefined;
|
|
48
45
|
backdropContentClass: undefined;
|
|
49
|
-
}
|
|
50
|
-
onClose?: (() => any) | undefined;
|
|
51
|
-
"onBefore-close"?: (() => any) | undefined;
|
|
52
|
-
onOpen?: (() => any) | undefined;
|
|
53
|
-
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
54
|
-
}, {
|
|
46
|
+
}>>>, {
|
|
55
47
|
persistent: boolean;
|
|
56
48
|
transitionName: string;
|
|
57
49
|
modelValue: boolean;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import { type Props as MazBackdropProps } from './MazBackdrop.vue';
|
|
1
2
|
export type Props = {
|
|
3
|
+
/** @model Modal's model value */
|
|
4
|
+
modelValue: boolean;
|
|
2
5
|
/** Title of the modal in header */
|
|
3
6
|
title?: string;
|
|
4
7
|
/** Remove the close button in header */
|
|
@@ -14,7 +17,7 @@ export type Props = {
|
|
|
14
17
|
/** Persistent dialog (not closable by clicking outside and remove close button) */
|
|
15
18
|
persistent?: boolean;
|
|
16
19
|
};
|
|
17
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props & MazBackdropProps>, {
|
|
18
21
|
title: undefined;
|
|
19
22
|
noClose: boolean;
|
|
20
23
|
width: string;
|
|
@@ -23,10 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
26
|
scrollable: boolean;
|
|
24
27
|
persistent: boolean;
|
|
25
28
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"update:model-value": (...args: any[]) => void;
|
|
29
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
29
|
+
[x: string]: (...args: unknown[]) => void;
|
|
30
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props & MazBackdropProps>, {
|
|
30
31
|
title: undefined;
|
|
31
32
|
noClose: boolean;
|
|
32
33
|
width: string;
|
|
@@ -34,11 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
34
35
|
maxHeight: string;
|
|
35
36
|
scrollable: boolean;
|
|
36
37
|
persistent: boolean;
|
|
37
|
-
}
|
|
38
|
-
onClose?: ((...args: any[]) => any) | undefined;
|
|
39
|
-
onOpen?: ((...args: any[]) => any) | undefined;
|
|
40
|
-
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
41
|
-
}, {
|
|
38
|
+
}>>>, {
|
|
42
39
|
title: string;
|
|
43
40
|
width: string;
|
|
44
41
|
persistent: boolean;
|
package/components/MazDialog.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { type CustomDialogButton, type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
|
|
2
2
|
import { type Props as MazDialogProps } from './MazDialog.vue';
|
|
3
|
-
export { useMazDialogPromise, type DialogState, type DialogData, } from './MazDialogPromise/use-maz-dialog-promise';
|
|
4
|
-
export type { Color, Size } from './types';
|
|
5
3
|
export type Props = {
|
|
6
4
|
/** Dialog Data - type DialogData */
|
|
7
5
|
data?: DialogData;
|
|
@@ -9,11 +7,13 @@ export type Props = {
|
|
|
9
7
|
identifier: string;
|
|
10
8
|
/** Custom buttons - type DialogButton[] */
|
|
11
9
|
buttons?: CustomDialogButton[];
|
|
12
|
-
}
|
|
13
|
-
|
|
10
|
+
};
|
|
11
|
+
export { useMazDialogPromise, type DialogState, type DialogData, } from './MazDialogPromise/use-maz-dialog-promise';
|
|
12
|
+
export type { Color, Size } from './types';
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props & MazDialogProps>, {
|
|
14
14
|
data: undefined;
|
|
15
15
|
buttons: undefined;
|
|
16
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
16
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props & MazDialogProps>, {
|
|
17
17
|
data: undefined;
|
|
18
18
|
buttons: undefined;
|
|
19
19
|
}>>>, {
|
|
@@ -94,6 +94,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
94
94
|
"menuitem-label"?(_: {
|
|
95
95
|
item: MenuItem;
|
|
96
96
|
}): any;
|
|
97
|
+
"menuitem-label"?(_: {
|
|
98
|
+
item: MenuItem;
|
|
99
|
+
}): any;
|
|
100
|
+
"menuitem-label"?(_: {
|
|
101
|
+
item: MenuItem;
|
|
102
|
+
}): any;
|
|
97
103
|
}>;
|
|
98
104
|
export default _default;
|
|
99
105
|
type __VLS_WithDefaults<P, D> = {
|
package/components/MazInput.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes, type FunctionalComponent, type ComponentPublicInstance, type Component, type SVGAttributes } from 'vue';
|
|
2
|
-
import type { Color,
|
|
3
|
-
export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
|
|
2
|
+
import type { Color, Size, ModelValueSimple } from './types';
|
|
4
3
|
export type { Color, Size, ModelValueSimple } from './types';
|
|
4
|
+
export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
|
|
5
5
|
export type Props<T = ModelValueSimple> = {
|
|
6
6
|
/** The style of the component */
|
|
7
7
|
style?: HTMLAttributes['style'];
|
|
@@ -82,40 +82,42 @@ export type Props<T = ModelValueSimple> = {
|
|
|
82
82
|
block?: boolean;
|
|
83
83
|
};
|
|
84
84
|
declare const _default: <T extends ModelValueSimple>(__VLS_props: {
|
|
85
|
-
size?: Size | undefined;
|
|
86
|
-
label?: string | undefined;
|
|
87
|
-
error?: boolean | undefined;
|
|
88
|
-
name?: string | undefined;
|
|
89
|
-
id?: string | undefined;
|
|
90
|
-
success?: boolean | undefined;
|
|
91
|
-
warning?: boolean | undefined;
|
|
92
|
-
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
93
|
-
disabled?: boolean | undefined;
|
|
94
|
-
color?: Color | undefined;
|
|
95
85
|
onFocus?: ((event: Event) => any) | undefined;
|
|
96
86
|
onBlur?: ((event: Event) => any) | undefined;
|
|
97
87
|
onChange?: ((event: Event) => any) | undefined;
|
|
98
88
|
onClick?: ((event: Event) => any) | undefined;
|
|
99
|
-
required?: boolean | undefined;
|
|
100
|
-
readonly?: boolean | undefined;
|
|
101
|
-
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
102
|
-
block?: boolean | undefined;
|
|
103
|
-
leftIcon?: string | Icon | undefined;
|
|
104
|
-
rightIcon?: string | Icon | undefined;
|
|
105
|
-
modelValue?: T | undefined;
|
|
106
89
|
"onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
|
|
107
|
-
|
|
108
|
-
|
|
90
|
+
style?: import("vue").StyleValue;
|
|
91
|
+
class?: any;
|
|
92
|
+
modelValue?: T | undefined;
|
|
109
93
|
placeholder?: string | undefined;
|
|
94
|
+
label?: string | undefined;
|
|
95
|
+
name?: string | undefined;
|
|
96
|
+
color?: Color | undefined;
|
|
97
|
+
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
98
|
+
required?: boolean | undefined;
|
|
99
|
+
disabled?: boolean | undefined;
|
|
100
|
+
readonly?: boolean | undefined;
|
|
101
|
+
id?: string | undefined;
|
|
102
|
+
error?: boolean | undefined;
|
|
103
|
+
success?: boolean | undefined;
|
|
104
|
+
warning?: boolean | undefined;
|
|
110
105
|
hint?: string | undefined;
|
|
111
106
|
inputClasses?: string | undefined;
|
|
112
107
|
noBorder?: boolean | undefined;
|
|
108
|
+
noRadius?: boolean | undefined;
|
|
109
|
+
inputmode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
|
|
110
|
+
size?: Size | undefined;
|
|
113
111
|
debounce?: number | boolean | undefined;
|
|
114
112
|
debounceDelay?: number | undefined;
|
|
115
113
|
validButton?: boolean | undefined;
|
|
116
114
|
validButtonLoading?: boolean | undefined;
|
|
117
115
|
autoFocus?: boolean | undefined;
|
|
118
116
|
borderActive?: boolean | undefined;
|
|
117
|
+
leftIcon?: string | Icon | undefined;
|
|
118
|
+
rightIcon?: string | Icon | undefined;
|
|
119
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
120
|
+
block?: boolean | undefined;
|
|
119
121
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
120
122
|
attrs: any;
|
|
121
123
|
slots: {
|
|
@@ -126,40 +128,42 @@ declare const _default: <T extends ModelValueSimple>(__VLS_props: {
|
|
|
126
128
|
emit: ((evt: "click", event: Event) => void) & ((evt: "blur", event: Event) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: Event) => void) & ((evt: "update:model-value", value?: T | undefined) => void);
|
|
127
129
|
} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
128
130
|
props: {
|
|
129
|
-
size?: Size | undefined;
|
|
130
|
-
label?: string | undefined;
|
|
131
|
-
error?: boolean | undefined;
|
|
132
|
-
name?: string | undefined;
|
|
133
|
-
id?: string | undefined;
|
|
134
|
-
success?: boolean | undefined;
|
|
135
|
-
warning?: boolean | undefined;
|
|
136
|
-
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
137
|
-
disabled?: boolean | undefined;
|
|
138
|
-
color?: Color | undefined;
|
|
139
131
|
onFocus?: ((event: Event) => any) | undefined;
|
|
140
132
|
onBlur?: ((event: Event) => any) | undefined;
|
|
141
133
|
onChange?: ((event: Event) => any) | undefined;
|
|
142
134
|
onClick?: ((event: Event) => any) | undefined;
|
|
143
|
-
required?: boolean | undefined;
|
|
144
|
-
readonly?: boolean | undefined;
|
|
145
|
-
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
146
|
-
block?: boolean | undefined;
|
|
147
|
-
leftIcon?: string | Icon | undefined;
|
|
148
|
-
rightIcon?: string | Icon | undefined;
|
|
149
|
-
modelValue?: T | undefined;
|
|
150
135
|
"onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
|
|
151
|
-
|
|
152
|
-
|
|
136
|
+
style?: import("vue").StyleValue;
|
|
137
|
+
class?: any;
|
|
138
|
+
modelValue?: T | undefined;
|
|
153
139
|
placeholder?: string | undefined;
|
|
140
|
+
label?: string | undefined;
|
|
141
|
+
name?: string | undefined;
|
|
142
|
+
color?: Color | undefined;
|
|
143
|
+
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
144
|
+
required?: boolean | undefined;
|
|
145
|
+
disabled?: boolean | undefined;
|
|
146
|
+
readonly?: boolean | undefined;
|
|
147
|
+
id?: string | undefined;
|
|
148
|
+
error?: boolean | undefined;
|
|
149
|
+
success?: boolean | undefined;
|
|
150
|
+
warning?: boolean | undefined;
|
|
154
151
|
hint?: string | undefined;
|
|
155
152
|
inputClasses?: string | undefined;
|
|
156
153
|
noBorder?: boolean | undefined;
|
|
154
|
+
noRadius?: boolean | undefined;
|
|
155
|
+
inputmode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
|
|
156
|
+
size?: Size | undefined;
|
|
157
157
|
debounce?: number | boolean | undefined;
|
|
158
158
|
debounceDelay?: number | undefined;
|
|
159
159
|
validButton?: boolean | undefined;
|
|
160
160
|
validButtonLoading?: boolean | undefined;
|
|
161
161
|
autoFocus?: boolean | undefined;
|
|
162
162
|
borderActive?: boolean | undefined;
|
|
163
|
+
leftIcon?: string | Icon | undefined;
|
|
164
|
+
rightIcon?: string | Icon | undefined;
|
|
165
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
166
|
+
block?: boolean | undefined;
|
|
163
167
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
164
168
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
165
169
|
attrs: any;
|
|
@@ -174,40 +178,42 @@ declare const _default: <T extends ModelValueSimple>(__VLS_props: {
|
|
|
174
178
|
}> & {
|
|
175
179
|
__ctx?: {
|
|
176
180
|
props: {
|
|
177
|
-
size?: Size | undefined;
|
|
178
|
-
label?: string | undefined;
|
|
179
|
-
error?: boolean | undefined;
|
|
180
|
-
name?: string | undefined;
|
|
181
|
-
id?: string | undefined;
|
|
182
|
-
success?: boolean | undefined;
|
|
183
|
-
warning?: boolean | undefined;
|
|
184
|
-
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
185
|
-
disabled?: boolean | undefined;
|
|
186
|
-
color?: Color | undefined;
|
|
187
181
|
onFocus?: ((event: Event) => any) | undefined;
|
|
188
182
|
onBlur?: ((event: Event) => any) | undefined;
|
|
189
183
|
onChange?: ((event: Event) => any) | undefined;
|
|
190
184
|
onClick?: ((event: Event) => any) | undefined;
|
|
191
|
-
required?: boolean | undefined;
|
|
192
|
-
readonly?: boolean | undefined;
|
|
193
|
-
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
194
|
-
block?: boolean | undefined;
|
|
195
|
-
leftIcon?: string | Icon | undefined;
|
|
196
|
-
rightIcon?: string | Icon | undefined;
|
|
197
|
-
modelValue?: T | undefined;
|
|
198
185
|
"onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
|
|
199
|
-
|
|
200
|
-
|
|
186
|
+
style?: import("vue").StyleValue;
|
|
187
|
+
class?: any;
|
|
188
|
+
modelValue?: T | undefined;
|
|
201
189
|
placeholder?: string | undefined;
|
|
190
|
+
label?: string | undefined;
|
|
191
|
+
name?: string | undefined;
|
|
192
|
+
color?: Color | undefined;
|
|
193
|
+
type?: "number" | "search" | "time" | "text" | "date" | "email" | "month" | "password" | "tel" | "url" | "week" | undefined;
|
|
194
|
+
required?: boolean | undefined;
|
|
195
|
+
disabled?: boolean | undefined;
|
|
196
|
+
readonly?: boolean | undefined;
|
|
197
|
+
id?: string | undefined;
|
|
198
|
+
error?: boolean | undefined;
|
|
199
|
+
success?: boolean | undefined;
|
|
200
|
+
warning?: boolean | undefined;
|
|
202
201
|
hint?: string | undefined;
|
|
203
202
|
inputClasses?: string | undefined;
|
|
204
203
|
noBorder?: boolean | undefined;
|
|
204
|
+
noRadius?: boolean | undefined;
|
|
205
|
+
inputmode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
|
|
206
|
+
size?: Size | undefined;
|
|
205
207
|
debounce?: number | boolean | undefined;
|
|
206
208
|
debounceDelay?: number | undefined;
|
|
207
209
|
validButton?: boolean | undefined;
|
|
208
210
|
validButtonLoading?: boolean | undefined;
|
|
209
211
|
autoFocus?: boolean | undefined;
|
|
210
212
|
borderActive?: boolean | undefined;
|
|
213
|
+
leftIcon?: string | Icon | undefined;
|
|
214
|
+
rightIcon?: string | Icon | undefined;
|
|
215
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
|
|
216
|
+
block?: boolean | undefined;
|
|
211
217
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
212
218
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
213
219
|
attrs: any;
|
|
@@ -220,7 +226,6 @@ declare const _default: <T extends ModelValueSimple>(__VLS_props: {
|
|
|
220
226
|
} | undefined;
|
|
221
227
|
};
|
|
222
228
|
export default _default;
|
|
223
|
-
type __VLS_OmitKeepDiscriminatedUnion<T, K extends keyof any> = T extends any ? Pick<T, Exclude<keyof T, K>> : never;
|
|
224
229
|
type __VLS_Prettify<T> = {
|
|
225
230
|
[K in keyof T]: T[K];
|
|
226
231
|
} & {};
|
package/components/MazInput.mjs
CHANGED
|
@@ -99,8 +99,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
99
99
|
"onUpdate:model-value"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
|
|
100
100
|
}, {
|
|
101
101
|
style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
|
|
102
|
-
width: string;
|
|
103
102
|
class: any;
|
|
103
|
+
width: string;
|
|
104
104
|
modelValue: CountryCode;
|
|
105
105
|
listPosition: Position;
|
|
106
106
|
excludeSelectors: string[];
|