maz-ui 3.47.1 → 3.47.2-beta.2

package/components/MazRadioButtons.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as C, defineAsyncComponent as S, ref as $, openBlock as u, createElementBlock as i, createElementVNode as h, normalizeClass as d, Fragment as E, renderList as V, normalizeStyle as g, createVNode as k, Transition as R, withCtx as F, withDirectives as I, unref as N, vShow as q, createCommentVNode as b, renderSlot as D, createTextVNode as M, toDisplayString as B } from "vue";
-import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, T = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], K = ["id", "name", "value", "onChange"], L = {
+import { defineComponent as C, defineAsyncComponent as S, ref as $, openBlock as u, createElementBlock as c, createElementVNode as y, normalizeClass as i, Fragment as E, renderList as V, normalizeStyle as b, createVNode as k, Transition as R, withCtx as F, withDirectives as N, unref as q, vShow as D, createCommentVNode as _, renderSlot as I, createTextVNode as M, toDisplayString as z } from "vue";
+import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, K = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], T = ["id", "name", "value", "onChange"], W = {
   key: 0,
   class: "m-radio-buttons__items__checkbox"
-}, W = /* @__PURE__ */ C({
+}, A = /* @__PURE__ */ C({
   __name: "MazRadioButtons",
   props: {
     modelValue: { default: void 0 },
@@ -21,85 +21,85 @@ import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, T
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(c, { emit: f }) {
-    const l = c, s = f, m = S(() => import("./chunks/check-BmubdHc_.mjs"));
-    function y(e) {
+  setup(d, { emit: f }) {
+    const l = d, s = f, m = S(() => import("./chunks/check-BmubdHc_.mjs"));
+    function h(e) {
       s("update:model-value", e.value);
     }
-    function t(e) {
+    function n(e) {
       return l.modelValue === e;
     }
-    function _(e, n) {
-      ["Space"].includes(e.code) && (e.preventDefault(), y(n));
+    function B(e, t) {
+      ["Space"].includes(e.code) && (e.preventDefault(), h(t));
     }
-    function v(e, n) {
-      return `option-${n}-${e.value.toString()}-${l.name}`;
+    function v(e, t) {
+      return `option-${t}-${e.value.toString()}-${l.name}`;
     }
     const p = $();
-    function z(e, n) {
-      var o, a;
-      (a = (o = p.value) == null ? void 0 : o[e]) == null || a.dispatchEvent(new Event("blur")), s("blur", n);
+    function g(e, t) {
+      var a, o;
+      (o = (a = p.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("blur")), s("blur", t);
     }
-    function w(e, n) {
-      var o, a;
-      (a = (o = p.value) == null ? void 0 : o[e]) == null || a.dispatchEvent(new Event("focus")), s("focus", n);
+    function w(e, t) {
+      var a, o;
+      (o = (a = p.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("focus")), s("focus", t);
     }
-    return (e, n) => (u(), i("div", O, [
-      h(
+    return (e, t) => (u(), c("div", O, [
+      y(
         "div",
         {
-          class: d(["m-radio-buttons__wrapper", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
+          class: i(["m-radio-buttons__wrapper", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
         },
         [
-          (u(!0), i(
+          (u(!0), c(
             E,
             null,
-            V(e.options, (o, a) => (u(), i("label", {
-              key: v(o, a),
-              for: v(o, a),
-              class: d(["m-radio-buttons__items maz-group", [
+            V(e.options, (a, o) => (u(), c("label", {
+              key: v(a, o),
+              for: v(a, o),
+              class: i(["m-radio-buttons__items maz-group", [
                 {
-                  "--is-selected": t(o.value),
+                  "--is-selected": n(a.value),
                   "--elevation": e.elevation,
                   "--equal-size": e.equalSize
                 },
-                o.classes
+                a.classes
               ]]),
               tabindex: "0",
-              style: g([
-                t(o.value) ? {
+              style: b([
+                n(a.value) ? {
                   color: `var(--maz-color-${e.color}-contrast)`,
                   backgroundColor: `var(--maz-color-${e.color})`
                 } : {},
-                o.style
+                a.style
               ]),
               role: "radio",
-              "aria-checked": t(o.value),
-              onKeydown: (r) => _(r, o),
-              onBlur: (r) => z(a, r),
-              onFocus: (r) => w(a, r)
+              "aria-checked": n(a.value),
+              onKeydown: (r) => B(r, a),
+              onBlur: (r) => g(o, r),
+              onFocus: (r) => w(o, r)
             }, [
-              h("input", {
-                id: v(o, a),
+              y("input", {
+                id: v(a, o),
                 ref_for: !0,
                 ref_key: "inputRef",
                 ref: p,
                 type: "radio",
                 tabindex: "-1",
                 name: e.name,
-                value: o.value,
+                value: a.value,
                 class: "maz-hidden",
-                onChange: (r) => y(o)
-              }, null, 40, K),
-              e.selector ? (u(), i("div", L, [
-                h(
+                onChange: (r) => h(a)
+              }, null, 40, T),
+              e.selector ? (u(), c("div", W, [
+                y(
                   "span",
                   {
-                    class: d({
-                      "--is-selected": t(o.value)
+                    class: i({
+                      "--is-selected": n(a.value)
                     }),
-                    style: g([
-                      t(o.value) ? { backgroundColor: `var(--maz-color-${l.color}-600)` } : {}
+                    style: b([
+                      n(a.value) ? { backgroundColor: `var(--maz-color-${l.color}-600)` } : {}
                     ])
                   },
                   [
@@ -111,14 +111,14 @@ import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, T
                       },
                       {
                         default: F(() => [
-                          I(k(
-                            N(m),
+                          N(k(
+                            q(m),
                             { class: "maz-h-full maz-w-full" },
                             null,
                             512
                             /* NEED_PATCH */
                           ), [
-                            [q, t(o.value)]
+                            [D, n(a.value)]
                           ])
                         ]),
                         _: 2
@@ -131,23 +131,18 @@ import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, T
                   6
                   /* CLASS, STYLE */
                 )
-              ])) : b("v-if", !0),
-              b(`
-          @slot Label of the radio
-            @binding {Boolean} selected - If the option is selected
-            @binding {string | number | boolean} option - The value of the option
-        `),
-              D(e.$slots, "default", {
-                option: o,
-                selected: t(o.value)
+              ])) : _("v-if", !0),
+              I(e.$slots, "default", {
+                option: a,
+                selected: n(a.value)
               }, () => [
                 M(
-                  B(o.label),
+                  z(a.label),
                   1
                   /* TEXT */
                 )
               ], !0)
-            ], 46, T))),
+            ], 46, K))),
             128
             /* KEYED_FRAGMENT */
           ))
@@ -155,28 +150,28 @@ import './assets/MazRadioButtons.css';const O = { class: "m-radio-buttons" }, T
         2
         /* CLASS */
       ),
-      e.hint ? (u(), i(
+      e.hint ? (u(), c(
         "span",
         {
           key: 0,
-          class: d(["m-radio-buttons__hint", {
+          class: i(["m-radio-buttons__hint", {
             "--error": e.error,
             "--success": e.success,
             "--warning": e.warning
           }])
         },
-        B(e.hint),
+        z(e.hint),
         3
         /* TEXT, CLASS */
-      )) : b("v-if", !0)
+      )) : _("v-if", !0)
     ]));
   }
-}), A = (c, f) => {
-  const l = c.__vccOpts || c;
+}), H = (d, f) => {
+  const l = d.__vccOpts || d;
   for (const [s, m] of f)
     l[s] = m;
   return l;
-}, j = /* @__PURE__ */ A(W, [["__scopeId", "data-v-62236bc3"]]);
+}, j = /* @__PURE__ */ H(A, [["__scopeId", "data-v-62236bc3"]]);
 export {
   j as default
 };

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazSelect-BXzgSKmL.mjs";
+import { M as f } from "./chunks/MazSelect-BJ07NVXQ.mjs";
 export {
   f as default
 };

package/components/MazSlider.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as te, ref as y, computed as f, watch as F, onMounted as ne, onBeforeUnmount as oe, nextTick as g, openBlock as b, createElementBlock as w, Fragment as T, createCommentVNode as ae, createElementVNode as _, normalizeStyle as B, normalizeClass as j, renderList as K, toDisplayString as ue } from "vue";
-import './assets/MazSlider.css';function le(a, l) {
+import { defineComponent as te, ref as p, computed as f, watch as O, onMounted as ne, onBeforeUnmount as oe, nextTick as g, openBlock as b, createElementBlock as w, normalizeStyle as V, normalizeClass as F, createElementVNode as N, Fragment as K, renderList as j, toDisplayString as ae } from "vue";
+import './assets/MazSlider.css';function ue(a, l) {
   let n;
   return function(...c) {
     clearTimeout(n), n = setTimeout(() => {
@@ -7,15 +7,15 @@ import './assets/MazSlider.css';function le(a, l) {
     }, l);
   };
 }
-function se(a) {
+function le(a) {
   const l = document.documentElement, n = document.body, c = a.getBoundingClientRect();
   return {
     y: c.top + (window.pageYOffset || l.scrollTop) - (l.clientTop || n.clientTop || 0),
     x: c.left + (window.pageXOffset || l.scrollLeft) - (l.clientLeft || n.clientLeft || 0)
   };
 }
-function re(a, l, n = !1) {
-  const c = "targetTouches" in a ? a.targetTouches[0] : a, v = se(l), i = {
+function se(a, l, n = !1) {
+  const c = "targetTouches" in a ? a.targetTouches[0] : a, v = le(l), i = {
     x: c.pageX - v.x,
     y: c.pageY - v.y
   };
@@ -31,7 +31,7 @@ function I(a, l, n) {
   const c = a + 1, i = l < c ? c - l : l - c;
   return 100 / n * i / 100;
 }
-const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"], de = /* @__PURE__ */ te({
+const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"], ce = /* @__PURE__ */ te({
   __name: "MazSlider",
   props: {
     /** Array of cursors values */
@@ -62,42 +62,42 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
   },
   emits: ["update:model-value"],
   setup(a, { emit: l }) {
-    const n = a, c = l, v = y(), i = y(), m = y(), d = y(), C = y([]), k = y([]), p = f(() => typeof n.modelValue == "number" ? [n.modelValue] : n.modelValue ? n.modelValue : [0]), M = f(() => Math.log(n.min || 1)), X = f(() => Math.log(n.max)), L = f(() => {
+    const n = a, c = l, v = p(), i = p(), m = p(), d = p(), _ = p([]), B = p([]), y = f(() => typeof n.modelValue == "number" ? [n.modelValue] : n.modelValue ? n.modelValue : [0]), M = f(() => Math.log(n.min || 1)), X = f(() => Math.log(n.max)), C = f(() => {
       const { min: e, max: t } = n;
       return (X.value - M.value) / (t - e);
-    }), A = f(() => {
+    }), k = f(() => {
       const { min: e, max: t } = n;
       return t - e;
     }), Y = f(() => ({
       paddingTop: n.labels ? "2.5em" : "1em"
     })), H = f(() => Array.isArray(n.modelValue));
-    F(
+    O(
       () => n.modelValue,
-      () => d.value = p.value,
+      () => d.value = y.value,
       { immediate: !0 }
-    ), F(
-      () => [p.value, n.min, n.max, n.log].join(","),
+    ), O(
+      () => [y.value, n.min, n.max, n.log].join(","),
       () => z(!0)
     );
-    const $ = le(() => z(), 300);
+    const L = ue(() => z(), 300);
     ne(() => {
-      z(!0), window.addEventListener("resize", $);
+      z(!0), window.addEventListener("resize", L);
     }), oe(() => {
-      window.removeEventListener("resize", $);
+      window.removeEventListener("resize", L);
     });
     async function z(e) {
       e === !0 && U(), await Q(), await g();
-      for (const [t, s] of p.value.entries())
+      for (const [t, s] of y.value.entries())
         P(t);
     }
     function R(e, t) {
       e.key === "ArrowLeft" ? d.value && q(d.value[t] - 1, d.value[t - 1], d.value[t + 1], "minus") && (d.value[t]--, x(d.value)) : e.key === "ArrowRight" && d.value && q(d.value[t] + 1, d.value[t - 1], d.value[t + 1], "plus") && (d.value[t]++, x(d.value));
     }
-    function W(e) {
-      i.value = void 0, D(e);
+    function A(e) {
+      i.value = void 0, $(e);
     }
     function U() {
-      const { min: e, max: t } = n, s = p.value.map(
+      const { min: e, max: t } = n, s = y.value.map(
         (o) => o < e ? e : o > t ? t : o
       );
       x(s), d.value = s;
@@ -111,9 +111,9 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
       return t ? t[e] : void 0;
     }
     function P(e) {
-      D(e), n.noDivider || J();
+      $(e), n.noDivider || J();
     }
-    async function D(e) {
+    async function $(e) {
       var s;
       await g();
       const t = document.querySelectorAll(".m-slider .m-slider__btn");
@@ -121,7 +121,7 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
         const o = t[e], u = (o == null ? void 0 : o.clientWidth) + 16, r = {
           left: typeof ((s = m.value) == null ? void 0 : s[e]) == "number" ? `${m.value[e] - u / 2 || 1}px` : ""
         };
-        C.value[e] = r;
+        _.value[e] = r;
       }
     }
     function J() {
@@ -129,7 +129,7 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
         const e = [...m.value];
         e.push(0);
         const t = e.length, s = Math.round(t / 2);
-        k.value = e.map((o, u) => ({
+        B.value = e.map((o, u) => ({
           left: u === 0 ? 0 : `${e[u - 1]}px`,
           // ATTENTION: buttonPositions.value[i - 1]
           right: u + 1 === t ? 0 : `calc( 100% - ${o}px )`,
@@ -143,32 +143,32 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
       await g();
       const { min: e, max: t, log: s } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
       o ? m.value = (r = d.value) == null ? void 0 : r.map(
-        (h) => s ? o / t * (e + (Math.log(h) - M.value) / L.value) : o / A.value * (h - e)
+        (h) => s ? o / t * (e + (Math.log(h) - M.value) / C.value) : o / k.value * (h - e)
       ) : console.warn("[maz-ui][MazSlider] ref component not found");
     }
-    async function E() {
+    async function W() {
       var u, r, h;
       await g();
       const { max: e, min: t, log: s } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
       if (o)
-        return s ? (r = m.value) == null ? void 0 : r.map((V) => {
-          const Z = V / (o / e), ee = Math.exp((Z - t) * L.value + M.value);
+        return s ? (r = m.value) == null ? void 0 : r.map((T) => {
+          const Z = T / (o / e), ee = Math.exp((Z - t) * C.value + M.value);
           return Math.round(ee);
         }) : (h = m.value) == null ? void 0 : h.map(
-          (V) => Math.round(V / (o / A.value)) + t
+          (T) => Math.round(T / (o / k.value)) + t
         );
       console.warn("[maz-ui][MazSlider] ref component not found");
     }
     function S(e, t) {
       i.value === void 0 && (i.value = t, P(t));
     }
-    async function O() {
+    async function D() {
       if (i.value === void 0)
         return;
-      const e = await E();
+      const e = await W();
       e && x(e), i.value = void 0;
     }
-    async function N(e) {
+    async function E(e) {
       var s;
       if (await g(), i.value === void 0)
         return;
@@ -178,103 +178,94 @@ const ie = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ce = ["data-labe
         if (!v.value)
           return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");
         m.value[i.value] = (() => {
-          const r = re(e, v.value).x;
+          const r = se(e, v.value).x;
           return r < o ? o : u && r > u ? u : r;
-        })(), d.value = await E(), P(i.value);
+        })(), d.value = await W(), P(i.value);
       }
     }
     return (e, t) => (b(), w(
-      T,
-      null,
+      "div",
+      {
+        style: V([Y.value, { fontSize: a.size }]),
+        class: F(["m-slider", [`m-slider--${a.color}`]]),
+        role: "button",
+        tabindex: "-1",
+        onMousemovePassive: E,
+        onMouseupPassive: D,
+        onMouseleavePassive: D,
+        onTouchmovePassive: E
+      },
       [
-        ae(" eslint-disable vuejs-accessibility/mouse-events-have-key-events "),
-        _(
-          "div",
-          {
-            style: B([Y.value, { fontSize: a.size }]),
-            class: j(["m-slider", [`m-slider--${a.color}`]]),
-            role: "button",
-            tabindex: "-1",
-            onMousemovePassive: N,
-            onMouseupPassive: O,
-            onMouseleavePassive: O,
-            onTouchmovePassive: N
-          },
-          [
-            _("div", {
-              ref_key: "MazSlider",
-              ref: v,
-              class: "m-slider__bar",
-              role: "slider",
-              "aria-valuenow": a.modelValue.toString(),
-              "aria-valuemin": a.min,
-              "aria-valuemax": a.max
-            }, [
-              (b(!0), w(
-                T,
-                null,
-                K(k.value, (s, o) => (b(), w(
-                  "div",
-                  {
-                    key: `divider-${o}`,
-                    style: B([s]),
-                    class: "m-slider__divider"
-                  },
+        N("div", {
+          ref_key: "MazSlider",
+          ref: v,
+          class: "m-slider__bar",
+          role: "slider",
+          "aria-valuenow": a.modelValue.toString(),
+          "aria-valuemin": a.min,
+          "aria-valuemax": a.max
+        }, [
+          (b(!0), w(
+            K,
+            null,
+            j(B.value, (s, o) => (b(), w(
+              "div",
+              {
+                key: `divider-${o}`,
+                style: V([s]),
+                class: "m-slider__divider"
+              },
+              null,
+              4
+              /* STYLE */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          (b(!0), w(
+            K,
+            null,
+            j(y.value, (s, o) => {
+              var u;
+              return b(), w("button", {
+                key: `cursor-${o}`,
+                type: "button",
+                "data-label": G(o),
+                class: F(["m-slider__btn", {
+                  "active-cursor": o === i.value && !a.noCursorAnim
+                }]),
+                style: V([_.value[o]]),
+                onMousedownPassive: (r) => S(r, o),
+                onTouchstartPassive: (r) => S(r, o),
+                onFocusPassive: (r) => S(r, o),
+                onBlurPassive: (r) => A(o),
+                onTouchendPassive: (r) => A(o),
+                onKeydownPassive: (r) => R(r, o)
+              }, [
+                N(
+                  "span",
                   null,
-                  4
-                  /* STYLE */
-                ))),
-                128
-                /* KEYED_FRAGMENT */
-              )),
-              (b(!0), w(
-                T,
-                null,
-                K(p.value, (s, o) => {
-                  var u;
-                  return b(), w("button", {
-                    key: `cursor-${o}`,
-                    type: "button",
-                    "data-label": G(o),
-                    class: j(["m-slider__btn", {
-                      "active-cursor": o === i.value && !a.noCursorAnim
-                    }]),
-                    style: B([C.value[o]]),
-                    onMousedownPassive: (r) => S(r, o),
-                    onTouchstartPassive: (r) => S(r, o),
-                    onFocusPassive: (r) => S(r, o),
-                    onBlurPassive: (r) => W(o),
-                    onTouchendPassive: (r) => W(o),
-                    onKeydownPassive: (r) => R(r, o)
-                  }, [
-                    _(
-                      "span",
-                      null,
-                      ue((u = d.value) == null ? void 0 : u[o]),
-                      1
-                      /* TEXT */
-                    )
-                  ], 46, ce);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ], 8, ie)
-          ],
-          38
-          /* CLASS, STYLE, NEED_HYDRATION */
-        )
+                  ae((u = d.value) == null ? void 0 : u[o]),
+                  1
+                  /* TEXT */
+                )
+              ], 46, ie);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ], 8, re)
       ],
-      2112
-      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      38
+      /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), ve = (a, l) => {
+}), de = (a, l) => {
   const n = a.__vccOpts || a;
   for (const [c, v] of l)
     n[c] = v;
   return n;
-}, fe = /* @__PURE__ */ ve(de, [["__scopeId", "data-v-3d4add96"]]);
+}, me = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-3d4add96"]]);
 export {
-  fe as default
+  me as default
 };

package/components/MazStepper.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazStepper-DRWtYHZR.mjs";
+import { M as f } from "./chunks/MazStepper-BREfkpUb.mjs";
 export {
   f as default
 };