maz-ui 3.49.0 → 3.49.2

package/components/chunks/{MazInputNumber-D904Pg1R.mjs → MazInputNumber-Bw6O0AGT.mjs}

@@ -1,4 +1,4 @@
-import { openBlock as a, createElementBlock as v, createElementVNode as M, defineComponent as L, defineAsyncComponent as I, useAttrs as ne, computed as s, createBlock as m, resolveDynamicComponent as C, normalizeClass as f, normalizeStyle as A, withCtx as N, renderSlot as w, unref as d, createCommentVNode as i, createVNode as S, useId as oe, ref as P, onMounted as le, useSlots as ae, toDisplayString as E, withDirectives as re, mergeProps as U, toHandlers as se, vModelDynamic as ie, createTextVNode as ue, withModifiers as D, withKeys as q } from "vue";
+import { openBlock as a, createElementBlock as v, createElementVNode as V, defineComponent as L, defineAsyncComponent as B, useAttrs as te, computed as s, createBlock as m, resolveDynamicComponent as C, normalizeClass as f, normalizeStyle as A, withCtx as N, renderSlot as I, unref as d, createCommentVNode as i, createVNode as S, useId as ne, ref as E, onMounted as oe, useSlots as le, toDisplayString as P, withDirectives as ae, mergeProps as q, toHandlers as re, vModelDynamic as se, withModifiers as D, withKeys as U } from "vue";
 import '../assets/MazInputNumber.css';function R(p, l) {
   let t;
   return function(...u) {
@@ -7,16 +7,16 @@ import '../assets/MazInputNumber.css';function R(p, l) {
     }, l);
   };
 }
-const de = {
+const ie = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function me(p, l) {
-  return a(), v("svg", de, l[0] || (l[0] = [
-    M(
+function ue(p, l) {
+  return a(), v("svg", ie, l[0] || (l[0] = [
+    V(
       "path",
       {
         stroke: "currentColor",
@@ -31,16 +31,16 @@ function me(p, l) {
     )
   ]));
 }
-const pe = { render: me }, fe = {
+const de = { render: ue }, me = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function ce(p, l) {
-  return a(), v("svg", fe, l[0] || (l[0] = [
-    M(
+function pe(p, l) {
+  return a(), v("svg", me, l[0] || (l[0] = [
+    V(
       "path",
       {
         stroke: "currentColor",
@@ -55,10 +55,10 @@ function ce(p, l) {
     )
   ]));
 }
-const ve = { render: ce }, be = {
+const fe = { render: pe }, ce = {
   key: 0,
   class: "m-btn-loader-container"
-}, ye = /* @__PURE__ */ L({
+}, be = /* @__PURE__ */ L({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -83,23 +83,23 @@ const ve = { render: ce }, be = {
     justify: { default: "center" }
   },
   setup(p) {
-    const l = p, t = I(() => import("./MazSpinner-94rvbsAk.mjs")), u = I(() => import("./MazIcon-Cq1v4J3r.mjs")), { href: r, to: $ } = ne(), h = s(() => r ? "a" : $ ? "router-link" : "button"), V = s(() => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`), g = s(
-      () => (l.loading || l.disabled) && h.value === "button"
-    ), z = s(() => g.value ? "--cursor-default" : "--cursor-pointer"), b = s(() => `--is-${l.variant}`), k = s(() => l.loading && l.variant === "button"), B = s(() => h.value === "button" ? l.type : void 0), n = s(() => l.size === "xl" ? "maz-text-3xl" : l.size === "lg" ? "maz-text-2xl" : l.size === "md" ? "maz-text-xl" : l.size === "sm" ? "maz-text-lg" : l.size === "xs" ? "maz-text-base" : l.size === "mini" ? "maz-text-sm" : "maz-text-xl");
-    return (o, c) => (a(), m(C(h.value), {
-      disabled: g.value || void 0,
+    const l = p, t = B(() => import("./MazSpinner-BqMt92KT.mjs")), u = B(() => import("./MazIcon-Cq1v4J3r.mjs")), { href: r, to: w } = te(), z = s(() => r ? "a" : w ? "router-link" : "button"), M = s(() => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`), y = s(
+      () => (l.loading || l.disabled) && z.value === "button"
+    ), g = s(() => y.value ? "--cursor-default" : "--cursor-pointer"), b = s(() => `--is-${l.variant}`), h = s(() => l.loading && l.variant === "button"), k = s(() => z.value === "button" ? l.type : void 0), n = s(() => l.size === "xl" ? "maz-text-3xl" : l.size === "lg" ? "maz-text-2xl" : l.size === "md" ? "maz-text-xl" : l.size === "sm" ? "maz-text-lg" : l.size === "xs" ? "maz-text-base" : l.size === "mini" ? "maz-text-sm" : "maz-text-xl");
+    return (o, c) => (a(), m(C(z.value), {
+      disabled: y.value || void 0,
       class: f(["m-btn m-reset-css", [
         `--${o.size}`,
         !o.fab && !o.rounded && o.roundedSize && `--rounded-${o.roundedSize}`,
-        V.value,
-        z.value,
+        M.value,
+        g.value,
         b.value,
         {
           "--block": o.block,
           "--no-underline": o.noUnderline,
           "--fab": o.fab,
           "--loading": o.loading,
-          "--disabled": g.value,
+          "--disabled": y.value,
           "--rounded": o.rounded,
           "--no-rounded": o.noRounded,
           "--no-padding": o.noPadding,
@@ -107,10 +107,10 @@ const ve = { render: ce }, be = {
         }
       ]]),
       style: A([`--justify: ${o.justify}`]),
-      type: B.value
+      type: k.value
     }, {
       default: N(() => [
-        w(o.$slots, "left-icon", {}, () => [
+        I(o.$slots, "left-icon", {}, () => [
           typeof o.leftIcon == "string" ? (a(), m(d(u), {
             key: 0,
             name: o.leftIcon,
@@ -120,7 +120,7 @@ const ve = { render: ce }, be = {
             class: f([n.value])
           }, null, 8, ["class"])) : i("v-if", !0)
         ], !0),
-        w(o.$slots, "icon", {}, () => [
+        I(o.$slots, "icon", {}, () => [
           typeof o.icon == "string" ? (a(), m(d(u), {
             key: 0,
             name: o.icon,
@@ -130,8 +130,8 @@ const ve = { render: ce }, be = {
             class: f([n.value])
           }, null, 8, ["class"])) : i("v-if", !0)
         ], !0),
-        w(o.$slots, "default", {}, void 0, !0),
-        w(o.$slots, "right-icon", {}, () => [
+        I(o.$slots, "default", {}, void 0, !0),
+        I(o.$slots, "right-icon", {}, () => [
           typeof o.rightIcon == "string" ? (a(), m(d(u), {
             key: 0,
             name: o.rightIcon,
@@ -141,7 +141,7 @@ const ve = { render: ce }, be = {
             class: f([n.value])
           }, null, 8, ["class"])) : i("v-if", !0)
         ], !0),
-        k.value ? (a(), v("div", be, [
+        h.value ? (a(), v("div", ce, [
           S(d(t), {
             size: "2em",
             color: o.color
@@ -157,23 +157,23 @@ const ve = { render: ce }, be = {
   for (const [u, r] of l)
     t[u] = r;
   return t;
-}, O = /* @__PURE__ */ K(ye, [["__scopeId", "data-v-5acb3b32"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, O = /* @__PURE__ */ K(be, [["__scopeId", "data-v-6b881156"]]), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: O
 }, Symbol.toStringTag, { value: "Module" }));
-function ze({
+function ye({
   componentName: p,
   providedId: l
 }) {
-  return s(() => l ?? `${p}-${oe().replace(/:/g, "")}`);
+  return s(() => l ?? `${p}-${ne().replace(/:/g, "")}`);
 }
-const he = ["for"], ke = {
+const ge = ["for"], ze = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Be = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], Ie = { key: 0 }, we = {
+}, he = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], ke = {
   key: 1,
   class: "m-input-wrapper-right"
-}, $e = /* @__PURE__ */ L({
+}, Be = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -214,15 +214,15 @@ const he = ["for"], ke = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(p, { emit: l }) {
-    const t = p, u = l, r = I(() => Promise.resolve().then(() => ge)), $ = I(() => import("./MazIcon-Cq1v4J3r.mjs")), h = I(() => import("./eye-slash-BoO00xzs.mjs")), V = I(() => import("./eye-f8zAUc30.mjs")), g = I(() => import("./check-BmubdHc_.mjs")), z = P(!1), b = P(!1), k = P(), B = ze({
+    const t = p, u = l, r = B(() => Promise.resolve().then(() => ve)), w = B(() => import("./MazIcon-Cq1v4J3r.mjs")), z = B(() => import("./eye-slash-BoO00xzs.mjs")), M = B(() => import("./eye-f8zAUc30.mjs")), y = B(() => import("./check-BmubdHc_.mjs")), g = E(!1), b = E(!1), h = E(), k = ye({
       componentName: "MazInput",
       providedId: t.id
     });
-    le(() => {
+    oe(() => {
       var e;
-      t.autoFocus && ((e = k.value) == null || e.focus());
+      t.autoFocus && ((e = h.value) == null || e.focus());
     });
-    const n = s(() => t.type === "password"), o = s(() => z.value ? "text" : t.type), c = s(() => {
+    const n = s(() => t.type === "password"), o = s(() => g.value ? "text" : t.type), c = s(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -250,51 +250,47 @@ const he = ["for"], ke = {
         }
         return "--default-border";
       }
-    }), j = ae(), Y = s(() => {
-      const { required: e, placeholder: y } = t;
-      if (y)
-        return e ? `${y} *` : y;
-    }), G = s(() => T.value !== void 0 && T.value !== ""), H = R(
+    }), j = le(), Y = s(() => F.value !== void 0 && F.value !== ""), G = R(
       (e) => {
         u("update:model-value", e);
       },
       typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
     );
-    function J(e) {
+    function H(e) {
       if (t.debounce)
-        return H(e);
+        return G(e);
       u("update:model-value", e);
     }
-    const T = s({
+    const F = s({
       get: () => t.modelValue,
-      set: (e) => J(e)
-    }), Q = s(() => (!!t.label || !!t.hint) && (b.value || !!G.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), W = s(() => !!t.label || !!t.hint);
-    function X() {
+      set: (e) => H(e)
+    }), J = s(() => (!!t.label || !!t.hint) && (b.value || !!Y.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), Q = s(() => !!t.label || !!t.hint);
+    function W() {
       return !!j["right-icon"] || n.value || !!j["valid-button"] || t.validButton || !!t.rightIcon;
     }
-    function Z() {
+    function X() {
       return !!j["left-icon"] || !!t.leftIcon;
     }
-    function x(e) {
+    function Z(e) {
       u("focus", e), b.value = !0;
     }
-    function _(e) {
+    function x(e) {
       u("blur", e), b.value = !1;
     }
-    function ee(e) {
+    function _(e) {
       return u("change", e);
     }
-    function te(e) {
+    function ee(e) {
       return u("input", e);
     }
-    return (e, y) => (a(), v(
+    return (e, $) => (a(), v(
       "div",
       {
         class: f(["m-input", [
           {
             "--is-focused": b.value || e.borderActive,
-            "--should-up": Q.value,
-            "--has-label": W.value,
+            "--should-up": J.value,
+            "--has-label": Q.value,
             "--is-disabled": e.disabled,
             "--is-readonly": e.readonly,
             "--has-z-2": e.error || e.warning || e.success,
@@ -309,10 +305,10 @@ const he = ["for"], ke = {
       [
         e.topLabel ? (a(), v("label", {
           key: 0,
-          for: d(B),
+          for: d(k),
           class: "m-input-top-label"
-        }, E(e.topLabel), 9, he)) : i("v-if", !0),
-        M(
+        }, P(e.topLabel), 9, ge)) : i("v-if", !0),
+        V(
           "div",
           {
             class: f(["m-input-wrapper m-reset-css", [
@@ -323,9 +319,9 @@ const he = ["for"], ke = {
             ]])
           },
           [
-            Z() ? (a(), v("div", ke, [
-              e.$slots["left-icon"] || e.leftIcon ? w(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (a(), m(d($), {
+            X() ? (a(), v("div", ze, [
+              e.$slots["left-icon"] || e.leftIcon ? I(e.$slots, "left-icon", { key: 0 }, () => [
+                typeof e.leftIcon == "string" ? (a(), m(d(w), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
@@ -335,18 +331,18 @@ const he = ["for"], ke = {
                 })) : i("v-if", !0)
               ], !0) : i("v-if", !0)
             ])) : i("v-if", !0),
-            M(
+            V(
               "div",
               {
                 class: f(["m-input-wrapper-input", [`--${e.size}`, { "--top-label": !!e.topLabel }]])
               },
               [
-                re(M("input", U({ id: d(B) }, e.$attrs, {
+                ae(V("input", q({ id: d(k) }, e.$attrs, {
                   ref_key: "input",
-                  ref: k,
-                  "onUpdate:modelValue": y[0] || (y[0] = (F) => T.value = F),
+                  ref: h,
+                  "onUpdate:modelValue": $[0] || ($[0] = (T) => F.value = T),
                   name: e.name,
-                  placeholder: Y.value,
+                  placeholder: e.placeholder,
                   "aria-label": e.label || e.placeholder,
                   type: o.value,
                   inputmode: e.inputmode,
@@ -355,15 +351,15 @@ const he = ["for"], ke = {
                   autocomplete: e.autocomplete,
                   required: e.required,
                   class: "m-input-input"
-                }, se({
-                  blur: _,
-                  focus: x,
-                  change: ee,
-                  input: te
+                }, re({
+                  blur: x,
+                  focus: Z,
+                  change: _,
+                  input: ee
                 }, !0), {
-                  onClick: y[1] || (y[1] = (F) => e.$emit("click", F))
-                }), null, 16, Be), [
-                  [ie, T.value]
+                  onClick: $[1] || ($[1] = (T) => e.$emit("click", T))
+                }), null, 16, he), [
+                  [se, F.value]
                 ]),
                 e.label || e.hint ? (a(), v(
                   "span",
@@ -377,24 +373,17 @@ const he = ["for"], ke = {
                       }
                     ]])
                   },
-                  [
-                    ue(
-                      E(e.hint || e.label) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    e.required ? (a(), v("sup", Ie, "*")) : i("v-if", !0)
-                  ],
-                  2
-                  /* CLASS */
+                  P(e.hint || e.label),
+                  3
+                  /* TEXT, CLASS */
                 )) : i("v-if", !0)
               ],
               2
               /* CLASS */
             ),
-            X() ? (a(), v("div", we, [
-              e.$slots["right-icon"] || e.rightIcon ? w(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (a(), m(d($), {
+            W() ? (a(), v("div", ke, [
+              e.$slots["right-icon"] || e.rightIcon ? I(e.$slots, "right-icon", { key: 0 }, () => [
+                typeof e.rightIcon == "string" ? (a(), m(d(w), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
@@ -408,13 +397,13 @@ const he = ["for"], ke = {
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: y[2] || (y[2] = D((F) => z.value = !z.value, ["stop"]))
+                onClick: $[2] || ($[2] = D((T) => g.value = !g.value, ["stop"]))
               }, {
                 default: N(() => [
-                  z.value ? (a(), m(d(h), {
+                  g.value ? (a(), m(d(z), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (a(), m(d(V), {
+                  })) : (a(), m(d(M), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -422,7 +411,7 @@ const he = ["for"], ke = {
                 _: 1
                 /* STABLE */
               })) : i("v-if", !0),
-              e.$slots["valid-button"] || e.validButton ? w(e.$slots, "valid-button", { key: 2 }, () => [
+              e.$slots["valid-button"] || e.validButton ? I(e.$slots, "valid-button", { key: 2 }, () => [
                 S(d(r), {
                   color: "transparent",
                   disabled: e.disabled,
@@ -433,7 +422,7 @@ const he = ["for"], ke = {
                   type: "submit"
                 }, {
                   default: N(() => [
-                    S(d(g), { class: "maz-text-2xl maz-text-normal" })
+                    S(d(y), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -457,7 +446,7 @@ const he = ["for"], ke = {
               }
             ]])
           },
-          E(e.assistiveText),
+          P(e.assistiveText),
           3
           /* TEXT, CLASS */
         )) : i("v-if", !0)
@@ -466,7 +455,7 @@ const he = ["for"], ke = {
       /* CLASS, STYLE */
     ));
   }
-}), Ce = /* @__PURE__ */ K($e, [["__scopeId", "data-v-04e832e5"]]), Ve = /* @__PURE__ */ L({
+}), Ie = /* @__PURE__ */ K(Be, [["__scopeId", "data-v-8def99c5"]]), $e = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "MazInputNumber",
   props: {
@@ -491,23 +480,23 @@ const he = ["for"], ke = {
   setup(p, { emit: l }) {
     const t = p, u = l, r = s({
       get: () => t.modelValue,
-      set: (n) => g(n)
+      set: (n) => y(n)
     });
-    function $(n) {
+    function w(n) {
       return Math.round(n / t.step) * t.step;
     }
-    function h(n) {
+    function z(n) {
       if (typeof n == "number")
-        return n <= t.min ? t.min : n >= t.max ? t.max : $(n);
+        return n <= t.min ? t.min : n >= t.max ? t.max : w(n);
     }
-    const V = R((n) => g(n), 300);
-    function g(n) {
-      n = h(n), r.value !== n && u("update:model-value", n);
+    const M = R((n) => y(n), 300);
+    function y(n) {
+      n = z(n), r.value !== n && u("update:model-value", n);
     }
-    g(r.value);
-    const z = s(() => t.modelValue && t.modelValue >= t.max), b = s(() => t.modelValue && t.modelValue <= t.min);
-    function k() {
-      if (!(t.disabled || z.value)) {
+    y(r.value);
+    const g = s(() => t.modelValue && t.modelValue >= t.max), b = s(() => t.modelValue && t.modelValue <= t.min);
+    function h() {
+      if (!(t.disabled || g.value)) {
         if ((r.value === void 0 || r.value === null) && Number.isFinite(t.min)) {
           r.value = t.min;
           return;
@@ -515,7 +504,7 @@ const he = ["for"], ke = {
         r.value = (r.value ?? 0) + 1 * t.step;
       }
     }
-    function B() {
+    function k() {
       if (!(t.disabled || b.value)) {
         if ((r.value === void 0 || r.value === null) && Number.isFinite(t.min)) {
           r.value = t.min;
@@ -538,15 +527,15 @@ const he = ["for"], ke = {
           tabindex: "-1",
           class: "m-input-number__button m-input-number__decrement-button",
           disabled: b.value || n.disabled,
-          onClick: B
+          onClick: k
         }, {
           default: N(() => [
-            S(d(pe), { class: "m-input-number__button__icon" })
+            S(d(de), { class: "m-input-number__button__icon" })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["size", "disabled"])),
-        S(Ce, U({
+        S(Ie, q({
           "model-value": r.value,
           type: "number",
           class: ["m-input-number__input", { "--no-buttons": n.noButtons, "--text-center": n.textCenter }],
@@ -563,14 +552,14 @@ const he = ["for"], ke = {
           size: n.size,
           block: "",
           onKeydown: [
-            q(D(k, ["prevent"]), ["up"]),
-            q(D(B, ["prevent"]), ["down"])
+            U(D(h, ["prevent"]), ["up"]),
+            U(D(k, ["prevent"]), ["down"])
           ],
           onFocus: o[0] || (o[0] = (c) => n.$emit("focus", c)),
           onChange: o[1] || (o[1] = (c) => n.$emit("change", c)),
           onBlur: o[2] || (o[2] = (c) => n.$emit("blur", c)),
           onClick: o[3] || (o[3] = (c) => n.$emit("click", c)),
-          "onUpdate:modelValue": o[4] || (o[4] = (c) => d(V)(c))
+          "onUpdate:modelValue": o[4] || (o[4] = (c) => d(M)(c))
         }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
         n.noButtons ? i("v-if", !0) : (a(), m(O, {
           key: 1,
@@ -579,11 +568,11 @@ const he = ["for"], ke = {
           tabindex: "-1",
           size: n.size,
           class: "m-input-number__button m-input-number__increment-button",
-          disabled: z.value || n.disabled,
-          onClick: k
+          disabled: g.value || n.disabled,
+          onClick: h
         }, {
           default: N(() => [
-            S(d(ve), { class: "m-input-number__button__icon" })
+            S(d(fe), { class: "m-input-number__button__icon" })
           ]),
           _: 1
           /* STABLE */
@@ -596,5 +585,5 @@ const he = ["for"], ke = {
 });
 export {
   K as _,
-  Ve as a
+  $e as a
 };