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.
@@ -1,6 +1,6 @@
1
1
  import './assets/MazAccordion.css';
2
- import { defineComponent as k, mergeModels as B, useCssVars as S, useModel as O, openBlock as m, createElementBlock as f, normalizeClass as _, createElementVNode as r, createCommentVNode as I, renderSlot as v, ref as C, computed as h, onMounted as x, onUnmounted as A, normalizeStyle as w, withDirectives as z, vShow as M, getCurrentInstance as N, useSlots as D, Fragment as F, renderList as L, createBlock as j, withCtx as E, unref as g, createVNode as V } from "vue";
3
- const U = ["aria-hidden"], q = { class: "m-expand-animation__inner" }, P = /* @__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,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(a) {
14
- S((e) => ({
15
- "5345ce23": e.duration,
16
- ad2910de: e.timingFunction
13
+ setup(r) {
14
+ V((a) => ({
15
+ "5d8624e7": a.duration,
16
+ "484ea956": a.timingFunction
17
17
  }));
18
- const n = O(a, "modelValue");
19
- return (e, s) => (m(), f("div", {
20
- class: _(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
21
- "aria-hidden": !n.value,
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
- r("div", q, [
25
- I(" @slot Default Slot - Display content "),
26
- v(e.$slots, "default", {}, void 0, !0)
27
- ])
28
- ], 10, U));
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 = (a, n) => {
31
- const e = a.__vccOpts || a;
32
- for (const [s, i] of n)
33
- e[s] = i;
34
- return e;
35
- }, R = /* @__PURE__ */ y(P, [["__scopeId", "data-v-6c99457b"]]), W = { class: "inner" }, G = /* @__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({
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(a) {
46
- S((l) => ({
47
- "474a7292": l.innerOpacity,
48
- f69a3cbc: $.value
69
+ setup(r) {
70
+ V((d) => ({
71
+ "474a7292": d.innerOpacity,
72
+ f69a3cbc: a.value
49
73
  }));
50
- const n = a, e = C(), s = C(), i = C(!1);
51
- function b({ clientX: l, clientY: d }) {
52
- var o, p, t;
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 c = (o = s.value) == null ? void 0 : o.getBoundingClientRect();
55
- c && ((t = (p = e.value) == null ? void 0 : p.animate) == null || t.call(
56
- p,
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(${l - c.left - c.width / 2}px,${d - c.top - c.height / 2}px)`
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 $ = h(() => `var(--maz-color-${n.color}-alpha)`), u = h(() => `var(--maz-color-${n.color}-alpha-20)`);
69
- return x(() => {
70
- window.addEventListener("mousemove", b);
71
- }), A(() => {
72
- window.removeEventListener("mousemove", b);
73
- }), (l, d) => (m(), f(
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": !l.noElevation }]),
77
- style: w({ backgroundColor: u.value })
100
+ class: _(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
101
+ style: w({ backgroundColor: s.value })
78
102
  },
79
103
  [
80
- r("div", W, [
81
- r(
104
+ u("div", q, [
105
+ u(
82
106
  "div",
83
107
  {
84
- class: _(["content", [{ "maz-p-4": l.padding }, l.contentClass]])
108
+ class: _(["content", [{ "maz-p-4": d.padding }, d.contentClass]])
85
109
  },
86
110
  [
87
- v(l.$slots, "default", {}, void 0, !0)
111
+ b(d.$slots, "default", {}, void 0, !0)
88
112
  ],
89
113
  2
90
114
  /* CLASS */
91
115
  )
92
116
  ]),
93
- z(r(
117
+ E(u(
94
118
  "div",
95
119
  {
96
120
  ref_key: "blobElement",
97
- ref: e,
121
+ ref: t,
98
122
  class: "blob",
99
- style: w({ backgroundColor: $.value })
123
+ style: w({ backgroundColor: a.value })
100
124
  },
101
125
  null,
102
126
  4
103
127
  /* STYLE */
104
128
  ), [
105
- [M, i.value]
129
+ [z, i.value]
106
130
  ]),
107
- z(r(
131
+ E(u(
108
132
  "div",
109
133
  {
110
134
  ref_key: "fakeblobElement",
111
- ref: s,
135
+ ref: l,
112
136
  class: "fakeblob"
113
137
  },
114
138
  null,
115
139
  512
116
140
  /* NEED_PATCH */
117
141
  ), [
118
- [M, i.value]
142
+ [z, i.value]
119
143
  ])
120
144
  ],
121
145
  6
122
146
  /* CLASS, STYLE */
123
147
  ));
124
148
  }
125
- }), H = /* @__PURE__ */ y(G, [["__scopeId", "data-v-14299ed5"]]), J = {
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
- }, K = /* @__PURE__ */ r(
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
- ), Q = [
144
- K
167
+ ), J = [
168
+ G
145
169
  ];
146
- function T(a, n) {
147
- return m(), f("svg", J, [...Q]);
170
+ function K(r, o) {
171
+ return p(), $("svg", W, [...J]);
148
172
  }
149
- const X = { render: T };
150
- function Y({
151
- componentName: a,
152
- providedId: n
173
+ const Q = { render: K };
174
+ function X({
175
+ componentName: r,
176
+ providedId: o
153
177
  }) {
154
- const e = N();
155
- return h(() => n ?? `${a}-${e == null ? void 0 : e.uid}`);
178
+ const t = L();
179
+ return g(() => o ?? `${r}-${t == null ? void 0 : t.uid}`);
156
180
  }
157
- const Z = {
181
+ const Y = {
158
182
  class: "m-accordion",
159
183
  role: "presentation"
160
- }, ee = ["id", "aria-controls", "aria-expanded", "onClick"], oe = /* @__PURE__ */ k({
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(a, { emit: n }) {
169
- const e = a, s = n, i = Y({
192
+ setup(r, { emit: o }) {
193
+ const t = r, l = o, i = X({
170
194
  componentName: "MazAccordion",
171
- providedId: e.id
172
- }), b = D(), $ = h(
173
- () => Object.keys(b).filter((o) => o.startsWith("title-")).length
174
- ), u = C(e.modelValue), l = h({
175
- get: () => e.modelValue || u.value,
176
- set: (o) => {
177
- u.value = o, s("update:model-value", o);
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 d(o) {
181
- return l.value === o;
204
+ function c(e) {
205
+ return d.value === e;
182
206
  }
183
- function c(o) {
184
- l.value === o ? (u.value = 0, s("update:model-value", 0)) : (u.value = o, s("update:model-value", o));
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 (o, p) => (m(), f("div", Z, [
187
- (m(!0), f(
188
- F,
210
+ return (e, h) => (p(), $("div", Y, [
211
+ (p(!0), $(
212
+ D,
189
213
  null,
190
- L($.value, (t) => (m(), j(
191
- H,
214
+ F(a.value, (n) => (p(), R(
215
+ P,
192
216
  {
193
- key: t,
217
+ key: n,
194
218
  class: "m-accordion__spotlight",
195
219
  padding: !1
196
220
  },
197
221
  {
198
- default: E(() => [
199
- r("button", {
200
- id: `step-${t}-${g(i)}`,
222
+ default: M(() => [
223
+ u("button", {
224
+ id: `step-${n}-${C(i)}`,
201
225
  class: "m-accordion__header",
202
- "aria-controls": `step-${t}-${g(i)}`,
203
- "aria-expanded": d(t),
204
- onClick: (te) => c(t)
226
+ "aria-controls": `step-${n}-${C(i)}`,
227
+ "aria-expanded": c(n),
228
+ onClick: (te) => v(n)
205
229
  }, [
206
- v(o.$slots, `title-${t}`, {
207
- isOpen: d(t)
230
+ b(e.$slots, `title-${n}`, {
231
+ isOpen: c(n)
208
232
  }, void 0, !0),
209
- V(g(X), {
210
- class: _(["header-icon", { "--rotate": d(t) }])
233
+ S(C(Q), {
234
+ class: _(["header-icon", { "--rotate": c(n) }])
211
235
  }, null, 8, ["class"])
212
- ], 8, ee),
213
- V(R, {
236
+ ], 8, Z),
237
+ S(U, {
214
238
  "animation-duration": "300ms",
215
- "model-value": d(t),
216
- "aria-labelledby": `step-${t}-${g(i)}`
239
+ "model-value": c(n),
240
+ "aria-labelledby": `step-${n}-${C(i)}`
217
241
  }, {
218
- default: E(() => [
219
- r(
242
+ default: M(() => [
243
+ u(
220
244
  "div",
221
245
  {
222
- class: _(["m-accordion__content", o.contentClass])
246
+ class: _(["m-accordion__content", e.contentClass])
223
247
  },
224
248
  [
225
- v(o.$slots, "content", {
226
- isOpen: d(t)
249
+ b(e.$slots, "content", {
250
+ isOpen: c(n)
227
251
  }, void 0, !0),
228
- v(o.$slots, `content-${t}`, {
229
- isOpen: d(t)
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
- }), ae = /* @__PURE__ */ y(oe, [["__scopeId", "data-v-ea40b2e8"]]);
275
+ }), oe = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-ea40b2e8"]]);
252
276
  export {
253
- ae as default
277
+ oe as default
254
278
  };
@@ -1,8 +1,8 @@
1
1
  import './assets/MazExpandAnimation.css';
2
- import { defineComponent as i, mergeModels as d, useCssVars as s, useModel as l, openBlock as r, createElementBlock as m, normalizeClass as c, createElementVNode as u, createCommentVNode as p, renderSlot as _ } from "vue";
3
- const f = ["aria-hidden"], v = { class: "m-expand-animation__inner" }, x = /* @__PURE__ */ i({
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,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(n) {
14
- s((e) => ({
15
- "5345ce23": e.duration,
16
- ad2910de: e.timingFunction
13
+ setup(i) {
14
+ f((e) => ({
15
+ "5d8624e7": e.duration,
16
+ "484ea956": e.timingFunction
17
17
  }));
18
- const o = l(n, "modelValue");
19
- return (e, t) => (r(), m("div", {
20
- class: c(["m-expand-animation", { "m-expand-animation--expanded": o.value }]),
21
- "aria-hidden": !o.value,
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
- u("div", v, [
25
- p(" @slot Default Slot - Display content "),
26
- _(e.$slots, "default", {}, void 0, !0)
27
- ])
28
- ], 10, f));
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
- }), V = (n, o) => {
31
- const e = n.__vccOpts || n;
32
- for (const [t, a] of o)
33
- e[t] = a;
34
- return e;
35
- }, h = /* @__PURE__ */ V(x, [["__scopeId", "data-v-6c99457b"]]);
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
- h as default
61
+ A as default
38
62
  };
@@ -1,4 +1,4 @@
1
- import { M as f } from "./chunks/MazStepper-CjA1Wau5.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-6c99457b]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--5345ce23) var(--ad2910de);transition:grid-template-rows var(--5345ce23) var(--ad2910de);transition:grid-template-rows var(--5345ce23) var(--ad2910de),-ms-grid-rows var(--5345ce23) var(--ad2910de)}.m-expand-animation__inner[data-v-6c99457b]{overflow:hidden}.m-expand-animation--expanded[data-v-6c99457b]{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-6c99457b]{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows var(--5345ce23) var(--ad2910de);transition:grid-template-rows var(--5345ce23) var(--ad2910de);transition:grid-template-rows var(--5345ce23) var(--ad2910de),-ms-grid-rows var(--5345ce23) var(--ad2910de)}.m-expand-animation__inner[data-v-6c99457b]{overflow:hidden}.m-expand-animation--expanded[data-v-6c99457b]{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-BK8NZV2H.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.0",
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.0",
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
- };