maz-ui 3.44.0 → 3.44.2

package/components/chunks/{MazInputNumber-DGBYbDSX.mjs → MazInputNumber-CstQGS8u.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as L, defineAsyncComponent as w, useAttrs as ne, useSlots as j, onBeforeMount as oe, computed as r, openBlock as a, createBlock as u, resolveDynamicComponent as V, normalizeClass as z, withCtx as P, createElementBlock as v, createCommentVNode as i, renderSlot as C, unref as c, getCurrentInstance as te, ref as A, onMounted as le, normalizeStyle as K, createElementVNode as N, withDirectives as ae, mergeProps as Y, toHandlers as ie, vModelDynamic as re, createTextVNode as se, toDisplayString as ue, withModifiers as q, createVNode as S, withKeys as O } from "vue";
+import { defineComponent as q, defineAsyncComponent as w, useAttrs as ne, useSlots as U, onBeforeMount as te, computed as r, openBlock as a, createBlock as u, resolveDynamicComponent as S, normalizeClass as z, withCtx as F, createElementBlock as v, createCommentVNode as i, renderSlot as C, unref as f, getCurrentInstance as oe, ref as O, onMounted as le, normalizeStyle as K, createElementVNode as T, withDirectives as ae, mergeProps as Y, toHandlers as ie, vModelDynamic as re, createTextVNode as se, toDisplayString as ue, withModifiers as j, createVNode as N, withKeys as L } from "vue";
 import '../assets/MazInputNumber.css';function G(m, l) {
   let n;
   return function(...d) {
@@ -7,7 +7,7 @@ import '../assets/MazInputNumber.css';function G(m, l) {
     }, l);
   };
 }
-const de = /* @__PURE__ */ L({
+const de = /* @__PURE__ */ q({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -24,48 +24,48 @@ const de = /* @__PURE__ */ L({
     loading: { type: Boolean },
     disabled: { type: Boolean },
     fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     noPadding: { type: Boolean },
     noElevation: { type: Boolean },
     contentClass: { default: void 0 }
   },
   setup(m) {
-    const l = m, n = w(() => import("./MazSpinner-Bad2n-0k.mjs")), d = w(() => import("./MazIcon-BDGxCy9M.mjs")), { href: s, to: M } = ne(), k = j();
-    oe(() => {
+    const l = m, n = w(() => import("./MazSpinner-DVkxyBoy.mjs")), d = w(() => import("./MazIcon-BDGxCy9M.mjs")), { href: s, to: M } = ne(), k = U();
+    te(() => {
       l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
     const I = r(() => s ? "a" : M ? "router-link" : "button"), B = r(
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), b = r(
       () => (l.loading || l.disabled) && I.value === "button"
-    ), y = r(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = r(() => `--is-${l.variant}`), h = r(() => l.loading && l.variant === "button"), o = r(() => !!k["left-icon"] || l.leftIcon), f = r(() => !!k["right-icon"] || l.rightIcon), p = r(() => o.value || f.value), T = r(() => l.fab && (l.icon || !!k.icon)), F = r(() => I.value === "button" ? l.type : void 0);
-    return (t, U) => (a(), u(V(I.value), {
+    ), y = r(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = r(() => `--is-${l.variant}`), h = r(() => l.loading && l.variant === "button"), t = r(() => !!k["left-icon"] || l.leftIcon), c = r(() => !!k["right-icon"] || l.rightIcon), p = r(() => t.value || c.value), V = r(() => l.fab && (l.icon || !!k.icon)), E = r(() => I.value === "button" ? l.type : void 0);
+    return (o, R) => (a(), u(S(I.value), {
       disabled: b.value || void 0,
       class: z(["m-btn", [
-        `--${t.size}`,
-        !t.fab && t.roundedSize && `--rounded-${t.roundedSize}`,
+        `--${o.size}`,
+        !o.fab && o.roundedSize && `--rounded-${o.roundedSize}`,
         B.value,
         y.value,
         $.value,
         {
-          "--block": t.block,
-          "--no-underline": t.noUnderline,
-          "--fab": t.fab,
-          "--loading": t.loading,
+          "--block": o.block,
+          "--no-underline": o.noUnderline,
+          "--fab": o.fab,
+          "--loading": o.loading,
           "--disabled": b.value,
           "--icon": p.value,
-          "--rounded": t.rounded,
-          "--no-rounded": t.noRounded,
-          "--no-padding": t.noPadding,
-          "--no-elevation": t.noElevation
+          "--rounded": o.rounded,
+          "--no-rounded": o.noRounded,
+          "--no-padding": o.noPadding,
+          "--no-elevation": o.noElevation
         }
       ]]),
-      type: F.value
+      type: E.value
     }, {
-      default: P(() => [
-        o.value ? (a(), v(
+      default: F(() => [
+        t.value ? (a(), v(
           "div",
           {
             key: 0,
@@ -75,17 +75,17 @@ const de = /* @__PURE__ */ L({
             i(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            C(t.$slots, "left-icon", {}, () => [
-              typeof t.leftIcon == "string" ? (a(), u(c(d), {
+            C(o.$slots, "left-icon", {}, () => [
+              typeof o.leftIcon == "string" ? (a(), u(f(d), {
                 key: 0,
-                name: t.leftIcon
-              }, null, 8, ["name"])) : t.leftIcon ? (a(), u(V(t.leftIcon), { key: 1 })) : i("v-if", !0)
+                name: o.leftIcon
+              }, null, 8, ["name"])) : o.leftIcon ? (a(), u(S(o.leftIcon), { key: 1 })) : i("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : i("v-if", !0),
-        T.value ? (a(), v(
+        V.value ? (a(), v(
           "div",
           {
             key: 1,
@@ -95,32 +95,32 @@ const de = /* @__PURE__ */ L({
             i(`
         @slot icon - The icon to display on the fab button
       `),
-            C(t.$slots, "icon", {}, () => [
-              typeof t.icon == "string" ? (a(), u(c(d), {
+            C(o.$slots, "icon", {}, () => [
+              typeof o.icon == "string" ? (a(), u(f(d), {
                 key: 0,
-                name: t.icon
-              }, null, 8, ["name"])) : t.icon ? (a(), u(V(t.icon), { key: 1 })) : i("v-if", !0)
+                name: o.icon
+              }, null, 8, ["name"])) : o.icon ? (a(), u(S(o.icon), { key: 1 })) : i("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : i("v-if", !0),
-        t.$slots.default ? (a(), v(
+        o.$slots.default ? (a(), v(
           "span",
           {
             key: 2,
-            class: z([{ "maz-invisible": h.value }, t.contentClass])
+            class: z([{ "maz-invisible": h.value }, o.contentClass])
           },
           [
             i(`
         @slot default - The content of the button
       `),
-            C(t.$slots, "default", {}, void 0, !0)
+            C(o.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
         )) : i("v-if", !0),
-        f.value ? (a(), v(
+        c.value ? (a(), v(
           "div",
           {
             key: 3,
@@ -130,21 +130,21 @@ const de = /* @__PURE__ */ L({
             i(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            C(t.$slots, "right-icon", {}, () => [
-              typeof t.rightIcon == "string" ? (a(), u(c(d), {
+            C(o.$slots, "right-icon", {}, () => [
+              typeof o.rightIcon == "string" ? (a(), u(f(d), {
                 key: 0,
-                name: t.rightIcon
-              }, null, 8, ["name"])) : t.rightIcon ? (a(), u(V(t.rightIcon), { key: 1 })) : i("v-if", !0)
+                name: o.rightIcon
+              }, null, 8, ["name"])) : o.rightIcon ? (a(), u(S(o.rightIcon), { key: 1 })) : i("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : i("v-if", !0),
-        h.value ? (a(), u(c(n), {
+        h.value ? (a(), u(f(n), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
-          color: t.color
+          color: o.color
         }, null, 8, ["color"])) : i("v-if", !0)
       ]),
       _: 3
@@ -156,15 +156,15 @@ const de = /* @__PURE__ */ L({
   for (const [d, s] of l)
     n[d] = s;
   return n;
-}, R = /* @__PURE__ */ H(de, [["__scopeId", "data-v-48f14785"]]), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, A = /* @__PURE__ */ H(de, [["__scopeId", "data-v-48f14785"]]), ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: R
+  default: A
 }, Symbol.toStringTag, { value: "Module" }));
-function ce({
+function fe({
   componentName: m,
   providedId: l
 }) {
-  const n = te();
+  const n = oe();
   return r(() => l ?? `${m}-${n == null ? void 0 : n.uid}`);
 }
 const me = {
@@ -173,7 +173,7 @@ const me = {
 }, pe = { class: "m-input-wrapper-input" }, ve = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], be = { key: 0 }, ye = {
   key: 1,
   class: "m-input-wrapper-right"
-}, he = /* @__PURE__ */ L({
+}, he = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -204,14 +204,14 @@ const me = {
     validButtonLoading: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
     borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(m, { emit: l }) {
-    const n = m, d = l, s = w(() => Promise.resolve().then(() => fe)), M = w(() => import("./MazIcon-BDGxCy9M.mjs")), k = w(() => import("./eye-slash-tjfxO0LK.mjs")), I = w(() => import("./eye-DqO_Jx56.mjs")), B = w(() => import("./check-CL-vqe79.mjs")), b = A(!1), y = A(!1), $ = A(), h = ce({
+    const n = m, d = l, s = w(() => Promise.resolve().then(() => ce)), M = w(() => import("./MazIcon-BDGxCy9M.mjs")), k = w(() => import("./eye-slash-tjfxO0LK.mjs")), I = w(() => import("./eye-DqO_Jx56.mjs")), B = w(() => import("./check-CL-vqe79.mjs")), b = O(!1), y = O(!1), $ = O(), h = fe({
       componentName: "MazInput",
       providedId: n.id
     });
@@ -219,7 +219,7 @@ const me = {
       var e;
       n.autoFocus && ((e = $.value) == null || e.focus());
     });
-    const o = r(() => n.type === "password"), f = r(() => b.value ? "text" : n.type), p = r(() => {
+    const t = r(() => n.type === "password"), c = r(() => b.value ? "text" : n.type), p = r(() => {
       if (!n.noBorder) {
         if (n.error)
           return "maz-border-danger";
@@ -247,11 +247,11 @@ const me = {
         }
         return "--default-border";
       }
-    }), T = j(), F = r(() => {
+    }), V = U(), E = r(() => {
       const { required: e, placeholder: g } = n;
       if (g)
         return e ? `${g} *` : g;
-    }), t = r(() => D.value !== void 0 && D.value !== ""), U = G(
+    }), o = r(() => P.value !== void 0 && P.value !== ""), R = G(
       (e) => {
         d("update:model-value", e);
       },
@@ -259,18 +259,18 @@ const me = {
     );
     function J(e) {
       if (n.debounce)
-        return U(e);
+        return R(e);
       d("update:model-value", e);
     }
-    const D = r({
+    const P = r({
       get: () => n.modelValue,
       set: (e) => J(e)
-    }), Q = r(() => (!!n.label || !!n.hint) && (y.value || !!t.value || !!n.placeholder || ["date", "month", "week"].includes(n.type))), W = r(() => !!n.label || !!n.hint);
+    }), Q = r(() => (!!n.label || !!n.hint) && (y.value || !!o.value || !!n.placeholder || ["date", "month", "week"].includes(n.type))), W = r(() => !!n.label || !!n.hint);
     function X() {
-      return !!T["right-icon"] || o.value || !!T["valid-button"] || n.validButton || !!n.rightIcon;
+      return !!V["right-icon"] || t.value || !!V["valid-button"] || n.validButton || !!n.rightIcon;
     }
     function Z() {
-      return !!T["left-icon"] || !!n.leftIcon;
+      return !!V["left-icon"] || !!n.leftIcon;
     }
     function _(e) {
       d("focus", e), y.value = !0;
@@ -302,7 +302,7 @@ const me = {
         style: K(e.style)
       },
       [
-        N(
+        T(
           "div",
           {
             class: z(["m-input-wrapper", [
@@ -317,27 +317,27 @@ const me = {
           @slot left-icon - The icon to display on the left of the input
         `),
               e.$slots["left-icon"] || e.leftIcon ? C(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (a(), u(c(M), {
+                typeof e.leftIcon == "string" ? (a(), u(f(M), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (a(), u(V(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (a(), u(S(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : i("v-if", !0)
               ], !0) : i("v-if", !0)
             ])) : i("v-if", !0),
-            N("div", pe, [
-              ae(N("input", Y({
-                id: c(h),
+            T("div", pe, [
+              ae(T("input", Y({
+                id: f(h),
                 ref_key: "input",
                 ref: $,
-                "onUpdate:modelValue": g[0] || (g[0] = (E) => D.value = E),
-                type: f.value,
+                "onUpdate:modelValue": g[0] || (g[0] = (D) => P.value = D),
+                type: c.value,
                 name: e.name
               }, e.$attrs, {
                 inputmode: e.inputmode,
-                placeholder: F.value,
+                placeholder: E.value,
                 "aria-label": e.label || e.placeholder,
                 disabled: e.disabled,
                 readonly: e.readonly,
@@ -348,9 +348,9 @@ const me = {
                 focus: _,
                 change: ee
               }, !0), {
-                onClick: g[1] || (g[1] = (E) => e.$emit("click", E))
+                onClick: g[1] || (g[1] = (D) => e.$emit("click", D))
               }), null, 16, ve), [
-                [re, D.value]
+                [re, P.value]
               ]),
               e.label || e.hint ? (a(), v(
                 "span",
@@ -381,27 +381,27 @@ const me = {
           @slot right-icon - The icon to display on the right of the input
         `),
               e.$slots["right-icon"] || e.rightIcon ? C(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (a(), u(c(M), {
+                typeof e.rightIcon == "string" ? (a(), u(f(M), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (a(), u(V(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (a(), u(S(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : i("v-if", !0)
               ], !0) : i("v-if", !0),
-              o.value ? (a(), u(c(s), {
+              t.value ? (a(), u(f(s), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: g[2] || (g[2] = q((E) => b.value = !b.value, ["stop"]))
+                onClick: g[2] || (g[2] = j((D) => b.value = !b.value, ["stop"]))
               }, {
-                default: P(() => [
-                  b.value ? (a(), u(c(k), {
+                default: F(() => [
+                  b.value ? (a(), u(f(k), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (a(), u(c(I), {
+                  })) : (a(), u(f(I), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -413,7 +413,7 @@ const me = {
           @slot valid-button - Replace the valid button by your own
         `),
               e.$slots["valid-button"] || e.validButton ? C(e.$slots, "valid-button", { key: 2 }, () => [
-                S(c(s), {
+                N(f(s), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -422,8 +422,8 @@ const me = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: P(() => [
-                    S(c(B), { class: "maz-text-2xl maz-text-normal" })
+                  default: F(() => [
+                    N(f(B), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -445,7 +445,7 @@ const me = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, ke = /* @__PURE__ */ N(
+}, ke = /* @__PURE__ */ T(
   "path",
   {
     stroke: "currentColor",
@@ -469,7 +469,7 @@ const $e = { render: Be }, we = {
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Ce = /* @__PURE__ */ N(
+}, Ce = /* @__PURE__ */ T(
   "path",
   {
     stroke: "currentColor",
@@ -484,10 +484,10 @@ const $e = { render: Be }, we = {
 ), Me = [
   Ce
 ];
-function Ve(m, l) {
+function Se(m, l) {
   return a(), v("svg", we, [...Me]);
 }
-const Te = { render: Ve }, Se = /* @__PURE__ */ L({
+const Ve = { render: Se }, Ne = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInputNumber",
   props: {
@@ -508,18 +508,18 @@ const Te = { render: Ve }, Se = /* @__PURE__ */ L({
   setup(m, { emit: l }) {
     const n = m, d = l, s = r({
       get: () => n.modelValue,
-      set: (o) => B(o)
+      set: (t) => B(t)
     });
-    function M(o) {
-      return Math.round(o / n.step) * n.step;
+    function M(t) {
+      return Math.round(t / n.step) * n.step;
     }
-    function k(o) {
-      if (typeof o == "number")
-        return o <= n.min ? n.min : o >= n.max ? n.max : M(o);
+    function k(t) {
+      if (typeof t == "number")
+        return t <= n.min ? n.min : t >= n.max ? n.max : M(t);
     }
-    const I = G((o) => B(o), 300);
-    function B(o) {
-      o = k(o), s.value !== o && d("update:model-value", o);
+    const I = G((t) => B(t), 300);
+    function B(t) {
+      t = k(t), s.value !== t && d("update:model-value", t);
     }
     B(s.value);
     const b = r(() => n.modelValue && n.modelValue >= n.max), y = r(() => n.modelValue && n.modelValue <= n.min);
@@ -541,62 +541,62 @@ const Te = { render: Ve }, Se = /* @__PURE__ */ L({
         s.value = (s.value ?? 0) - 1 * n.step;
       }
     }
-    return (o, f) => (a(), v(
+    return (t, c) => (a(), v(
       "div",
       {
-        class: z(["m-input-number", [`m-input-number--${o.size}`, n.class, { "--block": o.block }]]),
-        style: K(o.style)
+        class: z(["m-input-number", [`m-input-number--${t.size}`, n.class, { "--block": t.block }]]),
+        style: K(t.style)
       },
       [
-        o.noButtons ? i("v-if", !0) : (a(), u(R, {
+        t.noButtons ? i("v-if", !0) : (a(), u(A, {
           key: 0,
           color: "transparent",
-          size: o.size,
+          size: t.size,
           tabindex: "-1",
           class: "m-input-number__button m-input-number__decrement-button",
-          disabled: y.value || o.disabled,
+          disabled: y.value || t.disabled,
           onClick: h
         }, {
-          default: P(() => [
-            S(c(Te), { class: "m-input-number__button__icon" })
+          default: F(() => [
+            N(f(Ve), { class: "m-input-number__button__icon" })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["size", "disabled"])),
-        S(ge, Y({
+        N(ge, Y({
           "model-value": s.value,
           type: "number",
-          class: ["m-input-number__input", { "--no-buttons": o.noButtons, "--text-center": o.textCenter }],
-          disabled: o.disabled,
-          min: o.min,
-          max: o.max,
-          step: o.step
-        }, o.$attrs, {
-          inputmode: o.inputmode,
-          size: o.size,
+          class: ["m-input-number__input", { "--no-buttons": t.noButtons, "--text-center": t.textCenter }],
+          disabled: t.disabled,
+          min: t.min,
+          max: t.max,
+          step: t.step
+        }, t.$attrs, {
+          inputmode: t.inputmode,
+          size: t.size,
           block: "",
           onKeydown: [
-            O(q($, ["prevent"]), ["up"]),
-            O(q(h, ["prevent"]), ["down"])
+            L(j($, ["prevent"]), ["up"]),
+            L(j(h, ["prevent"]), ["down"])
           ],
-          onFocus: f[0] || (f[0] = (p) => o.$emit("focus", p)),
-          onChange: f[1] || (f[1] = (p) => o.$emit("change", p)),
-          onBlur: f[2] || (f[2] = (p) => o.$emit("blur", p)),
-          onClick: f[3] || (f[3] = (p) => o.$emit("click", p)),
-          "onUpdate:modelValue": f[4] || (f[4] = (p) => c(I)(p))
+          onFocus: c[0] || (c[0] = (p) => t.$emit("focus", p)),
+          onChange: c[1] || (c[1] = (p) => t.$emit("change", p)),
+          onBlur: c[2] || (c[2] = (p) => t.$emit("blur", p)),
+          onClick: c[3] || (c[3] = (p) => t.$emit("click", p)),
+          "onUpdate:modelValue": c[4] || (c[4] = (p) => f(I)(p))
         }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "inputmode", "size", "onKeydown"]),
-        o.noButtons ? i("v-if", !0) : (a(), u(R, {
+        t.noButtons ? i("v-if", !0) : (a(), u(A, {
           key: 1,
           color: "transparent",
           "no-shadow": "",
           tabindex: "-1",
-          size: o.size,
+          size: t.size,
           class: "m-input-number__button m-input-number__increment-button",
-          disabled: b.value || o.disabled,
+          disabled: b.value || t.disabled,
           onClick: $
         }, {
-          default: P(() => [
-            S(c($e), { class: "m-input-number__button__icon" })
+          default: F(() => [
+            N(f($e), { class: "m-input-number__button__icon" })
           ]),
           _: 1
           /* STABLE */
@@ -609,5 +609,5 @@ const Te = { render: Ve }, Se = /* @__PURE__ */ L({
 });
 export {
   H as _,
-  Se as a
+  Ne as a
 };