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.
@@ -1,6 +1,6 @@
1
1
  import './assets/MazAccordion.css';
2
- import { defineComponent as k, mergeModels as B, useCssVars as O, useModel as N, ref as b, computed as f, watch as I, openBlock as p, createElementBlock as C, normalizeClass as _, createElementVNode as c, createCommentVNode as x, renderSlot as $, onMounted as S, onUnmounted as A, normalizeStyle as y, withDirectives as z, vShow as M, getCurrentInstance as F, useSlots as D, Fragment as L, renderList as W, createBlock as j, withCtx as V, unref as g, createVNode as E } from "vue";
3
- const T = ["aria-hidden"], U = /* @__PURE__ */ k({
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(s) {
14
- O((e) => ({
15
- a2fb7d7e: e.duration,
16
- "47409c2f": e.timingFunction
13
+ setup(r) {
14
+ V((a) => ({
15
+ "5d8624e7": a.duration,
16
+ "484ea956": a.timingFunction
17
17
  }));
18
- const r = s;
19
- function a(e) {
20
- return e = e.trim(), e.endsWith("ms") ? Number.parseFloat(e) : e.endsWith("s") ? Number.parseFloat(e) * 1e3 : Number.NaN;
18
+ const o = I(r, "modelValue"), t = f(!o.value), l = f();
19
+ function i() {
20
+ o.value || (t.value = !0);
21
21
  }
22
- const n = N(s, "modelValue"), l = b(!n.value), v = f(() => a(r.duration) + 300);
23
- return I(n, (e) => {
24
- e === !0 ? setTimeout(() => {
25
- l.value = !1;
26
- }, v.value) : l.value = !0;
27
- }), (e, u) => (p(), C("div", {
28
- class: _(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
29
- "aria-hidden": !n.value,
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
- c(
38
+ u(
33
39
  "div",
34
40
  {
35
41
  class: _(["m-expand-animation__inner", {
36
- "--overflow-hidden": l.value
42
+ "--overflow-hidden": t.value
37
43
  }])
38
44
  },
39
45
  [
40
- x(" @slot Default Slot - Display content "),
41
- $(e.$slots, "default", {}, void 0, !0)
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, T));
52
+ ], 10, j));
47
53
  }
48
- }), w = (s, r) => {
49
- const a = s.__vccOpts || s;
50
- for (const [n, l] of r)
51
- a[n] = l;
52
- return a;
53
- }, q = /* @__PURE__ */ w(U, [["__scopeId", "data-v-78566380"]]), H = { class: "inner" }, P = /* @__PURE__ */ k({
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(s) {
64
- O((i) => ({
65
- "474a7292": i.innerOpacity,
66
- f69a3cbc: e.value
69
+ setup(r) {
70
+ V((d) => ({
71
+ "474a7292": d.innerOpacity,
72
+ f69a3cbc: a.value
67
73
  }));
68
- const r = s, a = b(), n = b(), l = b(!1);
69
- function v({ clientX: i, clientY: d }) {
70
- var t, h, o;
71
- l.value = !0;
72
- const m = (t = n.value) == null ? void 0 : t.getBoundingClientRect();
73
- m && ((o = (h = a.value) == null ? void 0 : h.animate) == null || o.call(
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(${i - m.left - m.width / 2}px,${d - m.top - m.height / 2}px)`
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 e = f(() => `var(--maz-color-${r.color}-alpha)`), u = f(() => `var(--maz-color-${r.color}-alpha-20)`);
87
- return S(() => {
88
- window.addEventListener("mousemove", v);
89
- }), A(() => {
90
- window.removeEventListener("mousemove", v);
91
- }), (i, d) => (p(), C(
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": !i.noElevation }]),
95
- style: y({ backgroundColor: u.value })
100
+ class: _(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
101
+ style: w({ backgroundColor: s.value })
96
102
  },
97
103
  [
98
- c("div", H, [
99
- c(
104
+ u("div", q, [
105
+ u(
100
106
  "div",
101
107
  {
102
- class: _(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
108
+ class: _(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
103
109
  },
104
110
  [
105
- $(i.$slots, "default", {}, void 0, !0)
111
+ b(d.$slots, "default", {}, void 0, !0)
106
112
  ],
107
113
  2
108
114
  /* CLASS */
109
115
  )
110
116
  ]),
111
- z(c(
117
+ E(u(
112
118
  "div",
113
119
  {
114
120
  ref_key: "blobElement",
115
- ref: a,
121
+ ref: t,
116
122
  class: "blob",
117
- style: y({ backgroundColor: e.value })
123
+ style: w({ backgroundColor: a.value })
118
124
  },
119
125
  null,
120
126
  4
121
127
  /* STYLE */
122
128
  ), [
123
- [M, l.value]
129
+ [z, i.value]
124
130
  ]),
125
- z(c(
131
+ E(u(
126
132
  "div",
127
133
  {
128
134
  ref_key: "fakeblobElement",
129
- ref: n,
135
+ ref: l,
130
136
  class: "fakeblob"
131
137
  },
132
138
  null,
133
139
  512
134
140
  /* NEED_PATCH */
135
141
  ), [
136
- [M, l.value]
142
+ [z, i.value]
137
143
  ])
138
144
  ],
139
145
  6
140
146
  /* CLASS, STYLE */
141
147
  ));
142
148
  }
143
- }), R = /* @__PURE__ */ w(P, [["__scopeId", "data-v-14299ed5"]]), G = {
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
- }, J = /* @__PURE__ */ c(
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
- ), K = [
162
- J
167
+ ), J = [
168
+ G
163
169
  ];
164
- function Q(s, r) {
165
- return p(), C("svg", G, [...K]);
170
+ function K(r, o) {
171
+ return p(), $("svg", W, [...J]);
166
172
  }
167
- const X = { render: Q };
168
- function Y({
169
- componentName: s,
170
- providedId: r
173
+ const Q = { render: K };
174
+ function X({
175
+ componentName: r,
176
+ providedId: o
171
177
  }) {
172
- const a = F();
173
- return f(() => r ?? `${s}-${a == null ? void 0 : a.uid}`);
178
+ const t = L();
179
+ return g(() => o ?? `${r}-${t == null ? void 0 : t.uid}`);
174
180
  }
175
- const Z = {
181
+ const Y = {
176
182
  class: "m-accordion",
177
183
  role: "presentation"
178
- }, ee = ["id", "aria-controls", "aria-expanded", "onClick"], te = /* @__PURE__ */ k({
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(s, { emit: r }) {
187
- const a = s, n = r, l = Y({
192
+ setup(r, { emit: o }) {
193
+ const t = r, l = o, i = X({
188
194
  componentName: "MazAccordion",
189
- providedId: a.id
190
- }), v = D(), e = f(
191
- () => Object.keys(v).filter((t) => t.startsWith("title-")).length
192
- ), u = b(a.modelValue), i = f({
193
- get: () => a.modelValue || u.value,
194
- set: (t) => {
195
- u.value = t, n("update:model-value", t);
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 d(t) {
199
- return i.value === t;
204
+ function c(e) {
205
+ return d.value === e;
200
206
  }
201
- function m(t) {
202
- i.value === t ? (u.value = 0, n("update:model-value", 0)) : (u.value = t, n("update:model-value", t));
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 (t, h) => (p(), C("div", Z, [
205
- (p(!0), C(
206
- L,
210
+ return (e, h) => (p(), $("div", Y, [
211
+ (p(!0), $(
212
+ D,
207
213
  null,
208
- W(e.value, (o) => (p(), j(
209
- R,
214
+ F(a.value, (n) => (p(), R(
215
+ P,
210
216
  {
211
- key: o,
217
+ key: n,
212
218
  class: "m-accordion__spotlight",
213
219
  padding: !1
214
220
  },
215
221
  {
216
- default: V(() => [
217
- c("button", {
218
- id: `step-${o}-${g(l)}`,
222
+ default: M(() => [
223
+ u("button", {
224
+ id: `step-${n}-${C(i)}`,
219
225
  class: "m-accordion__header",
220
- "aria-controls": `step-${o}-${g(l)}`,
221
- "aria-expanded": d(o),
222
- onClick: (oe) => m(o)
226
+ "aria-controls": `step-${n}-${C(i)}`,
227
+ "aria-expanded": c(n),
228
+ onClick: (te) => v(n)
223
229
  }, [
224
- $(t.$slots, `title-${o}`, {
225
- isOpen: d(o)
230
+ b(e.$slots, `title-${n}`, {
231
+ isOpen: c(n)
226
232
  }, void 0, !0),
227
- E(g(X), {
228
- class: _(["header-icon", { "--rotate": d(o) }])
233
+ S(C(Q), {
234
+ class: _(["header-icon", { "--rotate": c(n) }])
229
235
  }, null, 8, ["class"])
230
- ], 8, ee),
231
- E(q, {
236
+ ], 8, Z),
237
+ S(U, {
232
238
  "animation-duration": "300ms",
233
- "model-value": d(o),
234
- "aria-labelledby": `step-${o}-${g(l)}`
239
+ "model-value": c(n),
240
+ "aria-labelledby": `step-${n}-${C(i)}`
235
241
  }, {
236
- default: V(() => [
237
- c(
242
+ default: M(() => [
243
+ u(
238
244
  "div",
239
245
  {
240
- class: _(["m-accordion__content", t.contentClass])
246
+ class: _(["m-accordion__content", e.contentClass])
241
247
  },
242
248
  [
243
- $(t.$slots, "content", {
244
- isOpen: d(o)
249
+ b(e.$slots, "content", {
250
+ isOpen: c(n)
245
251
  }, void 0, !0),
246
- $(t.$slots, `content-${o}`, {
247
- isOpen: d(o)
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
- }), ne = /* @__PURE__ */ w(te, [["__scopeId", "data-v-ea40b2e8"]]);
275
+ }), oe = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-ea40b2e8"]]);
270
276
  export {
271
- ne as default
277
+ oe as default
272
278
  };
@@ -1,8 +1,8 @@
1
1
  import './assets/MazExpandAnimation.css';
2
- import { defineComponent as r, mergeModels as d, useCssVars as u, useModel as m, ref as c, computed as p, watch as f, openBlock as v, createElementBlock as _, normalizeClass as l, createElementVNode as h, createCommentVNode as x, renderSlot as N } from "vue";
3
- const V = ["aria-hidden"], M = /* @__PURE__ */ r({
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__ */ d({
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(t) {
14
- u((e) => ({
15
- a2fb7d7e: e.duration,
16
- "47409c2f": e.timingFunction
13
+ setup(i) {
14
+ f((e) => ({
15
+ "5d8624e7": e.duration,
16
+ "484ea956": e.timingFunction
17
17
  }));
18
- const s = t;
19
- function o(e) {
20
- return e = e.trim(), e.endsWith("ms") ? Number.parseFloat(e) : e.endsWith("s") ? Number.parseFloat(e) * 1e3 : Number.NaN;
18
+ const n = c(i, "modelValue"), a = r(!n.value), t = r();
19
+ function s() {
20
+ n.value || (a.value = !0);
21
21
  }
22
- const a = m(t, "modelValue"), n = c(!a.value), i = p(() => o(s.duration) + 300);
23
- return f(a, (e) => {
24
- e === !0 ? setTimeout(() => {
25
- n.value = !1;
26
- }, i.value) : n.value = !0;
27
- }), (e, C) => (v(), _("div", {
28
- class: l(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
29
- "aria-hidden": !a.value,
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
- h(
38
+ E(
33
39
  "div",
34
40
  {
35
41
  class: l(["m-expand-animation__inner", {
36
- "--overflow-hidden": n.value
42
+ "--overflow-hidden": a.value
37
43
  }])
38
44
  },
39
45
  [
40
- x(" @slot Default Slot - Display content "),
41
- N(e.$slots, "default", {}, void 0, !0)
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
- }), b = (t, s) => {
49
- const o = t.__vccOpts || t;
50
- for (const [a, n] of s)
51
- o[a] = n;
52
- return o;
53
- }, F = /* @__PURE__ */ b(M, [["__scopeId", "data-v-78566380"]]);
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
- F as default
61
+ A as default
56
62
  };
@@ -1,4 +1,4 @@
1
- import { M as f } from "./chunks/MazStepper-BSuXKQQi.mjs";
1
+ import { M as f } from "./chunks/MazStepper-DDofJsdg.mjs";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1 +1 @@
1
- .m-expand-animation[data-v-78566380]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f);transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f);transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f),-ms-grid-rows var(--a2fb7d7e) var(--47409c2f)}.m-expand-animation__inner.--overflow-hidden[data-v-78566380]{overflow:hidden}.m-expand-animation--expanded[data-v-78566380]{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
+ .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-78566380]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f);transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f);transition:grid-template-rows var(--a2fb7d7e) var(--47409c2f),-ms-grid-rows var(--a2fb7d7e) var(--47409c2f)}.m-expand-animation__inner.--overflow-hidden[data-v-78566380]{overflow:hidden}.m-expand-animation--expanded[data-v-78566380]{grid-template-rows:1fr}
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-DztjSdH0.mjs")), I = v(() => import("./check-circle-CtCMBYyp.mjs")), T = v(
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
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "3.43.1",
7
+ "version": "3.43.2",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "0.6.0",
10
10
  "unbuild": "2.0.0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.43.1",
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
- };