maz-ui 3.47.2-beta.8 → 3.48.0

package/components/chunks/{MazInputPrice-C207E4RH.mjs → MazInputPrice-Ca8mL53M.mjs}

@@ -1,4 +1,4 @@
-import { openBlock as u, createElementBlock as g, createElementVNode as T, useId as Q, computed as i, defineComponent as D, defineAsyncComponent as z, ref as w, onMounted as O, useSlots as X, normalizeClass as S, normalizeStyle as Z, renderSlot as $, createBlock as v, unref as f, resolveDynamicComponent as q, createCommentVNode as d, withDirectives as x, mergeProps as _, toHandlers as ee, vModelDynamic as te, createTextVNode as oe, toDisplayString as ne, withModifiers as re, withCtx as A, createVNode as P, watch as ae, withKeys as le, nextTick as ue } from "vue";
+import { openBlock as u, createElementBlock as v, createElementVNode as C, computed as s, useId as X, defineComponent as L, defineAsyncComponent as z, ref as k, onMounted as O, useSlots as Z, normalizeClass as w, normalizeStyle as x, unref as f, toDisplayString as A, createCommentVNode as i, renderSlot as E, createBlock as y, resolveDynamicComponent as D, withDirectives as _, mergeProps as ee, toHandlers as te, vModelDynamic as oe, createTextVNode as re, withModifiers as ne, withCtx as P, createVNode as q, watch as ae, withKeys as le, nextTick as ue } from "vue";
 import '../assets/MazInputPrice.css';const ie = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -6,9 +6,9 @@ import '../assets/MazInputPrice.css';const ie = {
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function se(l, r) {
-  return u(), g("svg", ie, r[0] || (r[0] = [
-    T(
+function se(l, n) {
+  return u(), v("svg", ie, n[0] || (n[0] = [
+    C(
       "path",
       {
         stroke: "currentColor",
@@ -28,54 +28,53 @@ const de = { render: se }, ce = {
   minimumFractionDigits: 2,
   round: !1
 };
-function me(l, r, t) {
-  let n = Number(l);
-  return t.round && (n = Math.floor(n), t.minimumFractionDigits = 0), new Intl.NumberFormat(r, t).format(n);
+function me(l, n, t) {
+  let r = Number(l);
+  return t.round && (r = Math.floor(r), t.minimumFractionDigits = 0), new Intl.NumberFormat(n, t).format(r);
 }
-function fe(l, r, t) {
+function fe(l, n, t) {
   if (l === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
-  if (r === void 0)
+  if (n === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");
-  if (typeof r != "string")
+  if (typeof n != "string")
     throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
   if (t.currency === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
 }
-function pe(l, r, t) {
-  const n = {
+function pe(l, n, t) {
+  const r = {
     ...ce,
     ...t
   };
-  fe(l, r, n);
+  fe(l, n, r);
   try {
-    return me(l, r, n);
-  } catch (s) {
-    throw new Error(`[maz-ui](FilterCurrency) ${s}`);
+    return me(l, n, r);
+  } catch (d) {
+    throw new Error(`[maz-ui](FilterCurrency) ${d}`);
   }
 }
 function ve({
   componentName: l,
-  providedId: r
+  providedId: n
 }) {
-  const t = Q();
-  return i(() => r ?? `${l}-${t}`);
+  return s(() => n ?? `${l}-${X().replace(/:/g, "")}`);
 }
-function ye(l, r) {
+function ye(l, n) {
   let t;
-  return function(...n) {
+  return function(...r) {
     clearTimeout(t), t = setTimeout(() => {
-      l.apply(this, n);
-    }, r);
+      l.apply(this, r);
+    }, n);
   };
 }
-const be = {
+const be = ["for"], he = {
   key: 0,
   class: "m-input-wrapper-left"
-}, he = { class: "m-input-wrapper-input" }, ge = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], ze = { key: 0 }, we = {
+}, ge = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], ze = { key: 0 }, we = {
   key: 1,
   class: "m-input-wrapper-right"
-}, Ie = /* @__PURE__ */ D({
+}, ke = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -84,6 +83,8 @@ const be = {
     modelValue: { default: void 0 },
     placeholder: { default: void 0 },
     label: { default: void 0 },
+    topLabel: {},
+    assistiveText: {},
     name: { default: void 0 },
     color: { default: "primary" },
     type: { default: "text" },
@@ -109,19 +110,20 @@ const be = {
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    autocomplete: {}
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(l, { emit: r }) {
-    const t = l, n = r, s = z(() => import("./MazBtn-B1DhLzSq.mjs")), b = z(() => import("./MazIcon-B4CDdmqe.mjs")), C = z(() => import("./eye-slash-BoO00xzs.mjs")), I = z(() => import("./eye-f8zAUc30.mjs")), k = z(() => import("./check-BmubdHc_.mjs")), p = w(!1), y = w(!1), h = w(), E = ve({
+  setup(l, { emit: n }) {
+    const t = l, r = n, d = z(() => import("./MazBtn-C5sb0470.mjs")), h = z(() => import("./MazIcon-Cq1v4J3r.mjs")), M = z(() => import("./eye-slash-BoO00xzs.mjs")), I = z(() => import("./eye-f8zAUc30.mjs")), B = z(() => import("./check-BmubdHc_.mjs")), p = k(!1), b = k(!1), g = k(), V = ve({
       componentName: "MazInput",
       providedId: t.id
     });
     O(() => {
       var e;
-      t.autoFocus && ((e = h.value) == null || e.focus());
+      t.autoFocus && ((e = g.value) == null || e.focus());
     });
-    const B = i(() => t.type === "password"), M = i(() => p.value ? "text" : t.type), V = i(() => {
+    const T = s(() => t.type === "password"), S = s(() => p.value ? "text" : t.type), F = s(() => {
       if (!t.noBorder) {
         if (t.error)
           return "maz-border-danger";
@@ -129,7 +131,7 @@ const be = {
           return "maz-border-success";
         if (t.warning)
           return "maz-border-warning";
-        if (y.value || t.borderActive) {
+        if (b.value || t.borderActive) {
           if (t.color === "black")
             return "maz-border-black";
           if (t.color === "danger")
@@ -149,49 +151,49 @@ const be = {
         }
         return "--default-border";
       }
-    }), o = X(), c = i(() => {
+    }), o = Z(), c = s(() => {
       const { required: e, placeholder: m } = t;
       if (m)
         return e ? `${m} *` : m;
-    }), a = i(() => F.value !== void 0 && F.value !== ""), H = ye(
+    }), a = s(() => N.value !== void 0 && N.value !== ""), H = ye(
       (e) => {
-        n("update:model-value", e);
+        r("update:model-value", e);
       },
       typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
     );
     function R(e) {
       if (t.debounce)
         return H(e);
-      n("update:model-value", e);
+      r("update:model-value", e);
     }
-    const F = i({
+    const N = s({
       get: () => t.modelValue,
       set: (e) => R(e)
-    }), U = i(() => (!!t.label || !!t.hint) && (y.value || !!a.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), j = i(() => !!t.label || !!t.hint);
-    function L() {
-      return !!o["right-icon"] || B.value || !!o["valid-button"] || t.validButton || !!t.rightIcon;
-    }
+    }), U = s(() => (!!t.label || !!t.hint) && (b.value || !!a.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), j = s(() => !!t.label || !!t.hint);
     function K() {
-      return !!o["left-icon"] || !!t.leftIcon;
+      return !!o["right-icon"] || T.value || !!o["valid-button"] || t.validButton || !!t.rightIcon;
     }
-    function Y(e) {
-      n("focus", e), y.value = !0;
+    function Y() {
+      return !!o["left-icon"] || !!t.leftIcon;
     }
     function G(e) {
-      n("blur", e), y.value = !1;
+      r("focus", e), b.value = !0;
     }
     function W(e) {
-      return n("change", e);
+      r("blur", e), b.value = !1;
     }
     function J(e) {
-      return n("input", e);
+      return r("change", e);
     }
-    return (e, m) => (u(), g(
+    function Q(e) {
+      return r("input", e);
+    }
+    return (e, m) => (u(), v(
       "div",
       {
-        class: S(["m-input", [
+        class: w(["m-input", [
           {
-            "--is-focused": y.value || e.borderActive,
+            "--is-focused": b.value || e.borderActive,
             "--should-up": U.value,
             "--has-label": j.value,
             "--is-disabled": e.disabled,
@@ -201,116 +203,128 @@ const be = {
             "--block": e.block
           },
           t.class,
-          `--${e.color}`,
-          `--${e.size}`
+          `--${e.color}`
         ]]),
-        style: Z(e.style)
+        style: x(e.style)
       },
       [
-        T(
+        e.topLabel ? (u(), v("label", {
+          key: 0,
+          for: f(V),
+          class: "m-input-top-label"
+        }, A(e.topLabel), 9, be)) : i("v-if", !0),
+        C(
           "div",
           {
-            class: S(["m-input-wrapper", [
+            class: w(["m-input-wrapper m-reset-css", [
               e.inputClasses,
-              V.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
+              F.value,
+              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius },
+              { "--block": e.block }
             ]])
           },
           [
-            K() ? (u(), g("div", be, [
-              e.$slots["left-icon"] || e.leftIcon ? $(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (u(), v(f(b), {
+            Y() ? (u(), v("div", he, [
+              e.$slots["left-icon"] || e.leftIcon ? E(e.$slots, "left-icon", { key: 0 }, () => [
+                typeof e.leftIcon == "string" ? (u(), y(f(h), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (u(), v(q(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (u(), y(D(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : d("v-if", !0)
-              ], !0) : d("v-if", !0)
-            ])) : d("v-if", !0),
-            T("div", he, [
-              x(T("input", _({
-                id: f(E),
-                ref_key: "input",
-                ref: h,
-                "onUpdate:modelValue": m[0] || (m[0] = (N) => F.value = N),
-                type: M.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: c.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, ee({
-                blur: G,
-                focus: Y,
-                change: W,
-                input: J
-              }, !0), {
-                onClick: m[1] || (m[1] = (N) => e.$emit("click", N))
-              }), null, 16, ge), [
-                [te, F.value]
-              ]),
-              e.label || e.hint ? (u(), g(
-                "span",
-                {
-                  key: 0,
-                  class: S(["m-input-label", [
-                    {
-                      "maz-text-danger-600": e.error,
-                      "maz-text-success-600": e.success,
-                      "maz-text-warning-600": e.warning
-                    }
-                  ]])
-                },
-                [
-                  oe(
-                    ne(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (u(), g("sup", ze, "*")) : d("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : d("v-if", !0)
-            ]),
-            L() ? (u(), g("div", we, [
-              e.$slots["right-icon"] || e.rightIcon ? $(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (u(), v(f(b), {
+                })) : i("v-if", !0)
+              ], !0) : i("v-if", !0)
+            ])) : i("v-if", !0),
+            C(
+              "div",
+              {
+                class: w(["m-input-wrapper-input", [`--${e.size}`, { "--top-label": !!e.topLabel }]])
+              },
+              [
+                _(C("input", ee({ id: f(V) }, e.$attrs, {
+                  ref_key: "input",
+                  ref: g,
+                  "onUpdate:modelValue": m[0] || (m[0] = ($) => N.value = $),
+                  name: e.name,
+                  placeholder: c.value,
+                  "aria-label": e.label || e.placeholder,
+                  type: S.value,
+                  inputmode: e.inputmode,
+                  disabled: e.disabled,
+                  readonly: e.readonly,
+                  autocomplete: e.autocomplete,
+                  required: e.required,
+                  class: "m-input-input"
+                }, te({
+                  blur: W,
+                  focus: G,
+                  change: J,
+                  input: Q
+                }, !0), {
+                  onClick: m[1] || (m[1] = ($) => e.$emit("click", $))
+                }), null, 16, ge), [
+                  [oe, N.value]
+                ]),
+                e.label || e.hint ? (u(), v(
+                  "span",
+                  {
+                    key: 0,
+                    class: w(["m-input-label", [
+                      {
+                        "maz-text-danger-600": e.error,
+                        "maz-text-success-600": e.success,
+                        "maz-text-warning-600": e.warning
+                      }
+                    ]])
+                  },
+                  [
+                    re(
+                      A(e.hint || e.label) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    e.required ? (u(), v("sup", ze, "*")) : i("v-if", !0)
+                  ],
+                  2
+                  /* CLASS */
+                )) : i("v-if", !0)
+              ],
+              2
+              /* CLASS */
+            ),
+            K() ? (u(), v("div", we, [
+              e.$slots["right-icon"] || e.rightIcon ? E(e.$slots, "right-icon", { key: 0 }, () => [
+                typeof e.rightIcon == "string" ? (u(), y(f(h), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (u(), v(q(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (u(), y(D(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : d("v-if", !0)
-              ], !0) : d("v-if", !0),
-              B.value ? (u(), v(f(s), {
+                })) : i("v-if", !0)
+              ], !0) : i("v-if", !0),
+              T.value ? (u(), y(f(d), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: m[2] || (m[2] = re((N) => p.value = !p.value, ["stop"]))
+                onClick: m[2] || (m[2] = ne(($) => p.value = !p.value, ["stop"]))
               }, {
-                default: A(() => [
-                  p.value ? (u(), v(f(C), {
+                default: P(() => [
+                  p.value ? (u(), y(f(M), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (u(), v(f(I), {
+                  })) : (u(), y(f(I), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : d("v-if", !0),
-              e.$slots["valid-button"] || e.validButton ? $(e.$slots, "valid-button", { key: 2 }, () => [
-                P(f(s), {
+              })) : i("v-if", !0),
+              e.$slots["valid-button"] || e.validButton ? E(e.$slots, "valid-button", { key: 2 }, () => [
+                q(f(d), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -319,29 +333,46 @@ const be = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: A(() => [
-                    P(f(k), { class: "maz-text-2xl maz-text-normal" })
+                  default: P(() => [
+                    q(f(B), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : d("v-if", !0)
-            ])) : d("v-if", !0)
+              ], !0) : i("v-if", !0)
+            ])) : i("v-if", !0)
           ],
           2
           /* CLASS */
-        )
+        ),
+        e.assistiveText ? (u(), v(
+          "div",
+          {
+            key: 1,
+            class: w(["m-input-bottom-text", [
+              {
+                "maz-text-danger-600": e.error,
+                "maz-text-success-600": e.success,
+                "maz-text-warning-600": e.warning,
+                "maz-text-muted": !e.error && !e.success && !e.warning
+              }
+            ]])
+          },
+          A(e.assistiveText),
+          3
+          /* TEXT, CLASS */
+        )) : i("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ke = (l, r) => {
+}), Ie = (l, n) => {
   const t = l.__vccOpts || l;
-  for (const [n, s] of r)
-    t[n] = s;
+  for (const [r, d] of n)
+    t[r] = d;
   return t;
-}, Be = /* @__PURE__ */ ke(Ie, [["__scopeId", "data-v-c42aaa7f"]]), Fe = /* @__PURE__ */ D({
+}, Be = /* @__PURE__ */ Ie(ke, [["__scopeId", "data-v-04e832e5"]]), Te = /* @__PURE__ */ L({
   __name: "MazInputPrice",
   props: {
     modelValue: { default: void 0 },
@@ -358,13 +389,13 @@ const be = {
     currencyOptions: {}
   },
   emits: ["update:model-value", "input", "formatted", "blur", "focus"],
-  setup(l, { emit: r }) {
-    const t = l, n = r, s = w(p(t.modelValue));
-    ae(() => t.modelValue, V);
-    const b = w(!1), C = i(() => {
+  setup(l, { emit: n }) {
+    const t = l, r = n, d = k(p(t.modelValue));
+    ae(() => t.modelValue, F);
+    const h = k(!1), M = s(() => {
       var o;
       return (o = t.modelValue) == null ? void 0 : o.toString();
-    }), I = i(() => t.modelValue), k = i(
+    }), I = s(() => t.modelValue), B = s(
       () => typeof I.value == "number" ? pe(I.value, t.locale, { ...t.currencyOptions, currency: t.currency }) : void 0
     );
     function p(o) {
@@ -372,48 +403,48 @@ const be = {
       let a = typeof o == "string" ? Number.parseFloat(o.replace(",", ".").replaceAll(/[^\d.]/g, "")) : o;
       return a = c && a ? -a : a, (typeof a != "number" || Number.isNaN(a)) && (a = void 0), a && a < t.min && (a = t.min), a && a > t.max && (a = t.max), a;
     }
-    const y = i(() => {
-      if (b.value)
-        return C.value;
+    const b = s(() => {
+      if (h.value)
+        return M.value;
       if (typeof t.modelValue == "number")
-        return k.value;
+        return B.value;
     });
-    async function h(o) {
+    async function g(o) {
       const c = p(o);
-      n("update:model-value", c), await ue(), n("formatted", k.value);
+      r("update:model-value", c), await ue(), r("formatted", B.value);
     }
     O(() => {
-      h(t.modelValue);
+      g(t.modelValue);
     });
-    function E(o) {
-      b.value = !1, h(s.value), n("blur", o);
+    function V(o) {
+      h.value = !1, g(d.value), r("blur", o);
     }
-    function B(o) {
-      b.value = !0, n("focus", o);
+    function T(o) {
+      h.value = !0, r("focus", o);
     }
-    function M() {
-      n("input", s.value);
+    function S() {
+      r("input", d.value);
     }
-    function V(o) {
-      s.value = p(o);
+    function F(o) {
+      d.value = p(o);
     }
-    return (o, c) => (u(), v(Be, {
-      "model-value": y.value,
-      class: "maz-input-price",
+    return (o, c) => (u(), y(Be, {
+      "model-value": b.value,
+      class: "maz-input-price m-reset-css",
       block: o.block,
       error: o.error,
       success: o.success,
       warning: o.warning,
       hint: o.hint,
-      onFocus: B,
-      onBlur: E,
-      onInput: M,
-      onKeydown: c[0] || (c[0] = le((a) => h(s.value), ["enter"])),
-      "onUpdate:modelValue": c[1] || (c[1] = (a) => V(a))
+      onFocus: T,
+      onBlur: V,
+      onInput: S,
+      onKeydown: c[0] || (c[0] = le((a) => g(d.value), ["enter"])),
+      "onUpdate:modelValue": c[1] || (c[1] = (a) => F(a))
     }, {
-      "left-icon": A(() => [
-        o.noIcon ? d("v-if", !0) : $(o.$slots, "left-icon", { key: 0 }, () => [
-          P(f(de), { class: "maz-text-xl" })
+      "left-icon": P(() => [
+        o.noIcon ? i("v-if", !0) : E(o.$slots, "left-icon", { key: 0 }, () => [
+          q(f(de), { class: "maz-text-xl" })
         ])
       ]),
       _: 3
@@ -422,6 +453,6 @@ const be = {
   }
 });
 export {
-  ke as _,
-  Fe as a
+  Ie as _,
+  Te as a
 };