maz-ui 3.37.0 → 3.37.2

package/components/chunks/{MazInputTags-pm_5HtHM.mjs → MazInputTags-CipoVBP2.mjs}

@@ -1,5 +1,5 @@
 import '../assets/MazInputTags.css';
-import { getCurrentInstance as ne, computed as u, defineComponent as N, defineAsyncComponent as V, ref as T, onMounted as ae, useSlots as H, openBlock as l, createElementBlock as b, normalizeClass as M, normalizeStyle as K, createElementVNode as E, createCommentVNode as s, renderSlot as S, createBlock as p, unref as v, resolveDynamicComponent as F, withDirectives as le, mergeProps as G, toHandlers as re, vModelDynamic as se, createTextVNode as X, toDisplayString as J, withModifiers as Q, withCtx as A, createVNode as P, useAttrs as ie, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as O } from "vue";
+import { getCurrentInstance as ne, computed as u, defineComponent as N, defineAsyncComponent as V, ref as T, onMounted as le, useSlots as H, openBlock as a, createElementBlock as b, normalizeClass as M, normalizeStyle as K, createElementVNode as E, createCommentVNode as s, renderSlot as S, createBlock as p, unref as v, resolveDynamicComponent as F, withDirectives as ae, mergeProps as G, toHandlers as re, vModelDynamic as se, createTextVNode as X, toDisplayString as J, withModifiers as Q, withCtx as A, createVNode as P, useAttrs as ie, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as O } from "vue";
 function pe(f, y) {
   let n;
   return function(...g) {
@@ -53,19 +53,20 @@ const me = ({
     borderActive: { type: Boolean, default: !1 },
     leftIcon: { default: void 0 },
     rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 }
+    roundedSize: { default: void 0 },
+    block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(f, { emit: y }) {
-    const n = V(() => Promise.resolve().then(() => Be)), g = V(() => import("./MazIcon-Cxrv3_OK.mjs")), h = V(() => import("./eye-slash-tjfxO0LK.mjs")), z = V(() => import("./eye-DqO_Jx56.mjs")), r = V(() => import("./check-CL-vqe79.mjs")), o = f, B = y, m = T(!1), w = T(!1), D = T(), $ = me({
+    const n = V(() => Promise.resolve().then(() => Ie)), g = V(() => import("./MazIcon-Cxrv3_OK.mjs")), h = V(() => import("./eye-slash-tjfxO0LK.mjs")), z = V(() => import("./eye-DqO_Jx56.mjs")), r = V(() => import("./check-CL-vqe79.mjs")), o = f, I = y, m = T(!1), w = T(!1), D = T(), $ = me({
       componentName: "MazInput",
       providedId: o.id
     });
-    ae(() => {
+    le(() => {
       var e;
       o.autoFocus && ((e = D.value) == null || e.focus());
     });
-    const C = u(() => o.type === "password"), a = u(() => m.value ? "text" : o.type), i = u(() => {
+    const C = u(() => o.type === "password"), l = u(() => m.value ? "text" : o.type), i = u(() => {
       if (!o.noBorder) {
         if (o.error)
           return "maz-border-danger";
@@ -94,9 +95,9 @@ const me = ({
         return "--default-border";
       }
     }), c = H(), d = u(() => {
-      const { required: e, placeholder: I } = o;
-      if (I)
-        return e ? `${I} *` : I;
+      const { required: e, placeholder: B } = o;
+      if (B)
+        return e ? `${B} *` : B;
     }), t = u(() => L.value !== void 0 && L.value !== ""), k = pe(
       (e) => {
         L.value = e;
@@ -107,7 +108,7 @@ const me = ({
       set: (e) => {
         if (o.debounce)
           return k(e);
-        B("update:model-value", e);
+        I("update:model-value", e);
       }
     }), Y = u(() => (!!o.label || !!o.hint) && (w.value || !!t.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = u(() => !!o.label || !!o.hint);
     function _() {
@@ -117,15 +118,15 @@ const me = ({
       return !!c["left-icon"] || !!o.leftIcon;
     }
     function ee(e) {
-      B("focus", e), w.value = !0;
+      I("focus", e), w.value = !0;
     }
     function oe(e) {
-      B("blur", e), w.value = !1;
+      I("blur", e), w.value = !1;
     }
     function te(e) {
-      return B("change", e);
+      return I("change", e);
     }
-    return (e, I) => (l(), b(
+    return (e, B) => (a(), b(
       "div",
       {
         class: M(["m-input", [
@@ -136,7 +137,8 @@ const me = ({
             "--is-disabled": e.disabled,
             "--is-readonly": e.readonly,
             "--has-z-2": e.error || e.warning || e.success,
-            "--has-state": e.error || e.warning || e.success
+            "--has-state": e.error || e.warning || e.success,
+            "--block": e.block
           },
           o.class,
           `--${e.color}`,
@@ -155,28 +157,28 @@ const me = ({
             ]])
           },
           [
-            x() ? (l(), b("div", ve, [
+            x() ? (a(), b("div", ve, [
               s(`
           @slot left-icon - The icon to display on the left of the input
         `),
               e.$slots["left-icon"] || e.leftIcon ? S(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (l(), p(v(g), {
+                typeof e.leftIcon == "string" ? (a(), p(v(g), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (l(), p(F(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (a(), p(F(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : s("v-if", !0)
               ], !0) : s("v-if", !0)
             ])) : s("v-if", !0),
             E("div", be, [
-              le(E("input", G({
+              ae(E("input", G({
                 id: v($),
                 ref_key: "input",
                 ref: D,
-                "onUpdate:modelValue": I[0] || (I[0] = (q) => L.value = q),
-                type: a.value,
+                "onUpdate:modelValue": B[0] || (B[0] = (q) => L.value = q),
+                type: l.value,
                 name: e.name
               }, e.$attrs, {
                 inputmode: e.inputmode,
@@ -191,11 +193,11 @@ const me = ({
                 focus: ee,
                 change: te
               }, !0), {
-                onClick: I[1] || (I[1] = (q) => e.$emit("click", q))
+                onClick: B[1] || (B[1] = (q) => e.$emit("click", q))
               }), null, 16, ye), [
                 [se, L.value]
               ]),
-              e.label || e.hint ? (l(), b(
+              e.label || e.hint ? (a(), b(
                 "span",
                 {
                   key: 0,
@@ -214,38 +216,38 @@ const me = ({
                     1
                     /* TEXT */
                   ),
-                  e.required ? (l(), b("sup", ge, "*")) : s("v-if", !0)
+                  e.required ? (a(), b("sup", ge, "*")) : s("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : s("v-if", !0)
             ]),
-            _() ? (l(), b("div", he, [
+            _() ? (a(), b("div", he, [
               s(`
           @slot right-icon - The icon to display on the right of the input
         `),
               e.$slots["right-icon"] || e.rightIcon ? S(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (l(), p(v(g), {
+                typeof e.rightIcon == "string" ? (a(), p(v(g), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (l(), p(F(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (a(), p(F(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : s("v-if", !0)
               ], !0) : s("v-if", !0),
-              C.value ? (l(), p(v(n), {
+              C.value ? (a(), p(v(n), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: I[2] || (I[2] = Q((q) => m.value = !m.value, ["stop"]))
+                onClick: B[2] || (B[2] = Q((q) => m.value = !m.value, ["stop"]))
               }, {
                 default: A(() => [
-                  m.value ? (l(), p(v(h), {
+                  m.value ? (a(), p(v(h), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (l(), p(v(z), {
+                  })) : (a(), p(v(z), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -288,7 +290,7 @@ const me = ({
   for (const [g, h] of y)
     n[g] = h;
   return n;
-}, ke = /* @__PURE__ */ R(ze, [["__scopeId", "data-v-f1c52a34"]]), Ie = /* @__PURE__ */ N({
+}, ke = /* @__PURE__ */ R(ze, [["__scopeId", "data-v-78090be8"]]), Be = /* @__PURE__ */ N({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -313,20 +315,20 @@ const me = ({
     contentClass: { default: void 0 }
   },
   setup(f) {
-    const y = V(() => import("./MazSpinner-DZTqt2Yn.mjs")), n = V(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: g, to: h } = ie(), z = H(), r = f;
+    const y = V(() => import("./MazSpinner-DECa8Pby.mjs")), n = V(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: g, to: h } = ie(), z = H(), r = f;
     ue(() => {
       r.icon && !r.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
-    const o = u(() => g ? "a" : h ? "router-link" : "button"), B = u(
+    const o = u(() => g ? "a" : h ? "router-link" : "button"), I = u(
       () => r.pastel ? `--${r.color}-pastel` : r.outline ? `--${r.color}-outline` : `--${r.color}`
     ), m = u(
       () => (r.loading || r.disabled) && o.value === "button"
-    ), w = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), D = u(() => `--is-${r.variant}`), $ = u(() => r.loading && r.variant === "button"), C = u(() => !!z["left-icon"] || r.leftIcon), a = u(() => !!z["right-icon"] || r.rightIcon), i = u(() => C.value || a.value), c = u(() => r.fab && (r.icon || !!z.icon)), d = u(() => o.value === "button" ? r.type : void 0);
-    return (t, k) => (l(), p(F(o.value), {
+    ), w = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), D = u(() => `--is-${r.variant}`), $ = u(() => r.loading && r.variant === "button"), C = u(() => !!z["left-icon"] || r.leftIcon), l = u(() => !!z["right-icon"] || r.rightIcon), i = u(() => C.value || l.value), c = u(() => r.fab && (r.icon || !!z.icon)), d = u(() => o.value === "button" ? r.type : void 0);
+    return (t, k) => (a(), p(F(o.value), {
       disabled: m.value,
       class: M(["m-btn", [
         `--${t.size}`,
-        B.value,
+        I.value,
         w.value,
         D.value,
         {
@@ -346,7 +348,7 @@ const me = ({
       type: d.value
     }, {
       default: A(() => [
-        C.value ? (l(), b(
+        C.value ? (a(), b(
           "div",
           {
             key: 0,
@@ -357,16 +359,16 @@ const me = ({
         @slot left-icon - The icon to display on the left of the button
       `),
             S(t.$slots, "left-icon", {}, () => [
-              typeof t.leftIcon == "string" ? (l(), p(v(n), {
+              typeof t.leftIcon == "string" ? (a(), p(v(n), {
                 key: 0,
                 name: t.leftIcon
-              }, null, 8, ["name"])) : t.leftIcon ? (l(), p(F(t.leftIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.leftIcon ? (a(), p(F(t.leftIcon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : s("v-if", !0),
-        c.value ? (l(), b(
+        c.value ? (a(), b(
           "div",
           {
             key: 1,
@@ -377,16 +379,16 @@ const me = ({
         @slot icon - The icon to display on the fab button
       `),
             S(t.$slots, "icon", {}, () => [
-              typeof t.icon == "string" ? (l(), p(v(n), {
+              typeof t.icon == "string" ? (a(), p(v(n), {
                 key: 0,
                 name: t.icon
-              }, null, 8, ["name"])) : t.icon ? (l(), p(F(t.icon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.icon ? (a(), p(F(t.icon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : s("v-if", !0),
-        t.$slots.default ? (l(), b(
+        t.$slots.default ? (a(), b(
           "span",
           {
             key: 2,
@@ -401,7 +403,7 @@ const me = ({
           2
           /* CLASS */
         )) : s("v-if", !0),
-        a.value ? (l(), b(
+        l.value ? (a(), b(
           "div",
           {
             key: 3,
@@ -412,16 +414,16 @@ const me = ({
         @slot right-icon - The icon to display on the right of the button
       `),
             S(t.$slots, "right-icon", {}, () => [
-              typeof t.rightIcon == "string" ? (l(), p(v(n), {
+              typeof t.rightIcon == "string" ? (a(), p(v(n), {
                 key: 0,
                 name: t.rightIcon
-              }, null, 8, ["name"])) : t.rightIcon ? (l(), p(F(t.rightIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.rightIcon ? (a(), p(F(t.rightIcon), { key: 1 })) : s("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : s("v-if", !0),
-        $.value ? (l(), p(v(y), {
+        $.value ? (a(), p(v(y), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
@@ -432,7 +434,7 @@ const me = ({
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), W = /* @__PURE__ */ R(Ie, [["__scopeId", "data-v-395e94fc"]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), W = /* @__PURE__ */ R(Be, [["__scopeId", "data-v-395e94fc"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: W
 }, Symbol.toStringTag, { value: "Module" })), we = {
@@ -457,7 +459,7 @@ const me = ({
   $e
 ];
 function Ce(f, y) {
-  return l(), b("svg", we, [...Me]);
+  return a(), b("svg", we, [...Me]);
 }
 const Te = { render: Ce };
 function j(f) {
@@ -477,28 +479,29 @@ const Ve = /* @__PURE__ */ N({
     success: { type: Boolean, default: !1 },
     warning: { type: Boolean, default: !1 },
     size: { default: "md" },
-    color: { default: "primary" }
+    color: { default: "primary" },
+    block: { type: Boolean }
   },
   emits: ["update:model-value"],
   setup(f, { emit: y }) {
-    const n = f, g = T(!1), h = T(), z = T(), r = T(), o = T(), B = y, m = u(
+    const n = f, g = T(!1), h = T(), z = T(), r = T(), o = T(), I = y, m = u(
       () => {
-        var a;
-        return (a = n.modelValue) == null ? void 0 : a.map((i) => ({
+        var l;
+        return (l = n.modelValue) == null ? void 0 : l.map((i) => ({
           tag: i,
           id: Math.random().toString(36).slice(2, 11)
         }));
       }
-    ), w = (a) => {
+    ), w = (l) => {
       if (h.value) {
-        r.value = void 0, a.preventDefault();
+        r.value = void 0, l.preventDefault();
         const c = h.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(j).filter(
           (d) => {
             var t, k;
             return !((k = (t = n.modelValue) == null ? void 0 : t.filter(j)) != null && k.some((U) => U === d));
           }
         );
-        B(
+        I(
           "update:model-value",
           n.modelValue ? [...n.modelValue, ...c] : [...c]
         ), h.value = void 0;
@@ -530,38 +533,38 @@ const Ve = /* @__PURE__ */ N({
       }
       return "maz-border-border dark:maz-border-color-lighter";
     }), $ = () => {
-      var a, i;
-      o.value && clearTimeout(o.value), r.value ? (C(r.value), r.value = void 0) : (r.value = (i = (a = m.value) == null ? void 0 : a[m.value.length - 1]) == null ? void 0 : i.id, o.value = setTimeout(() => {
+      var l, i;
+      o.value && clearTimeout(o.value), r.value ? (C(r.value), r.value = void 0) : (r.value = (i = (l = m.value) == null ? void 0 : l[m.value.length - 1]) == null ? void 0 : i.id, o.value = setTimeout(() => {
         r.value = void 0;
       }, 2e3));
-    }, C = (a) => {
+    }, C = (l) => {
       var c;
-      const i = (c = m.value) == null ? void 0 : c.filter((d) => d.id !== a).map((d) => d.tag);
-      B("update:model-value", i);
+      const i = (c = m.value) == null ? void 0 : c.filter((d) => d.id !== l).map((d) => d.tag);
+      I("update:model-value", i);
     };
-    return (a, i) => (l(), b(
+    return (l, i) => (a(), b(
       "div",
       {
-        class: M(["m-input-tags", [D.value, `--${a.color}`, `--${a.size}`, n.class]]),
-        style: K(a.style),
+        class: M(["m-input-tags", [D.value, `--${l.color}`, `--${l.size}`, n.class, { "--block": l.block }]]),
+        style: K(l.style),
         onFocusCapture: i[3] || (i[3] = (c) => g.value = !0),
         onBlurCapture: i[4] || (i[4] = (c) => g.value = !1)
       },
       [
         P(de, { name: "maz-tags" }, {
           default: A(() => [
-            (l(!0), b(
+            (a(!0), b(
               ce,
               null,
-              fe(m.value, ({ tag: c, id: d }, t) => (l(), b("div", {
+              fe(m.value, ({ tag: c, id: d }, t) => (a(), b("div", {
                 key: `tag-${t}`,
                 class: "m-input-tags__wrapper"
               }, [
                 P(W, {
                   class: "m-input-tags__tag !maz-h-full",
-                  disabled: a.disabled,
-                  size: a.size,
-                  color: z.value === d || r.value === d ? "danger" : a.color,
+                  disabled: l.disabled,
+                  size: l.size,
+                  color: z.value === d || r.value === d ? "danger" : l.color,
                   "right-icon": v(Te),
                   onClick: Q((k) => C(d), ["stop"]),
                   onMouseenter: (k) => z.value = d,
@@ -591,27 +594,28 @@ const Ve = /* @__PURE__ */ N({
           key: "input-tags",
           modelValue: h.value,
           "onUpdate:modelValue": i[2] || (i[2] = (c) => h.value = c)
-        }, a.$attrs, {
-          placeholder: a.placeholder,
-          label: a.label,
-          "aria-label": a.label || a.placeholder,
-          error: a.error,
-          disabled: a.disabled,
-          color: a.color,
-          size: a.size,
+        }, l.$attrs, {
+          placeholder: l.placeholder,
+          label: l.label,
+          "aria-label": l.label || l.placeholder,
+          error: l.error,
+          disabled: l.disabled,
+          color: l.color,
+          block: l.block,
+          size: l.size,
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
             O(w, ["enter"]),
             O($, ["delete"])
           ]
-        }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "size"])
+        }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "block", "size"])
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), De = /* @__PURE__ */ R(Ve, [["__scopeId", "data-v-9a4db42d"]]);
+}), De = /* @__PURE__ */ R(Ve, [["__scopeId", "data-v-e2a6896e"]]);
 export {
   De as M,
   R as _