maz-ui 3.44.0 → 3.44.2

package/components/chunks/{MazInput-BpsE-mdg.mjs → MazInput-D177bUMh.mjs}

@@ -1,5 +1,5 @@
-import { getCurrentInstance as K, computed as r, defineComponent as Q, defineAsyncComponent as c, ref as z, onMounted as W, useSlots as X, openBlock as a, createElementBlock as p, normalizeClass as g, normalizeStyle as Y, createElementVNode as k, createCommentVNode as o, renderSlot as I, createBlock as d, unref as s, resolveDynamicComponent as C, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ae, withCtx as V, createVNode as M } from "vue";
-import '../assets/MazInput.css';function ne({
+import { getCurrentInstance as K, computed as r, defineComponent as Q, defineAsyncComponent as f, ref as z, onMounted as W, useSlots as X, openBlock as n, createElementBlock as p, normalizeClass as g, normalizeStyle as Y, createElementVNode as k, createCommentVNode as o, renderSlot as I, createBlock as d, unref as s, resolveDynamicComponent as C, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ne, withCtx as V, createVNode as S } from "vue";
+import '../assets/MazInput.css';function ae({
   componentName: i,
   providedId: u
 }) {
@@ -20,7 +20,7 @@ const re = {
 }, ie = { class: "m-input-wrapper-input" }, se = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], ue = { key: 0 }, de = {
   key: 1,
   class: "m-input-wrapper-right"
-}, fe = /* @__PURE__ */ Q({
+}, ce = /* @__PURE__ */ Q({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -51,14 +51,14 @@ const re = {
     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(i, { emit: u }) {
-    const t = i, l = u, m = c(() => import("./MazBtn-DJhQqzja.mjs")), B = c(() => import("./MazIcon-BDGxCy9M.mjs")), S = c(() => import("./eye-slash-tjfxO0LK.mjs")), q = c(() => import("./eye-DqO_Jx56.mjs")), T = c(() => import("./check-CL-vqe79.mjs")), v = z(!1), f = z(!1), w = z(), D = ne({
+    const t = i, l = u, m = f(() => import("./MazBtn-CPkNymJj.mjs")), B = f(() => import("./MazIcon-BDGxCy9M.mjs")), M = f(() => import("./eye-slash-tjfxO0LK.mjs")), q = f(() => import("./eye-DqO_Jx56.mjs")), T = f(() => import("./check-CL-vqe79.mjs")), v = z(!1), c = z(!1), w = z(), D = ae({
       componentName: "MazInput",
       providedId: t.id
     });
@@ -74,7 +74,7 @@ const re = {
           return "maz-border-success";
         if (t.warning)
           return "maz-border-warning";
-        if (f.value || t.borderActive) {
+        if (c.value || t.borderActive) {
           if (t.color === "black")
             return "maz-border-black";
           if (t.color === "danger")
@@ -95,47 +95,47 @@ const re = {
         return "--default-border";
       }
     }), h = X(), A = r(() => {
-      const { required: e, placeholder: n } = t;
-      if (n)
-        return e ? `${n} *` : n;
-    }), E = r(() => y.value !== void 0 && y.value !== ""), L = le(
+      const { required: e, placeholder: a } = t;
+      if (a)
+        return e ? `${a} *` : a;
+    }), E = r(() => y.value !== void 0 && y.value !== ""), F = le(
       (e) => {
         l("update:model-value", e);
       },
       typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
     );
-    function R(e) {
+    function L(e) {
       if (t.debounce)
-        return L(e);
+        return F(e);
       l("update:model-value", e);
     }
     const y = r({
       get: () => t.modelValue,
-      set: (e) => R(e)
-    }), F = r(() => (!!t.label || !!t.hint) && (f.value || !!E.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), U = r(() => !!t.label || !!t.hint);
-    function O() {
+      set: (e) => L(e)
+    }), O = r(() => (!!t.label || !!t.hint) && (c.value || !!E.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), R = r(() => !!t.label || !!t.hint);
+    function U() {
       return !!h["right-icon"] || $.value || !!h["valid-button"] || t.validButton || !!t.rightIcon;
     }
-    function H() {
+    function j() {
       return !!h["left-icon"] || !!t.leftIcon;
     }
-    function j(e) {
-      l("focus", e), f.value = !0;
+    function H(e) {
+      l("focus", e), c.value = !0;
     }
     function G(e) {
-      l("blur", e), f.value = !1;
+      l("blur", e), c.value = !1;
     }
     function J(e) {
       return l("change", e);
     }
-    return (e, n) => (a(), p(
+    return (e, a) => (n(), p(
       "div",
       {
         class: g(["m-input", [
           {
-            "--is-focused": f.value || e.borderActive,
-            "--should-up": F.value,
-            "--has-label": U.value,
+            "--is-focused": c.value || e.borderActive,
+            "--should-up": O.value,
+            "--has-label": R.value,
             "--is-disabled": e.disabled,
             "--is-readonly": e.readonly,
             "--has-z-2": e.error || e.warning || e.success,
@@ -159,16 +159,16 @@ const re = {
             ]])
           },
           [
-            H() ? (a(), p("div", re, [
+            j() ? (n(), p("div", re, [
               o(`
           @slot left-icon - The icon to display on the left of the input
         `),
               e.$slots["left-icon"] || e.leftIcon ? I(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (a(), d(s(B), {
+                typeof e.leftIcon == "string" ? (n(), d(s(B), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (a(), d(C(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (n(), d(C(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : o("v-if", !0)
@@ -179,7 +179,7 @@ const re = {
                 id: s(D),
                 ref_key: "input",
                 ref: w,
-                "onUpdate:modelValue": n[0] || (n[0] = (b) => y.value = b),
+                "onUpdate:modelValue": a[0] || (a[0] = (b) => y.value = b),
                 type: N.value,
                 name: e.name
               }, e.$attrs, {
@@ -192,14 +192,14 @@ const re = {
                 class: "m-input-input"
               }, _({
                 blur: G,
-                focus: j,
+                focus: H,
                 change: J
               }, !0), {
-                onClick: n[1] || (n[1] = (b) => e.$emit("click", b))
+                onClick: a[1] || (a[1] = (b) => e.$emit("click", b))
               }), null, 16, se), [
                 [ee, y.value]
               ]),
-              e.label || e.hint ? (a(), p(
+              e.label || e.hint ? (n(), p(
                 "span",
                 {
                   key: 0,
@@ -217,38 +217,38 @@ const re = {
                     1
                     /* TEXT */
                   ),
-                  e.required ? (a(), p("sup", ue, "*")) : o("v-if", !0)
+                  e.required ? (n(), p("sup", ue, "*")) : o("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : o("v-if", !0)
             ]),
-            O() ? (a(), p("div", de, [
+            U() ? (n(), p("div", de, [
               o(`
           @slot right-icon - The icon to display on the right of the input
         `),
               e.$slots["right-icon"] || e.rightIcon ? I(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (a(), d(s(B), {
+                typeof e.rightIcon == "string" ? (n(), d(s(B), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (a(), d(C(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (n(), d(C(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : o("v-if", !0)
               ], !0) : o("v-if", !0),
-              $.value ? (a(), d(s(m), {
+              $.value ? (n(), d(s(m), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: n[2] || (n[2] = ae((b) => v.value = !v.value, ["stop"]))
+                onClick: a[2] || (a[2] = ne((b) => v.value = !v.value, ["stop"]))
               }, {
                 default: V(() => [
-                  v.value ? (a(), d(s(S), {
+                  v.value ? (n(), d(s(M), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (a(), d(s(q), {
+                  })) : (n(), d(s(q), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -260,7 +260,7 @@ const re = {
           @slot valid-button - Replace the valid button by your own
         `),
               e.$slots["valid-button"] || e.validButton ? I(e.$slots, "valid-button", { key: 2 }, () => [
-                M(s(m), {
+                S(s(m), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -270,7 +270,7 @@ const re = {
                   type: "submit"
                 }, {
                   default: V(() => [
-                    M(s(T), { class: "maz-text-2xl maz-text-normal" })
+                    S(s(T), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -286,13 +286,13 @@ const re = {
       /* CLASS, STYLE */
     ));
   }
-}), ce = (i, u) => {
+}), fe = (i, u) => {
   const t = i.__vccOpts || i;
   for (const [l, m] of u)
     t[l] = m;
   return t;
-}, me = /* @__PURE__ */ ce(fe, [["__scopeId", "data-v-e9affc48"]]);
+}, me = /* @__PURE__ */ fe(ce, [["__scopeId", "data-v-e9affc48"]]);
 export {
   me as M,
-  ce as _
+  fe as _
 };