maz-ui 3.47.1 → 3.47.2-beta.10

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/MazSpinner.d.ts

@@ -12,5 +12,5 @@ export interface MazSpinnerProps {
      */
     color?: Color;
 }
-declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;

package/components/MazStepper.d.ts

@@ -35,6 +35,7 @@ export interface Props {
     canCloseSteps?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<`icon-${number}`, (_: {}) => any>> & Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
         validated: boolean;
         error: boolean | undefined;
@@ -43,7 +44,7 @@ declare function __VLS_template(): {
         previousStep: () => void;
     }) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -54,7 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     color: Color;
     modelValue: number;
     steps: Steps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazStepper.mjs

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

package/components/MazSwitch.d.ts

@@ -28,6 +28,7 @@ export interface Props {
     hint?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             value: boolean;
@@ -36,7 +37,7 @@ declare function __VLS_template(): {
     refs: {
         inputRef: HTMLInputElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/components/MazSwitch.mjs

@@ -1,12 +1,12 @@
-import { useId as k, computed as b, defineComponent as V, useCssVars as B, ref as C, openBlock as i, createElementBlock as r, unref as m, normalizeClass as f, normalizeStyle as z, createElementVNode as h, mergeProps as E, createCommentVNode as d, renderSlot as S, createTextVNode as $, toDisplayString as p } from "vue";
-import './assets/MazSwitch.css';function I({
+import { useId as k, computed as b, defineComponent as V, ref as B, openBlock as i, createElementBlock as r, unref as c, normalizeClass as m, normalizeStyle as z, createElementVNode as f, mergeProps as C, renderSlot as E, createTextVNode as S, toDisplayString as p, createCommentVNode as h } from "vue";
+import './assets/MazSwitch.css';function $({
   componentName: n,
   providedId: t
 }) {
   const a = k();
   return b(() => t ?? `${n}-${a}`);
 }
-const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "disabled"], D = {
+const I = ["for", "aria-checked"], N = ["id", "name", "checked", "aria-label", "disabled"], D = {
   key: 0,
   class: "m-switch__text"
 }, R = /* @__PURE__ */ V({
@@ -28,19 +28,16 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
   },
   emits: ["update:model-value", "change", "blur", "focus"],
   setup(n, { emit: t }) {
-    B((e) => ({
-      "5d846531": v.value
-    }));
-    const a = n, o = t, u = I({
+    const a = n, o = t, d = $({
       componentName: "MazSwitch",
       providedId: a.id
     }), v = b(() => a.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${a.color}-alpha)`);
-    function c() {
+    function u() {
       o("update:model-value", !a.modelValue), o("change", !a.modelValue);
     }
-    const s = C();
+    const s = B();
     function y(e) {
-      ["Space"].includes(e.code) && (e.preventDefault(), c());
+      ["Space"].includes(e.code) && (e.preventDefault(), u());
     }
     function w(e) {
       var l;
@@ -51,17 +48,17 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
       (l = s.value) == null || l.dispatchEvent(new Event("focus")), o("focus", e);
     }
     return (e, l) => (i(), r("label", {
-      for: m(u),
-      class: f(["m-switch", [{ "--is-disabled": e.disabled }, a.class]]),
+      for: c(d),
+      class: m(["m-switch", [{ "--is-disabled": e.disabled }, a.class]]),
       role: "switch",
-      style: z(e.style),
+      style: z([e.style, { "--switch-color": v.value }]),
       "aria-checked": e.modelValue,
       tabindex: "0",
       onBlur: w,
       onFocus: g,
       onKeydown: y
     }, [
-      h("input", E({ id: m(u) }, e.$attrs, {
+      f("input", C({ id: c(d) }, e.$attrs, {
         ref_key: "inputRef",
         ref: s,
         type: "checkbox",
@@ -71,9 +68,9 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
         "aria-label": e.label,
         disabled: e.disabled,
         class: "m-switch__input",
-        onChange: c
-      }), null, 16, T),
-      l[0] || (l[0] = h(
+        onChange: u
+      }), null, 16, N),
+      l[0] || (l[0] = f(
         "span",
         { class: "m-switch__toggle" },
         null,
@@ -81,12 +78,8 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
         /* HOISTED */
       )),
       e.$slots.default || e.label || e.hint ? (i(), r("span", D, [
-        d(`
-        @slot The label of the switch
-          @binding {Boolean} value - The value of the switch
-      `),
-        S(e.$slots, "default", { value: e.modelValue }, () => [
-          $(
+        E(e.$slots, "default", { value: e.modelValue }, () => [
+          S(
             p(e.label),
             1
             /* TEXT */
@@ -96,7 +89,7 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
           "span",
           {
             key: 0,
-            class: f(["m-switch__hint", {
+            class: m(["m-switch__hint", {
               "--error": e.error,
               "--success": e.success,
               "--warning": e.warning
@@ -105,9 +98,9 @@ const N = ["for", "aria-checked"], T = ["id", "name", "checked", "aria-label", "
           p(e.hint),
           3
           /* TEXT, CLASS */
-        )) : d("v-if", !0)
-      ])) : d("v-if", !0)
-    ], 46, N));
+        )) : h("v-if", !0)
+      ])) : h("v-if", !0)
+    ], 46, I));
   }
 });
 export {