maz-ui 3.43.0 → 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 +131 -107
- package/components/MazExpandAnimation.mjs +47 -23
- 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-CjA1Wau5.mjs → MazStepper-DDofJsdg.mjs} +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +2 -3
- package/components/chunks/MazExpandAnimation-BK8NZV2H.mjs +0 -34
|
@@ -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,29 +10,53 @@ const U = ["aria-hidden"], q = { class: "m-expand-animation__inner" }, P = /* @_
|
|
|
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
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
const o = I(r, "modelValue"), t = f(!o.value), l = f();
|
|
19
|
+
function i() {
|
|
20
|
+
o.value || (t.value = !0);
|
|
21
|
+
}
|
|
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,
|
|
22
36
|
role: "region"
|
|
23
37
|
}, [
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
38
|
+
u(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
class: _(["m-expand-animation__inner", {
|
|
42
|
+
"--overflow-hidden": t.value
|
|
43
|
+
}])
|
|
44
|
+
},
|
|
45
|
+
[
|
|
46
|
+
A(" @slot Default Slot - Display content "),
|
|
47
|
+
b(a.$slots, "default", {}, void 0, !0)
|
|
48
|
+
],
|
|
49
|
+
2
|
|
50
|
+
/* CLASS */
|
|
51
|
+
)
|
|
52
|
+
], 10, j));
|
|
29
53
|
}
|
|
30
|
-
}), y = (
|
|
31
|
-
const
|
|
32
|
-
for (const [
|
|
33
|
-
|
|
34
|
-
return
|
|
35
|
-
},
|
|
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({
|
|
36
60
|
__name: "MazCardSpotlight",
|
|
37
61
|
props: {
|
|
38
62
|
color: { default: "primary" },
|
|
@@ -42,21 +66,21 @@ const U = ["aria-hidden"], q = { class: "m-expand-animation__inner" }, P = /* @_
|
|
|
42
66
|
contentStyle: { default: void 0 },
|
|
43
67
|
innerOpacity: { default: 0.95 }
|
|
44
68
|
},
|
|
45
|
-
setup(
|
|
46
|
-
|
|
47
|
-
"474a7292":
|
|
48
|
-
f69a3cbc:
|
|
69
|
+
setup(r) {
|
|
70
|
+
V((d) => ({
|
|
71
|
+
"474a7292": d.innerOpacity,
|
|
72
|
+
f69a3cbc: a.value
|
|
49
73
|
}));
|
|
50
|
-
const
|
|
51
|
-
function
|
|
52
|
-
var
|
|
74
|
+
const o = r, t = f(), l = f(), i = f(!1);
|
|
75
|
+
function m({ clientX: d, clientY: c }) {
|
|
76
|
+
var e, h, n;
|
|
53
77
|
i.value = !0;
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
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(
|
|
80
|
+
h,
|
|
57
81
|
[
|
|
58
82
|
{
|
|
59
|
-
transform: `translate(${
|
|
83
|
+
transform: `translate(${d - v.left - v.width / 2}px,${c - v.top - v.height / 2}px)`
|
|
60
84
|
}
|
|
61
85
|
],
|
|
62
86
|
{
|
|
@@ -65,70 +89,70 @@ const U = ["aria-hidden"], q = { class: "m-expand-animation__inner" }, P = /* @_
|
|
|
65
89
|
}
|
|
66
90
|
));
|
|
67
91
|
}
|
|
68
|
-
const
|
|
69
|
-
return
|
|
70
|
-
window.addEventListener("mousemove",
|
|
71
|
-
}),
|
|
72
|
-
window.removeEventListener("mousemove",
|
|
73
|
-
}), (
|
|
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(), $(
|
|
74
98
|
"div",
|
|
75
99
|
{
|
|
76
|
-
class: _(["m-card-spotlight", { "maz-elevation": !
|
|
77
|
-
style: w({ backgroundColor:
|
|
100
|
+
class: _(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
|
|
101
|
+
style: w({ backgroundColor: s.value })
|
|
78
102
|
},
|
|
79
103
|
[
|
|
80
|
-
|
|
81
|
-
|
|
104
|
+
u("div", q, [
|
|
105
|
+
u(
|
|
82
106
|
"div",
|
|
83
107
|
{
|
|
84
|
-
class: _(["content", [{ "maz-p-4":
|
|
108
|
+
class: _(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
|
|
85
109
|
},
|
|
86
110
|
[
|
|
87
|
-
|
|
111
|
+
b(d.$slots, "default", {}, void 0, !0)
|
|
88
112
|
],
|
|
89
113
|
2
|
|
90
114
|
/* CLASS */
|
|
91
115
|
)
|
|
92
116
|
]),
|
|
93
|
-
|
|
117
|
+
E(u(
|
|
94
118
|
"div",
|
|
95
119
|
{
|
|
96
120
|
ref_key: "blobElement",
|
|
97
|
-
ref:
|
|
121
|
+
ref: t,
|
|
98
122
|
class: "blob",
|
|
99
|
-
style: w({ backgroundColor:
|
|
123
|
+
style: w({ backgroundColor: a.value })
|
|
100
124
|
},
|
|
101
125
|
null,
|
|
102
126
|
4
|
|
103
127
|
/* STYLE */
|
|
104
128
|
), [
|
|
105
|
-
[
|
|
129
|
+
[z, i.value]
|
|
106
130
|
]),
|
|
107
|
-
|
|
131
|
+
E(u(
|
|
108
132
|
"div",
|
|
109
133
|
{
|
|
110
134
|
ref_key: "fakeblobElement",
|
|
111
|
-
ref:
|
|
135
|
+
ref: l,
|
|
112
136
|
class: "fakeblob"
|
|
113
137
|
},
|
|
114
138
|
null,
|
|
115
139
|
512
|
|
116
140
|
/* NEED_PATCH */
|
|
117
141
|
), [
|
|
118
|
-
[
|
|
142
|
+
[z, i.value]
|
|
119
143
|
])
|
|
120
144
|
],
|
|
121
145
|
6
|
|
122
146
|
/* CLASS, STYLE */
|
|
123
147
|
));
|
|
124
148
|
}
|
|
125
|
-
}),
|
|
149
|
+
}), P = /* @__PURE__ */ y(H, [["__scopeId", "data-v-14299ed5"]]), W = {
|
|
126
150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
127
151
|
width: "1em",
|
|
128
152
|
height: "1em",
|
|
129
153
|
fill: "none",
|
|
130
154
|
viewBox: "0 0 24 24"
|
|
131
|
-
},
|
|
155
|
+
}, G = /* @__PURE__ */ u(
|
|
132
156
|
"path",
|
|
133
157
|
{
|
|
134
158
|
stroke: "currentColor",
|
|
@@ -140,24 +164,24 @@ const U = ["aria-hidden"], q = { class: "m-expand-animation__inner" }, P = /* @_
|
|
|
140
164
|
null,
|
|
141
165
|
-1
|
|
142
166
|
/* HOISTED */
|
|
143
|
-
),
|
|
144
|
-
|
|
167
|
+
), J = [
|
|
168
|
+
G
|
|
145
169
|
];
|
|
146
|
-
function
|
|
147
|
-
return
|
|
170
|
+
function K(r, o) {
|
|
171
|
+
return p(), $("svg", W, [...J]);
|
|
148
172
|
}
|
|
149
|
-
const
|
|
150
|
-
function
|
|
151
|
-
componentName:
|
|
152
|
-
providedId:
|
|
173
|
+
const Q = { render: K };
|
|
174
|
+
function X({
|
|
175
|
+
componentName: r,
|
|
176
|
+
providedId: o
|
|
153
177
|
}) {
|
|
154
|
-
const
|
|
155
|
-
return
|
|
178
|
+
const t = L();
|
|
179
|
+
return g(() => o ?? `${r}-${t == null ? void 0 : t.uid}`);
|
|
156
180
|
}
|
|
157
|
-
const
|
|
181
|
+
const Y = {
|
|
158
182
|
class: "m-accordion",
|
|
159
183
|
role: "presentation"
|
|
160
|
-
},
|
|
184
|
+
}, Z = ["id", "aria-controls", "aria-expanded", "onClick"], ee = /* @__PURE__ */ k({
|
|
161
185
|
__name: "MazAccordion",
|
|
162
186
|
props: {
|
|
163
187
|
id: { default: void 0 },
|
|
@@ -165,68 +189,68 @@ const Z = {
|
|
|
165
189
|
contentClass: { default: void 0 }
|
|
166
190
|
},
|
|
167
191
|
emits: ["update:model-value"],
|
|
168
|
-
setup(
|
|
169
|
-
const
|
|
192
|
+
setup(r, { emit: o }) {
|
|
193
|
+
const t = r, l = o, i = X({
|
|
170
194
|
componentName: "MazAccordion",
|
|
171
|
-
providedId:
|
|
172
|
-
}),
|
|
173
|
-
() => Object.keys(
|
|
174
|
-
),
|
|
175
|
-
get: () =>
|
|
176
|
-
set: (
|
|
177
|
-
|
|
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);
|
|
178
202
|
}
|
|
179
203
|
});
|
|
180
|
-
function
|
|
181
|
-
return
|
|
204
|
+
function c(e) {
|
|
205
|
+
return d.value === e;
|
|
182
206
|
}
|
|
183
|
-
function
|
|
184
|
-
|
|
207
|
+
function v(e) {
|
|
208
|
+
d.value === e ? (s.value = 0, l("update:model-value", 0)) : (s.value = e, l("update:model-value", e));
|
|
185
209
|
}
|
|
186
|
-
return (
|
|
187
|
-
(
|
|
188
|
-
|
|
210
|
+
return (e, h) => (p(), $("div", Y, [
|
|
211
|
+
(p(!0), $(
|
|
212
|
+
D,
|
|
189
213
|
null,
|
|
190
|
-
|
|
191
|
-
|
|
214
|
+
F(a.value, (n) => (p(), R(
|
|
215
|
+
P,
|
|
192
216
|
{
|
|
193
|
-
key:
|
|
217
|
+
key: n,
|
|
194
218
|
class: "m-accordion__spotlight",
|
|
195
219
|
padding: !1
|
|
196
220
|
},
|
|
197
221
|
{
|
|
198
|
-
default:
|
|
199
|
-
|
|
200
|
-
id: `step-${
|
|
222
|
+
default: M(() => [
|
|
223
|
+
u("button", {
|
|
224
|
+
id: `step-${n}-${C(i)}`,
|
|
201
225
|
class: "m-accordion__header",
|
|
202
|
-
"aria-controls": `step-${
|
|
203
|
-
"aria-expanded":
|
|
204
|
-
onClick: (te) =>
|
|
226
|
+
"aria-controls": `step-${n}-${C(i)}`,
|
|
227
|
+
"aria-expanded": c(n),
|
|
228
|
+
onClick: (te) => v(n)
|
|
205
229
|
}, [
|
|
206
|
-
|
|
207
|
-
isOpen:
|
|
230
|
+
b(e.$slots, `title-${n}`, {
|
|
231
|
+
isOpen: c(n)
|
|
208
232
|
}, void 0, !0),
|
|
209
|
-
|
|
210
|
-
class: _(["header-icon", { "--rotate":
|
|
233
|
+
S(C(Q), {
|
|
234
|
+
class: _(["header-icon", { "--rotate": c(n) }])
|
|
211
235
|
}, null, 8, ["class"])
|
|
212
|
-
], 8,
|
|
213
|
-
|
|
236
|
+
], 8, Z),
|
|
237
|
+
S(U, {
|
|
214
238
|
"animation-duration": "300ms",
|
|
215
|
-
"model-value":
|
|
216
|
-
"aria-labelledby": `step-${
|
|
239
|
+
"model-value": c(n),
|
|
240
|
+
"aria-labelledby": `step-${n}-${C(i)}`
|
|
217
241
|
}, {
|
|
218
|
-
default:
|
|
219
|
-
|
|
242
|
+
default: M(() => [
|
|
243
|
+
u(
|
|
220
244
|
"div",
|
|
221
245
|
{
|
|
222
|
-
class: _(["m-accordion__content",
|
|
246
|
+
class: _(["m-accordion__content", e.contentClass])
|
|
223
247
|
},
|
|
224
248
|
[
|
|
225
|
-
|
|
226
|
-
isOpen:
|
|
249
|
+
b(e.$slots, "content", {
|
|
250
|
+
isOpen: c(n)
|
|
227
251
|
}, void 0, !0),
|
|
228
|
-
|
|
229
|
-
isOpen:
|
|
252
|
+
b(e.$slots, `content-${n}`, {
|
|
253
|
+
isOpen: c(n)
|
|
230
254
|
}, void 0, !0)
|
|
231
255
|
],
|
|
232
256
|
2
|
|
@@ -248,7 +272,7 @@ const Z = {
|
|
|
248
272
|
))
|
|
249
273
|
]));
|
|
250
274
|
}
|
|
251
|
-
}),
|
|
275
|
+
}), oe = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-ea40b2e8"]]);
|
|
252
276
|
export {
|
|
253
|
-
|
|
277
|
+
oe as default
|
|
254
278
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './assets/MazExpandAnimation.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
const
|
|
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,29 +10,53 @@ const f = ["aria-hidden"], v = { class: "m-expand-animation__inner" }, x = /* @_
|
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
const n = c(i, "modelValue"), a = r(!n.value), t = r();
|
|
19
|
+
function s() {
|
|
20
|
+
n.value || (a.value = !0);
|
|
21
|
+
}
|
|
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,
|
|
22
36
|
role: "region"
|
|
23
37
|
}, [
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
38
|
+
E(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
class: l(["m-expand-animation__inner", {
|
|
42
|
+
"--overflow-hidden": a.value
|
|
43
|
+
}])
|
|
44
|
+
},
|
|
45
|
+
[
|
|
46
|
+
h(" @slot Default Slot - Display content "),
|
|
47
|
+
M(e.$slots, "default", {}, void 0, !0)
|
|
48
|
+
],
|
|
49
|
+
2
|
|
50
|
+
/* CLASS */
|
|
51
|
+
)
|
|
52
|
+
], 10, V));
|
|
29
53
|
}
|
|
30
|
-
}),
|
|
31
|
-
const
|
|
32
|
-
for (const [t,
|
|
33
|
-
|
|
34
|
-
return
|
|
35
|
-
},
|
|
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"]]);
|
|
36
60
|
export {
|
|
37
|
-
|
|
61
|
+
A as default
|
|
38
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,34 +0,0 @@
|
|
|
1
|
-
import '../assets/MazExpandAnimation.css';
|
|
2
|
-
import { defineComponent as o, mergeModels as t, useCssVars as i, useModel as d, openBlock as s, createElementBlock as l, normalizeClass as m, createElementVNode as r, createCommentVNode as u, renderSlot as c } from "vue";
|
|
3
|
-
import { _ as p } from "./MazStepper-CjA1Wau5.mjs";
|
|
4
|
-
const _ = ["aria-hidden"], f = { class: "m-expand-animation__inner" }, x = /* @__PURE__ */ o({
|
|
5
|
-
__name: "MazExpandAnimation",
|
|
6
|
-
props: /* @__PURE__ */ t({
|
|
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
|
-
i((e) => ({
|
|
16
|
-
"5345ce23": e.duration,
|
|
17
|
-
ad2910de: e.timingFunction
|
|
18
|
-
}));
|
|
19
|
-
const a = d(n, "modelValue");
|
|
20
|
-
return (e, v) => (s(), l("div", {
|
|
21
|
-
class: m(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
|
|
22
|
-
"aria-hidden": !a.value,
|
|
23
|
-
role: "region"
|
|
24
|
-
}, [
|
|
25
|
-
r("div", f, [
|
|
26
|
-
u(" @slot Default Slot - Display content "),
|
|
27
|
-
c(e.$slots, "default", {}, void 0, !0)
|
|
28
|
-
])
|
|
29
|
-
], 10, _));
|
|
30
|
-
}
|
|
31
|
-
}), M = /* @__PURE__ */ p(x, [["__scopeId", "data-v-6c99457b"]]);
|
|
32
|
-
export {
|
|
33
|
-
M as default
|
|
34
|
-
};
|