maz-ui 3.43.1 → 3.43.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazAccordion.mjs +120 -114
- package/components/MazExpandAnimation.mjs +35 -29
- package/components/MazStepper.mjs +1 -1
- package/components/assets/MazAccordion.css +1 -1
- package/components/assets/MazExpandAnimation.css +1 -1
- package/components/chunks/MazExpandAnimation-Cin7sZ3I.mjs +58 -0
- package/components/chunks/{MazStepper-BSuXKQQi.mjs → MazStepper-DDofJsdg.mjs} +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +2 -3
- package/components/chunks/MazExpandAnimation-DztjSdH0.mjs +0 -52
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './assets/MazAccordion.css';
|
|
2
|
-
import { defineComponent as k, mergeModels as B, useCssVars as
|
|
3
|
-
const
|
|
2
|
+
import { defineComponent as k, mergeModels as B, useCssVars as V, useModel as I, ref as f, onMounted as O, onUnmounted as x, openBlock as p, createElementBlock as $, normalizeClass as _, createElementVNode as u, createCommentVNode as A, renderSlot as b, computed as g, normalizeStyle as w, withDirectives as E, vShow as z, getCurrentInstance as L, useSlots as N, Fragment as D, renderList as F, createBlock as R, withCtx as M, unref as C, createVNode as S } from "vue";
|
|
3
|
+
const j = ["aria-hidden"], T = /* @__PURE__ */ k({
|
|
4
4
|
__name: "MazExpandAnimation",
|
|
5
5
|
props: /* @__PURE__ */ B({
|
|
6
6
|
duration: { default: "300ms" },
|
|
@@ -10,47 +10,53 @@ const T = ["aria-hidden"], U = /* @__PURE__ */ k({
|
|
|
10
10
|
modelModifiers: {}
|
|
11
11
|
}),
|
|
12
12
|
emits: ["update:modelValue"],
|
|
13
|
-
setup(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
13
|
+
setup(r) {
|
|
14
|
+
V((a) => ({
|
|
15
|
+
"5d8624e7": a.duration,
|
|
16
|
+
"484ea956": a.timingFunction
|
|
17
17
|
}));
|
|
18
|
-
const r =
|
|
19
|
-
function
|
|
20
|
-
|
|
18
|
+
const o = I(r, "modelValue"), t = f(!o.value), l = f();
|
|
19
|
+
function i() {
|
|
20
|
+
o.value || (t.value = !0);
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
function m() {
|
|
23
|
+
o.value && (t.value = !1);
|
|
24
|
+
}
|
|
25
|
+
return O(() => {
|
|
26
|
+
var a, s;
|
|
27
|
+
(a = l.value) == null || a.addEventListener("transitionstart", i, !1), (s = l.value) == null || s.addEventListener("transitionend", m, !1);
|
|
28
|
+
}), x(() => {
|
|
29
|
+
var a, s;
|
|
30
|
+
(a = l.value) == null || a.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", m, !1);
|
|
31
|
+
}), (a, s) => (p(), $("div", {
|
|
32
|
+
ref_key: "expandAnimationRef",
|
|
33
|
+
ref: l,
|
|
34
|
+
class: _(["m-expand-animation", { "m-expand-animation--expanded": o.value }]),
|
|
35
|
+
"aria-hidden": !o.value,
|
|
30
36
|
role: "region"
|
|
31
37
|
}, [
|
|
32
|
-
|
|
38
|
+
u(
|
|
33
39
|
"div",
|
|
34
40
|
{
|
|
35
41
|
class: _(["m-expand-animation__inner", {
|
|
36
|
-
"--overflow-hidden":
|
|
42
|
+
"--overflow-hidden": t.value
|
|
37
43
|
}])
|
|
38
44
|
},
|
|
39
45
|
[
|
|
40
|
-
|
|
41
|
-
|
|
46
|
+
A(" @slot Default Slot - Display content "),
|
|
47
|
+
b(a.$slots, "default", {}, void 0, !0)
|
|
42
48
|
],
|
|
43
49
|
2
|
|
44
50
|
/* CLASS */
|
|
45
51
|
)
|
|
46
|
-
], 10,
|
|
52
|
+
], 10, j));
|
|
47
53
|
}
|
|
48
|
-
}),
|
|
49
|
-
const
|
|
50
|
-
for (const [
|
|
51
|
-
|
|
52
|
-
return
|
|
53
|
-
},
|
|
54
|
+
}), y = (r, o) => {
|
|
55
|
+
const t = r.__vccOpts || r;
|
|
56
|
+
for (const [l, i] of o)
|
|
57
|
+
t[l] = i;
|
|
58
|
+
return t;
|
|
59
|
+
}, U = /* @__PURE__ */ y(T, [["__scopeId", "data-v-7ecf7bef"]]), q = { class: "inner" }, H = /* @__PURE__ */ k({
|
|
54
60
|
__name: "MazCardSpotlight",
|
|
55
61
|
props: {
|
|
56
62
|
color: { default: "primary" },
|
|
@@ -60,21 +66,21 @@ const T = ["aria-hidden"], U = /* @__PURE__ */ k({
|
|
|
60
66
|
contentStyle: { default: void 0 },
|
|
61
67
|
innerOpacity: { default: 0.95 }
|
|
62
68
|
},
|
|
63
|
-
setup(
|
|
64
|
-
|
|
65
|
-
"474a7292":
|
|
66
|
-
f69a3cbc:
|
|
69
|
+
setup(r) {
|
|
70
|
+
V((d) => ({
|
|
71
|
+
"474a7292": d.innerOpacity,
|
|
72
|
+
f69a3cbc: a.value
|
|
67
73
|
}));
|
|
68
|
-
const
|
|
69
|
-
function
|
|
70
|
-
var
|
|
71
|
-
|
|
72
|
-
const
|
|
73
|
-
|
|
74
|
+
const o = r, t = f(), l = f(), i = f(!1);
|
|
75
|
+
function m({ clientX: d, clientY: c }) {
|
|
76
|
+
var e, h, n;
|
|
77
|
+
i.value = !0;
|
|
78
|
+
const v = (e = l.value) == null ? void 0 : e.getBoundingClientRect();
|
|
79
|
+
v && ((n = (h = t.value) == null ? void 0 : h.animate) == null || n.call(
|
|
74
80
|
h,
|
|
75
81
|
[
|
|
76
82
|
{
|
|
77
|
-
transform: `translate(${
|
|
83
|
+
transform: `translate(${d - v.left - v.width / 2}px,${c - v.top - v.height / 2}px)`
|
|
78
84
|
}
|
|
79
85
|
],
|
|
80
86
|
{
|
|
@@ -83,70 +89,70 @@ const T = ["aria-hidden"], U = /* @__PURE__ */ k({
|
|
|
83
89
|
}
|
|
84
90
|
));
|
|
85
91
|
}
|
|
86
|
-
const
|
|
87
|
-
return
|
|
88
|
-
window.addEventListener("mousemove",
|
|
89
|
-
}),
|
|
90
|
-
window.removeEventListener("mousemove",
|
|
91
|
-
}), (
|
|
92
|
+
const a = g(() => `var(--maz-color-${o.color}-alpha)`), s = g(() => `var(--maz-color-${o.color}-alpha-20)`);
|
|
93
|
+
return O(() => {
|
|
94
|
+
window.addEventListener("mousemove", m);
|
|
95
|
+
}), x(() => {
|
|
96
|
+
window.removeEventListener("mousemove", m);
|
|
97
|
+
}), (d, c) => (p(), $(
|
|
92
98
|
"div",
|
|
93
99
|
{
|
|
94
|
-
class: _(["m-card-spotlight", { "maz-elevation": !
|
|
95
|
-
style:
|
|
100
|
+
class: _(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
|
|
101
|
+
style: w({ backgroundColor: s.value })
|
|
96
102
|
},
|
|
97
103
|
[
|
|
98
|
-
|
|
99
|
-
|
|
104
|
+
u("div", q, [
|
|
105
|
+
u(
|
|
100
106
|
"div",
|
|
101
107
|
{
|
|
102
|
-
class: _(["content", [{ "maz-p-4":
|
|
108
|
+
class: _(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
|
|
103
109
|
},
|
|
104
110
|
[
|
|
105
|
-
|
|
111
|
+
b(d.$slots, "default", {}, void 0, !0)
|
|
106
112
|
],
|
|
107
113
|
2
|
|
108
114
|
/* CLASS */
|
|
109
115
|
)
|
|
110
116
|
]),
|
|
111
|
-
|
|
117
|
+
E(u(
|
|
112
118
|
"div",
|
|
113
119
|
{
|
|
114
120
|
ref_key: "blobElement",
|
|
115
|
-
ref:
|
|
121
|
+
ref: t,
|
|
116
122
|
class: "blob",
|
|
117
|
-
style:
|
|
123
|
+
style: w({ backgroundColor: a.value })
|
|
118
124
|
},
|
|
119
125
|
null,
|
|
120
126
|
4
|
|
121
127
|
/* STYLE */
|
|
122
128
|
), [
|
|
123
|
-
[
|
|
129
|
+
[z, i.value]
|
|
124
130
|
]),
|
|
125
|
-
|
|
131
|
+
E(u(
|
|
126
132
|
"div",
|
|
127
133
|
{
|
|
128
134
|
ref_key: "fakeblobElement",
|
|
129
|
-
ref:
|
|
135
|
+
ref: l,
|
|
130
136
|
class: "fakeblob"
|
|
131
137
|
},
|
|
132
138
|
null,
|
|
133
139
|
512
|
|
134
140
|
/* NEED_PATCH */
|
|
135
141
|
), [
|
|
136
|
-
[
|
|
142
|
+
[z, i.value]
|
|
137
143
|
])
|
|
138
144
|
],
|
|
139
145
|
6
|
|
140
146
|
/* CLASS, STYLE */
|
|
141
147
|
));
|
|
142
148
|
}
|
|
143
|
-
}),
|
|
149
|
+
}), P = /* @__PURE__ */ y(H, [["__scopeId", "data-v-14299ed5"]]), W = {
|
|
144
150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
145
151
|
width: "1em",
|
|
146
152
|
height: "1em",
|
|
147
153
|
fill: "none",
|
|
148
154
|
viewBox: "0 0 24 24"
|
|
149
|
-
},
|
|
155
|
+
}, G = /* @__PURE__ */ u(
|
|
150
156
|
"path",
|
|
151
157
|
{
|
|
152
158
|
stroke: "currentColor",
|
|
@@ -158,24 +164,24 @@ const T = ["aria-hidden"], U = /* @__PURE__ */ k({
|
|
|
158
164
|
null,
|
|
159
165
|
-1
|
|
160
166
|
/* HOISTED */
|
|
161
|
-
),
|
|
162
|
-
|
|
167
|
+
), J = [
|
|
168
|
+
G
|
|
163
169
|
];
|
|
164
|
-
function
|
|
165
|
-
return p(),
|
|
170
|
+
function K(r, o) {
|
|
171
|
+
return p(), $("svg", W, [...J]);
|
|
166
172
|
}
|
|
167
|
-
const
|
|
168
|
-
function
|
|
169
|
-
componentName:
|
|
170
|
-
providedId:
|
|
173
|
+
const Q = { render: K };
|
|
174
|
+
function X({
|
|
175
|
+
componentName: r,
|
|
176
|
+
providedId: o
|
|
171
177
|
}) {
|
|
172
|
-
const
|
|
173
|
-
return
|
|
178
|
+
const t = L();
|
|
179
|
+
return g(() => o ?? `${r}-${t == null ? void 0 : t.uid}`);
|
|
174
180
|
}
|
|
175
|
-
const
|
|
181
|
+
const Y = {
|
|
176
182
|
class: "m-accordion",
|
|
177
183
|
role: "presentation"
|
|
178
|
-
},
|
|
184
|
+
}, Z = ["id", "aria-controls", "aria-expanded", "onClick"], ee = /* @__PURE__ */ k({
|
|
179
185
|
__name: "MazAccordion",
|
|
180
186
|
props: {
|
|
181
187
|
id: { default: void 0 },
|
|
@@ -183,68 +189,68 @@ const Z = {
|
|
|
183
189
|
contentClass: { default: void 0 }
|
|
184
190
|
},
|
|
185
191
|
emits: ["update:model-value"],
|
|
186
|
-
setup(
|
|
187
|
-
const
|
|
192
|
+
setup(r, { emit: o }) {
|
|
193
|
+
const t = r, l = o, i = X({
|
|
188
194
|
componentName: "MazAccordion",
|
|
189
|
-
providedId:
|
|
190
|
-
}),
|
|
191
|
-
() => Object.keys(
|
|
192
|
-
),
|
|
193
|
-
get: () =>
|
|
194
|
-
set: (
|
|
195
|
-
|
|
195
|
+
providedId: t.id
|
|
196
|
+
}), m = N(), a = g(
|
|
197
|
+
() => Object.keys(m).filter((e) => e.startsWith("title-")).length
|
|
198
|
+
), s = f(t.modelValue), d = g({
|
|
199
|
+
get: () => t.modelValue || s.value,
|
|
200
|
+
set: (e) => {
|
|
201
|
+
s.value = e, l("update:model-value", e);
|
|
196
202
|
}
|
|
197
203
|
});
|
|
198
|
-
function
|
|
199
|
-
return
|
|
204
|
+
function c(e) {
|
|
205
|
+
return d.value === e;
|
|
200
206
|
}
|
|
201
|
-
function
|
|
202
|
-
|
|
207
|
+
function v(e) {
|
|
208
|
+
d.value === e ? (s.value = 0, l("update:model-value", 0)) : (s.value = e, l("update:model-value", e));
|
|
203
209
|
}
|
|
204
|
-
return (
|
|
205
|
-
(p(!0),
|
|
206
|
-
|
|
210
|
+
return (e, h) => (p(), $("div", Y, [
|
|
211
|
+
(p(!0), $(
|
|
212
|
+
D,
|
|
207
213
|
null,
|
|
208
|
-
|
|
209
|
-
|
|
214
|
+
F(a.value, (n) => (p(), R(
|
|
215
|
+
P,
|
|
210
216
|
{
|
|
211
|
-
key:
|
|
217
|
+
key: n,
|
|
212
218
|
class: "m-accordion__spotlight",
|
|
213
219
|
padding: !1
|
|
214
220
|
},
|
|
215
221
|
{
|
|
216
|
-
default:
|
|
217
|
-
|
|
218
|
-
id: `step-${
|
|
222
|
+
default: M(() => [
|
|
223
|
+
u("button", {
|
|
224
|
+
id: `step-${n}-${C(i)}`,
|
|
219
225
|
class: "m-accordion__header",
|
|
220
|
-
"aria-controls": `step-${
|
|
221
|
-
"aria-expanded":
|
|
222
|
-
onClick: (
|
|
226
|
+
"aria-controls": `step-${n}-${C(i)}`,
|
|
227
|
+
"aria-expanded": c(n),
|
|
228
|
+
onClick: (te) => v(n)
|
|
223
229
|
}, [
|
|
224
|
-
|
|
225
|
-
isOpen:
|
|
230
|
+
b(e.$slots, `title-${n}`, {
|
|
231
|
+
isOpen: c(n)
|
|
226
232
|
}, void 0, !0),
|
|
227
|
-
|
|
228
|
-
class: _(["header-icon", { "--rotate":
|
|
233
|
+
S(C(Q), {
|
|
234
|
+
class: _(["header-icon", { "--rotate": c(n) }])
|
|
229
235
|
}, null, 8, ["class"])
|
|
230
|
-
], 8,
|
|
231
|
-
|
|
236
|
+
], 8, Z),
|
|
237
|
+
S(U, {
|
|
232
238
|
"animation-duration": "300ms",
|
|
233
|
-
"model-value":
|
|
234
|
-
"aria-labelledby": `step-${
|
|
239
|
+
"model-value": c(n),
|
|
240
|
+
"aria-labelledby": `step-${n}-${C(i)}`
|
|
235
241
|
}, {
|
|
236
|
-
default:
|
|
237
|
-
|
|
242
|
+
default: M(() => [
|
|
243
|
+
u(
|
|
238
244
|
"div",
|
|
239
245
|
{
|
|
240
|
-
class: _(["m-accordion__content",
|
|
246
|
+
class: _(["m-accordion__content", e.contentClass])
|
|
241
247
|
},
|
|
242
248
|
[
|
|
243
|
-
|
|
244
|
-
isOpen:
|
|
249
|
+
b(e.$slots, "content", {
|
|
250
|
+
isOpen: c(n)
|
|
245
251
|
}, void 0, !0),
|
|
246
|
-
|
|
247
|
-
isOpen:
|
|
252
|
+
b(e.$slots, `content-${n}`, {
|
|
253
|
+
isOpen: c(n)
|
|
248
254
|
}, void 0, !0)
|
|
249
255
|
],
|
|
250
256
|
2
|
|
@@ -266,7 +272,7 @@ const Z = {
|
|
|
266
272
|
))
|
|
267
273
|
]));
|
|
268
274
|
}
|
|
269
|
-
}),
|
|
275
|
+
}), oe = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-ea40b2e8"]]);
|
|
270
276
|
export {
|
|
271
|
-
|
|
277
|
+
oe as default
|
|
272
278
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './assets/MazExpandAnimation.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
const V = ["aria-hidden"],
|
|
2
|
+
import { defineComponent as u, mergeModels as m, useCssVars as f, useModel as c, ref as r, onMounted as v, onUnmounted as p, openBlock as _, createElementBlock as x, normalizeClass as l, createElementVNode as E, createCommentVNode as h, renderSlot as M } from "vue";
|
|
3
|
+
const V = ["aria-hidden"], g = /* @__PURE__ */ u({
|
|
4
4
|
__name: "MazExpandAnimation",
|
|
5
|
-
props: /* @__PURE__ */
|
|
5
|
+
props: /* @__PURE__ */ m({
|
|
6
6
|
duration: { default: "300ms" },
|
|
7
7
|
timingFunction: { default: "ease-in-out" }
|
|
8
8
|
}, {
|
|
@@ -10,47 +10,53 @@ const V = ["aria-hidden"], M = /* @__PURE__ */ r({
|
|
|
10
10
|
modelModifiers: {}
|
|
11
11
|
}),
|
|
12
12
|
emits: ["update:modelValue"],
|
|
13
|
-
setup(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
13
|
+
setup(i) {
|
|
14
|
+
f((e) => ({
|
|
15
|
+
"5d8624e7": e.duration,
|
|
16
|
+
"484ea956": e.timingFunction
|
|
17
17
|
}));
|
|
18
|
-
const
|
|
19
|
-
function
|
|
20
|
-
|
|
18
|
+
const n = c(i, "modelValue"), a = r(!n.value), t = r();
|
|
19
|
+
function s() {
|
|
20
|
+
n.value || (a.value = !0);
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
function d() {
|
|
23
|
+
n.value && (a.value = !1);
|
|
24
|
+
}
|
|
25
|
+
return v(() => {
|
|
26
|
+
var e, o;
|
|
27
|
+
(e = t.value) == null || e.addEventListener("transitionstart", s, !1), (o = t.value) == null || o.addEventListener("transitionend", d, !1);
|
|
28
|
+
}), p(() => {
|
|
29
|
+
var e, o;
|
|
30
|
+
(e = t.value) == null || e.removeEventListener("transitionstart", s, !1), (o = t.value) == null || o.removeEventListener("transitionend", d, !1);
|
|
31
|
+
}), (e, o) => (_(), x("div", {
|
|
32
|
+
ref_key: "expandAnimationRef",
|
|
33
|
+
ref: t,
|
|
34
|
+
class: l(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
|
|
35
|
+
"aria-hidden": !n.value,
|
|
30
36
|
role: "region"
|
|
31
37
|
}, [
|
|
32
|
-
|
|
38
|
+
E(
|
|
33
39
|
"div",
|
|
34
40
|
{
|
|
35
41
|
class: l(["m-expand-animation__inner", {
|
|
36
|
-
"--overflow-hidden":
|
|
42
|
+
"--overflow-hidden": a.value
|
|
37
43
|
}])
|
|
38
44
|
},
|
|
39
45
|
[
|
|
40
|
-
|
|
41
|
-
|
|
46
|
+
h(" @slot Default Slot - Display content "),
|
|
47
|
+
M(e.$slots, "default", {}, void 0, !0)
|
|
42
48
|
],
|
|
43
49
|
2
|
|
44
50
|
/* CLASS */
|
|
45
51
|
)
|
|
46
52
|
], 10, V));
|
|
47
53
|
}
|
|
48
|
-
}),
|
|
49
|
-
const
|
|
50
|
-
for (const [
|
|
51
|
-
|
|
52
|
-
return
|
|
53
|
-
},
|
|
54
|
+
}), k = (i, n) => {
|
|
55
|
+
const a = i.__vccOpts || i;
|
|
56
|
+
for (const [t, s] of n)
|
|
57
|
+
a[t] = s;
|
|
58
|
+
return a;
|
|
59
|
+
}, A = /* @__PURE__ */ k(g, [["__scopeId", "data-v-7ecf7bef"]]);
|
|
54
60
|
export {
|
|
55
|
-
|
|
61
|
+
A as default
|
|
56
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-expand-animation[data-v-
|
|
1
|
+
.m-expand-animation[data-v-7ecf7bef]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--5d8624e7) var(--484ea956);transition:grid-template-rows var(--5d8624e7) var(--484ea956);transition:grid-template-rows var(--5d8624e7) var(--484ea956),-ms-grid-rows var(--5d8624e7) var(--484ea956)}.m-expand-animation__inner.--overflow-hidden[data-v-7ecf7bef]{overflow:hidden}.m-expand-animation--expanded[data-v-7ecf7bef]{grid-template-rows:1fr}.m-card-spotlight[data-v-14299ed5]{position:relative;display:inline-block;overflow:hidden;border-radius:var(--maz-border-radius);padding:var(--maz-border-width)}.m-card-spotlight .inner[data-v-14299ed5]{position:relative;height:100%;width:100%;overflow:hidden;border-radius:var(--maz-border-radius)}.m-card-spotlight .inner[data-v-14299ed5]:before{content:"";position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;background-color:var(--maz-color-bg);opacity:var(--474a7292)}.m-card-spotlight .content[data-v-14299ed5]{position:relative;z-index:2;height:100%;width:100%}.m-card-spotlight .blob[data-v-14299ed5]{position:absolute;left:0;top:0;z-index:0;height:16rem;width:16rem;border-radius:9999px;--tw-blur: blur(40px);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);background-color:var(--f69a3cbc)}.m-card-spotlight .fakeblob[data-v-14299ed5]{display:hidden;position:absolute;z-index:-1;top:0;left:0;width:200px;height:200px;height:13rem;width:13rem;border-radius:9999px}.m-accordion[data-v-ea40b2e8]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;vertical-align:top}.m-accordion__spotlight[data-v-ea40b2e8]{width:100%}.m-accordion__header[data-v-ea40b2e8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;padding:1rem;text-align:left;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon[data-v-ea40b2e8]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-accordion__header .header-icon.--rotate[data-v-ea40b2e8]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.m-accordion__content[data-v-ea40b2e8]{padding:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-expand-animation[data-v-
|
|
1
|
+
.m-expand-animation[data-v-7ecf7bef]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--5d8624e7) var(--484ea956);transition:grid-template-rows var(--5d8624e7) var(--484ea956);transition:grid-template-rows var(--5d8624e7) var(--484ea956),-ms-grid-rows var(--5d8624e7) var(--484ea956)}.m-expand-animation__inner.--overflow-hidden[data-v-7ecf7bef]{overflow:hidden}.m-expand-animation--expanded[data-v-7ecf7bef]{grid-template-rows:1fr}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import '../assets/MazExpandAnimation.css';
|
|
2
|
+
import { defineComponent as u, mergeModels as m, useCssVars as f, useModel as v, ref as d, onMounted as c, onUnmounted as p, openBlock as _, createElementBlock as x, normalizeClass as r, createElementVNode as E, createCommentVNode as h, renderSlot as M } from "vue";
|
|
3
|
+
import { _ as V } from "./MazStepper-DDofJsdg.mjs";
|
|
4
|
+
const g = ["aria-hidden"], A = /* @__PURE__ */ u({
|
|
5
|
+
__name: "MazExpandAnimation",
|
|
6
|
+
props: /* @__PURE__ */ m({
|
|
7
|
+
duration: { default: "300ms" },
|
|
8
|
+
timingFunction: { default: "ease-in-out" }
|
|
9
|
+
}, {
|
|
10
|
+
modelValue: { type: Boolean },
|
|
11
|
+
modelModifiers: {}
|
|
12
|
+
}),
|
|
13
|
+
emits: ["update:modelValue"],
|
|
14
|
+
setup(l) {
|
|
15
|
+
f((e) => ({
|
|
16
|
+
"5d8624e7": e.duration,
|
|
17
|
+
"484ea956": e.timingFunction
|
|
18
|
+
}));
|
|
19
|
+
const a = v(l, "modelValue"), o = d(!a.value), t = d();
|
|
20
|
+
function i() {
|
|
21
|
+
a.value || (o.value = !0);
|
|
22
|
+
}
|
|
23
|
+
function s() {
|
|
24
|
+
a.value && (o.value = !1);
|
|
25
|
+
}
|
|
26
|
+
return c(() => {
|
|
27
|
+
var e, n;
|
|
28
|
+
(e = t.value) == null || e.addEventListener("transitionstart", i, !1), (n = t.value) == null || n.addEventListener("transitionend", s, !1);
|
|
29
|
+
}), p(() => {
|
|
30
|
+
var e, n;
|
|
31
|
+
(e = t.value) == null || e.removeEventListener("transitionstart", i, !1), (n = t.value) == null || n.removeEventListener("transitionend", s, !1);
|
|
32
|
+
}), (e, n) => (_(), x("div", {
|
|
33
|
+
ref_key: "expandAnimationRef",
|
|
34
|
+
ref: t,
|
|
35
|
+
class: r(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
|
|
36
|
+
"aria-hidden": !a.value,
|
|
37
|
+
role: "region"
|
|
38
|
+
}, [
|
|
39
|
+
E(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
class: r(["m-expand-animation__inner", {
|
|
43
|
+
"--overflow-hidden": o.value
|
|
44
|
+
}])
|
|
45
|
+
},
|
|
46
|
+
[
|
|
47
|
+
h(" @slot Default Slot - Display content "),
|
|
48
|
+
M(e.$slots, "default", {}, void 0, !0)
|
|
49
|
+
],
|
|
50
|
+
2
|
|
51
|
+
/* CLASS */
|
|
52
|
+
)
|
|
53
|
+
], 10, g));
|
|
54
|
+
}
|
|
55
|
+
}), k = /* @__PURE__ */ V(A, [["__scopeId", "data-v-7ecf7bef"]]);
|
|
56
|
+
export {
|
|
57
|
+
k as default
|
|
58
|
+
};
|
|
@@ -25,7 +25,7 @@ const ee = { class: "m-stepper" }, te = ["id", "disabled", "onClick"], oe = { cl
|
|
|
25
25
|
"48abb4c8": R.value,
|
|
26
26
|
"30b55634": q.value
|
|
27
27
|
}));
|
|
28
|
-
const b = v(() => import("./MazIcon-Cxrv3_OK.mjs")), k = v(() => import("./MazExpandAnimation-
|
|
28
|
+
const b = v(() => import("./MazIcon-Cxrv3_OK.mjs")), k = v(() => import("./MazExpandAnimation-Cin7sZ3I.mjs")), I = v(() => import("./check-circle-CtCMBYyp.mjs")), T = v(
|
|
29
29
|
() => import("./exclamation-circle-DzBJ8vGa.mjs")
|
|
30
30
|
), j = v(() => import("./exclamation-triangle-BfZLmRbP.mjs")), n = f, L = C, R = h(() => `var(--maz-color-${n.color})`), q = h(() => `var(--maz-color-${n.color}-contrast)`), E = Q(), S = h(
|
|
31
31
|
() => Object.keys(E).filter((t) => t.startsWith("content-")).length
|
package/nuxt/index.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
|
-
"version": "3.43.
|
|
3
|
+
"version": "3.43.2",
|
|
4
4
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
5
5
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
6
6
|
"main": "./modules/index.cjs",
|
|
@@ -98,8 +98,7 @@
|
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
100
|
"dependencies": {
|
|
101
|
-
"@mazui/cli": "latest"
|
|
102
|
-
"eslint": "^8"
|
|
101
|
+
"@mazui/cli": "latest"
|
|
103
102
|
},
|
|
104
103
|
"devDependencies": {
|
|
105
104
|
"@babel/core": "^7.24.5",
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import '../assets/MazExpandAnimation.css';
|
|
2
|
-
import { defineComponent as d, mergeModels as r, useCssVars as u, useModel as m, ref as c, computed as p, watch as f, openBlock as v, createElementBlock as _, normalizeClass as t, createElementVNode as h, createCommentVNode as x, renderSlot as N } from "vue";
|
|
3
|
-
import { _ as V } from "./MazStepper-BSuXKQQi.mjs";
|
|
4
|
-
const M = ["aria-hidden"], b = /* @__PURE__ */ d({
|
|
5
|
-
__name: "MazExpandAnimation",
|
|
6
|
-
props: /* @__PURE__ */ r({
|
|
7
|
-
duration: { default: "300ms" },
|
|
8
|
-
timingFunction: { default: "ease-in-out" }
|
|
9
|
-
}, {
|
|
10
|
-
modelValue: { type: Boolean },
|
|
11
|
-
modelModifiers: {}
|
|
12
|
-
}),
|
|
13
|
-
emits: ["update:modelValue"],
|
|
14
|
-
setup(n) {
|
|
15
|
-
u((e) => ({
|
|
16
|
-
a2fb7d7e: e.duration,
|
|
17
|
-
"47409c2f": e.timingFunction
|
|
18
|
-
}));
|
|
19
|
-
const s = n;
|
|
20
|
-
function i(e) {
|
|
21
|
-
return e = e.trim(), e.endsWith("ms") ? Number.parseFloat(e) : e.endsWith("s") ? Number.parseFloat(e) * 1e3 : Number.NaN;
|
|
22
|
-
}
|
|
23
|
-
const a = m(n, "modelValue"), o = c(!a.value), l = p(() => i(s.duration) + 300);
|
|
24
|
-
return f(a, (e) => {
|
|
25
|
-
e === !0 ? setTimeout(() => {
|
|
26
|
-
o.value = !1;
|
|
27
|
-
}, l.value) : o.value = !0;
|
|
28
|
-
}), (e, C) => (v(), _("div", {
|
|
29
|
-
class: t(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
|
|
30
|
-
"aria-hidden": !a.value,
|
|
31
|
-
role: "region"
|
|
32
|
-
}, [
|
|
33
|
-
h(
|
|
34
|
-
"div",
|
|
35
|
-
{
|
|
36
|
-
class: t(["m-expand-animation__inner", {
|
|
37
|
-
"--overflow-hidden": o.value
|
|
38
|
-
}])
|
|
39
|
-
},
|
|
40
|
-
[
|
|
41
|
-
x(" @slot Default Slot - Display content "),
|
|
42
|
-
N(e.$slots, "default", {}, void 0, !0)
|
|
43
|
-
],
|
|
44
|
-
2
|
|
45
|
-
/* CLASS */
|
|
46
|
-
)
|
|
47
|
-
], 10, M));
|
|
48
|
-
}
|
|
49
|
-
}), w = /* @__PURE__ */ V(b, [["__scopeId", "data-v-78566380"]]);
|
|
50
|
-
export {
|
|
51
|
-
w as default
|
|
52
|
-
};
|