maz-ui 3.46.1-beta.5 → 3.46.1-beta.6

package/components/chunks/{MazInputTags-DinwbXaD.mjs → MazInputTags-DKlGT2IB.mjs}

@@ -1,16 +1,16 @@
-import { openBlock as r, createElementBlock as w, createElementVNode as E, defineComponent as q, defineAsyncComponent as S, useAttrs as le, useSlots as H, computed as i, createBlock as v, resolveDynamicComponent as F, normalizeClass as z, withCtx as D, createCommentVNode as s, renderSlot as M, unref as y, createVNode as L, useId as ae, ref as $, onMounted as re, normalizeStyle as K, withDirectives as se, mergeProps as G, toHandlers as ie, vModelDynamic as ue, createTextVNode as J, toDisplayString as Q, withModifiers as W, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as N } from "vue";
+import { openBlock as s, createElementBlock as $, createElementVNode as E, defineComponent as q, defineAsyncComponent as S, useAttrs as ae, useSlots as H, computed as r, createBlock as v, resolveDynamicComponent as F, normalizeClass as k, withCtx as P, createCommentVNode as i, renderSlot as M, unref as b, createVNode as L, useId as le, ref as T, onMounted as re, normalizeStyle as K, withDirectives as se, mergeProps as G, toHandlers as ie, vModelDynamic as ue, createTextVNode as J, toDisplayString as Q, withModifiers as W, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as N } from "vue";
 import '../assets/MazInputTags.css';function U(f) {
   return !!f;
 }
-const pe = {
+const me = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function me(f, l) {
-  return r(), w("svg", pe, l[0] || (l[0] = [
+function pe(f, t) {
+  return s(), $("svg", me, t[0] || (t[0] = [
     E(
       "path",
       {
@@ -26,10 +26,10 @@ function me(f, l) {
     )
   ]));
 }
-const ve = { render: me }, be = {
+const ve = { render: pe }, ye = {
   key: 2,
   class: "m-btn-loader-container"
-}, ye = /* @__PURE__ */ q({
+}, be = /* @__PURE__ */ q({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -50,114 +50,116 @@ const ve = { render: me }, be = {
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 },
     noPadding: { type: Boolean },
-    noElevation: { type: Boolean }
+    noElevation: { type: Boolean },
+    justify: { default: "center" }
   },
   setup(f) {
-    const l = f, o = S(() => import("./MazSpinner-DhHVVBJE.mjs")), c = S(() => import("./MazIcon-BbvBov5G.mjs")), { href: k, to: h } = le(), g = H(), m = i(() => k ? "a" : h ? "router-link" : "button"), T = i(
-      () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
-    ), p = i(
-      () => (l.loading || l.disabled) && m.value === "button"
-    ), I = i(() => p.value ? "--cursor-default" : "--cursor-pointer"), V = i(() => `--is-${l.variant}`), O = i(() => l.loading && l.variant === "button"), C = i(() => !!g["left-icon"] || l.leftIcon), n = i(() => !!g["right-icon"] || l.rightIcon), a = i(() => C.value || n.value), u = i(() => l.icon || !!g.icon), d = i(() => m.value === "button" ? l.type : void 0), b = i(() => 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" : "md");
-    return (t, P) => (r(), v(F(m.value), {
-      disabled: p.value || void 0,
-      class: z(["m-btn", [
-        `--${t.size}`,
-        !t.fab && !t.rounded && t.roundedSize && `--rounded-${t.roundedSize}`,
-        T.value,
-        I.value,
+    const t = f, o = S(() => import("./MazSpinner-D1zj-581.mjs")), c = S(() => import("./MazIcon-BbvBov5G.mjs")), { href: I, to: z } = ae(), g = H(), p = r(() => I ? "a" : z ? "router-link" : "button"), j = r(
+      () => t.pastel ? `--${t.color}-pastel` : t.outline ? `--${t.color}-outline` : `--${t.color}`
+    ), m = r(
+      () => (t.loading || t.disabled) && p.value === "button"
+    ), B = r(() => m.value ? "--cursor-default" : "--cursor-pointer"), V = r(() => `--is-${t.variant}`), O = r(() => t.loading && t.variant === "button"), C = r(() => !!g["left-icon"] || t.leftIcon), n = r(() => !!g["right-icon"] || t.rightIcon), l = r(() => C.value || n.value), u = r(() => t.icon || !!g.icon), d = r(() => p.value === "button" ? t.type : void 0), y = r(() => t.size === "xl" ? "maz-text-3xl" : t.size === "lg" ? "maz-text-2xl" : t.size === "md" ? "maz-text-xl" : t.size === "sm" ? "maz-text-lg" : t.size === "xs" ? "maz-text-base" : t.size === "mini" ? "maz-text-sm" : "md"), h = r(() => t.justify === "start" ? "maz-justify-start" : t.justify === "end" ? "maz-justify-end" : t.justify === "center" ? "maz-justify-center" : t.justify === "between" ? "maz-justify-between" : t.justify === "around" ? "maz-justify-around" : t.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
+    return (a, D) => (s(), v(F(p.value), {
+      disabled: m.value || void 0,
+      class: k(["m-btn", [
+        `--${a.size}`,
+        !a.fab && !a.rounded && a.roundedSize && `--rounded-${a.roundedSize}`,
+        j.value,
+        B.value,
         V.value,
+        h.value,
         {
-          "--block": t.block,
-          "--no-underline": t.noUnderline,
-          "--fab": t.fab,
-          "--loading": t.loading,
-          "--disabled": p.value,
-          "--icon": a.value,
-          "--rounded": t.rounded,
-          "--no-rounded": t.noRounded,
-          "--no-padding": t.noPadding,
-          "--no-elevation": t.noElevation
+          "--block": a.block,
+          "--no-underline": a.noUnderline,
+          "--fab": a.fab,
+          "--loading": a.loading,
+          "--disabled": m.value,
+          "--icon": l.value,
+          "--rounded": a.rounded,
+          "--no-rounded": a.noRounded,
+          "--no-padding": a.noPadding,
+          "--no-elevation": a.noElevation
         }
       ]]),
       type: d.value
     }, {
-      default: D(() => [
-        s(`
+      default: P(() => [
+        i(`
       @slot left-icon - The icon to display on the left of the button
     `),
-        M(t.$slots, "left-icon", {}, () => [
-          typeof t.leftIcon == "string" ? (r(), v(y(c), {
+        M(a.$slots, "left-icon", {}, () => [
+          typeof a.leftIcon == "string" ? (s(), v(b(c), {
             key: 0,
-            name: t.leftIcon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : t.leftIcon ? (r(), v(F(t.leftIcon), {
+            name: a.leftIcon,
+            class: k([y.value])
+          }, null, 8, ["name", "class"])) : a.leftIcon ? (s(), v(F(a.leftIcon), {
             key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
+            class: k([y.value])
+          }, null, 8, ["class"])) : i("v-if", !0)
         ], !0),
-        s(`
+        i(`
       @slot icon - The icon to display on the fab button
     `),
-        u.value ? M(t.$slots, "icon", { key: 0 }, () => [
-          typeof t.icon == "string" ? (r(), v(y(c), {
+        u.value ? M(a.$slots, "icon", { key: 0 }, () => [
+          typeof a.icon == "string" ? (s(), v(b(c), {
             key: 0,
-            name: t.icon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : t.icon ? (r(), v(F(t.icon), {
+            name: a.icon,
+            class: k([y.value])
+          }, null, 8, ["name", "class"])) : a.icon ? (s(), v(F(a.icon), {
             key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
-        ], !0) : s("v-if", !0),
-        s(`
+            class: k([y.value])
+          }, null, 8, ["class"])) : i("v-if", !0)
+        ], !0) : i("v-if", !0),
+        i(`
       @slot default - The content of the button
     `),
-        M(t.$slots, "default", {}, void 0, !0),
-        s(`
+        M(a.$slots, "default", {}, void 0, !0),
+        i(`
       @slot left-icon - The icon to display on the left of the button
     `),
-        n.value ? M(t.$slots, "right-icon", { key: 1 }, () => [
-          typeof t.rightIcon == "string" ? (r(), v(y(c), {
+        n.value ? M(a.$slots, "right-icon", { key: 1 }, () => [
+          typeof a.rightIcon == "string" ? (s(), v(b(c), {
             key: 0,
-            name: t.rightIcon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : t.rightIcon ? (r(), v(F(t.rightIcon), {
+            name: a.rightIcon,
+            class: k([y.value])
+          }, null, 8, ["name", "class"])) : a.rightIcon ? (s(), v(F(a.rightIcon), {
             key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : s("v-if", !0)
-        ], !0) : s("v-if", !0),
-        O.value ? (r(), w("div", be, [
-          L(y(o), {
+            class: k([y.value])
+          }, null, 8, ["class"])) : i("v-if", !0)
+        ], !0) : i("v-if", !0),
+        O.value ? (s(), $("div", ye, [
+          L(b(o), {
             size: "2em",
-            color: t.color
+            color: a.color
           }, null, 8, ["color"])
-        ])) : s("v-if", !0)
+        ])) : i("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), R = (f, l) => {
+}), R = (f, t) => {
   const o = f.__vccOpts || f;
-  for (const [c, k] of l)
-    o[c] = k;
+  for (const [c, I] of t)
+    o[c] = I;
   return o;
-}, X = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-8deef21f"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, X = /* @__PURE__ */ R(be, [["__scopeId", "data-v-5aedac30"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: X
 }, Symbol.toStringTag, { value: "Module" }));
-function he({
+function ze({
   componentName: f,
-  providedId: l
+  providedId: t
 }) {
-  const o = ae();
-  return i(() => l ?? `${f}-${o}`);
+  const o = le();
+  return r(() => t ?? `${f}-${o}`);
 }
-function ze(f, l) {
+function he(f, t) {
   let o;
   return function(...c) {
     clearTimeout(o), o = setTimeout(() => {
       f.apply(this, c);
-    }, l);
+    }, t);
   };
 }
 const ke = {
@@ -203,8 +205,8 @@ const ke = {
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(f, { emit: l }) {
-    const o = f, c = l, k = S(() => Promise.resolve().then(() => ge)), h = S(() => import("./MazIcon-BbvBov5G.mjs")), g = S(() => import("./eye-slash-BoO00xzs.mjs")), m = S(() => import("./eye-f8zAUc30.mjs")), T = S(() => import("./check-BmubdHc_.mjs")), p = $(!1), I = $(!1), V = $(), O = he({
+  setup(f, { emit: t }) {
+    const o = f, c = t, I = S(() => Promise.resolve().then(() => ge)), z = S(() => import("./MazIcon-BbvBov5G.mjs")), g = S(() => import("./eye-slash-BoO00xzs.mjs")), p = S(() => import("./eye-f8zAUc30.mjs")), j = S(() => import("./check-BmubdHc_.mjs")), m = T(!1), B = T(!1), V = T(), O = ze({
       componentName: "MazInput",
       providedId: o.id
     });
@@ -212,7 +214,7 @@ const ke = {
       var e;
       o.autoFocus && ((e = V.value) == null || e.focus());
     });
-    const C = i(() => o.type === "password"), n = i(() => p.value ? "text" : o.type), a = i(() => {
+    const C = r(() => o.type === "password"), n = r(() => m.value ? "text" : o.type), l = r(() => {
       if (!o.noBorder) {
         if (o.error)
           return "maz-border-danger";
@@ -220,7 +222,7 @@ const ke = {
           return "maz-border-success";
         if (o.warning)
           return "maz-border-warning";
-        if (I.value || o.borderActive) {
+        if (B.value || o.borderActive) {
           if (o.color === "black")
             return "maz-border-black";
           if (o.color === "danger")
@@ -240,25 +242,25 @@ const ke = {
         }
         return "--default-border";
       }
-    }), u = H(), d = i(() => {
-      const { required: e, placeholder: B } = o;
-      if (B)
-        return e ? `${B} *` : B;
-    }), b = i(() => j.value !== void 0 && j.value !== ""), t = ze(
+    }), u = H(), d = r(() => {
+      const { required: e, placeholder: w } = o;
+      if (w)
+        return e ? `${w} *` : w;
+    }), y = r(() => D.value !== void 0 && D.value !== ""), h = he(
       (e) => {
         c("update:model-value", e);
       },
       typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
     );
-    function P(e) {
+    function a(e) {
       if (o.debounce)
-        return t(e);
+        return h(e);
       c("update:model-value", e);
     }
-    const j = i({
+    const D = r({
       get: () => o.modelValue,
-      set: (e) => P(e)
-    }), Y = i(() => (!!o.label || !!o.hint) && (I.value || !!b.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = i(() => !!o.label || !!o.hint);
+      set: (e) => a(e)
+    }), Y = r(() => (!!o.label || !!o.hint) && (B.value || !!y.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = r(() => !!o.label || !!o.hint);
     function x() {
       return !!u["right-icon"] || C.value || !!u["valid-button"] || o.validButton || !!o.rightIcon;
     }
@@ -266,10 +268,10 @@ const ke = {
       return !!u["left-icon"] || !!o.leftIcon;
     }
     function ee(e) {
-      c("focus", e), I.value = !0;
+      c("focus", e), B.value = !0;
     }
     function oe(e) {
-      c("blur", e), I.value = !1;
+      c("blur", e), B.value = !1;
     }
     function te(e) {
       return c("change", e);
@@ -277,12 +279,12 @@ const ke = {
     function ne(e) {
       return c("input", e);
     }
-    return (e, B) => (r(), w(
+    return (e, w) => (s(), $(
       "div",
       {
-        class: z(["m-input", [
+        class: k(["m-input", [
           {
-            "--is-focused": I.value || e.borderActive,
+            "--is-focused": B.value || e.borderActive,
             "--should-up": Y.value,
             "--has-label": Z.value,
             "--is-disabled": e.disabled,
@@ -301,34 +303,34 @@ const ke = {
         E(
           "div",
           {
-            class: z(["m-input-wrapper", [
+            class: k(["m-input-wrapper", [
               e.inputClasses,
-              a.value,
+              l.value,
               e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
             ]])
           },
           [
-            _() ? (r(), w("div", ke, [
-              s(`
+            _() ? (s(), $("div", ke, [
+              i(`
           @slot left-icon - The icon to display on the left of the input
         `),
               e.$slots["left-icon"] || e.leftIcon ? M(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (r(), v(y(h), {
+                typeof e.leftIcon == "string" ? (s(), v(b(z), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (r(), v(F(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (s(), v(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),
+                })) : i("v-if", !0)
+              ], !0) : i("v-if", !0)
+            ])) : i("v-if", !0),
             E("div", Ie, [
               se(E("input", G({
-                id: y(O),
+                id: b(O),
                 ref_key: "input",
                 ref: V,
-                "onUpdate:modelValue": B[0] || (B[0] = (A) => j.value = A),
+                "onUpdate:modelValue": w[0] || (w[0] = (A) => D.value = A),
                 type: n.value,
                 name: e.name
               }, e.$attrs, {
@@ -345,15 +347,15 @@ const ke = {
                 change: te,
                 input: ne
               }, !0), {
-                onClick: B[1] || (B[1] = (A) => e.$emit("click", A))
+                onClick: w[1] || (w[1] = (A) => e.$emit("click", A))
               }), null, 16, Be), [
-                [ue, j.value]
+                [ue, D.value]
               ]),
-              e.label || e.hint ? (r(), w(
+              e.label || e.hint ? (s(), $(
                 "span",
                 {
                   key: 0,
-                  class: z(["m-input-label", [
+                  class: k(["m-input-label", [
                     {
                       "maz-text-danger-600": e.error,
                       "maz-text-success-600": e.success,
@@ -367,50 +369,50 @@ const ke = {
                     1
                     /* TEXT */
                   ),
-                  e.required ? (r(), w("sup", we, "*")) : s("v-if", !0)
+                  e.required ? (s(), $("sup", we, "*")) : i("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : s("v-if", !0)
+              )) : i("v-if", !0)
             ]),
-            x() ? (r(), w("div", $e, [
-              s(`
+            x() ? (s(), $("div", $e, [
+              i(`
           @slot right-icon - The icon to display on the right of the input
         `),
               e.$slots["right-icon"] || e.rightIcon ? M(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (r(), v(y(h), {
+                typeof e.rightIcon == "string" ? (s(), v(b(z), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (r(), v(F(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (s(), v(F(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : s("v-if", !0)
-              ], !0) : s("v-if", !0),
-              C.value ? (r(), v(y(k), {
+                })) : i("v-if", !0)
+              ], !0) : i("v-if", !0),
+              C.value ? (s(), v(b(I), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: B[2] || (B[2] = W((A) => p.value = !p.value, ["stop"]))
+                onClick: w[2] || (w[2] = W((A) => m.value = !m.value, ["stop"]))
               }, {
-                default: D(() => [
-                  p.value ? (r(), v(y(g), {
+                default: P(() => [
+                  m.value ? (s(), v(b(g), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (r(), v(y(m), {
+                  })) : (s(), v(b(p), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : s("v-if", !0),
-              s(`
+              })) : i("v-if", !0),
+              i(`
           @slot valid-button - Replace the valid button by your own
         `),
               e.$slots["valid-button"] || e.validButton ? M(e.$slots, "valid-button", { key: 2 }, () => [
-                L(y(k), {
+                L(b(I), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -419,14 +421,14 @@ const ke = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: D(() => [
-                    L(y(T), { class: "maz-text-2xl maz-text-normal" })
+                  default: P(() => [
+                    L(b(j), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : s("v-if", !0)
-            ])) : s("v-if", !0)
+              ], !0) : i("v-if", !0)
+            ])) : i("v-if", !0)
           ],
           2
           /* CLASS */
@@ -436,7 +438,7 @@ const ke = {
       /* CLASS, STYLE */
     ));
   }
-}), Ce = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-b3e1e126"]]), Se = /* @__PURE__ */ q({
+}), je = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-b3e1e126"]]), Ce = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -456,39 +458,39 @@ const ke = {
     hint: {}
   },
   emits: ["update:model-value"],
-  setup(f, { emit: l }) {
-    const o = f, c = l, k = $(!1), h = $(), g = $(), m = $(), T = $(), p = i(
+  setup(f, { emit: t }) {
+    const o = f, c = t, I = T(!1), z = T(), g = T(), p = T(), j = T(), m = r(
       () => {
         var n;
-        return (n = o.modelValue) == null ? void 0 : n.map((a) => ({
-          tag: a,
+        return (n = o.modelValue) == null ? void 0 : n.map((l) => ({
+          tag: l,
           id: Math.random().toString(36).slice(2, 11)
         }));
       }
     );
-    function I(n) {
-      if (h.value) {
-        m.value = void 0, n.preventDefault();
-        const u = h.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(U).filter(
+    function B(n) {
+      if (z.value) {
+        p.value = void 0, n.preventDefault();
+        const u = z.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(U).filter(
           (d) => {
-            var b, t;
-            return !((t = (b = o.modelValue) == null ? void 0 : b.filter(U)) != null && t.some((P) => P === d));
+            var y, h;
+            return !((h = (y = o.modelValue) == null ? void 0 : y.filter(U)) != null && h.some((a) => a === d));
           }
         );
         c(
           "update:model-value",
           o.modelValue ? [...o.modelValue, ...u] : [...u]
-        ), h.value = void 0;
+        ), z.value = void 0;
       }
     }
-    const V = i(() => {
+    const V = r(() => {
       if (o.error)
         return "maz-border-danger";
       if (o.success)
         return "maz-border-success";
       if (o.warning)
         return "maz-border-warning";
-      if (k.value) {
+      if (I.value) {
         if (o.color === "primary")
           return "maz-border-primary";
         if (o.color === "secondary")
@@ -509,47 +511,47 @@ const ke = {
       return "maz-border-border dark:maz-border-color-lighter";
     });
     function O() {
-      var n, a, u;
-      h.value || p.value && ((n = p.value) == null ? void 0 : n.length) === 0 || (T.value && clearTimeout(T.value), m.value ? (C(m.value), m.value = void 0) : (m.value = (u = (a = p.value) == null ? void 0 : a[p.value.length - 1]) == null ? void 0 : u.id, T.value = setTimeout(() => {
-        m.value = void 0;
+      var n, l, u;
+      z.value || m.value && ((n = m.value) == null ? void 0 : n.length) === 0 || (j.value && clearTimeout(j.value), p.value ? (C(p.value), p.value = void 0) : (p.value = (u = (l = m.value) == null ? void 0 : l[m.value.length - 1]) == null ? void 0 : u.id, j.value = setTimeout(() => {
+        p.value = void 0;
       }, 2e3)));
     }
     function C(n) {
       var u;
-      const a = (u = p.value) == null ? void 0 : u.filter((d) => d.id !== n).map((d) => d.tag);
-      c("update:model-value", a);
+      const l = (u = m.value) == null ? void 0 : u.filter((d) => d.id !== n).map((d) => d.tag);
+      c("update:model-value", l);
     }
-    return (n, a) => (r(), w(
+    return (n, l) => (s(), $(
       "div",
       {
-        class: z(["m-input-tags", [V.value, `--${n.color}`, `--${n.size}`, o.class, { "--block": n.block }]]),
+        class: k(["m-input-tags", [V.value, `--${n.color}`, `--${n.size}`, o.class, { "--block": n.block }]]),
         style: K(n.style),
-        onFocusCapture: a[4] || (a[4] = (u) => k.value = !0),
-        onBlurCapture: a[5] || (a[5] = (u) => k.value = !1)
+        onFocusCapture: l[4] || (l[4] = (u) => I.value = !0),
+        onBlurCapture: l[5] || (l[5] = (u) => I.value = !1)
       },
       [
         L(de, { name: "maz-tags" }, {
-          default: D(() => [
-            (r(!0), w(
+          default: P(() => [
+            (s(!0), $(
               ce,
               null,
-              fe(p.value, ({ tag: u, id: d }, b) => (r(), w("div", {
-                key: `tag-${b}`,
+              fe(m.value, ({ tag: u, id: d }, y) => (s(), $("div", {
+                key: `tag-${y}`,
                 class: "m-input-tags__wrapper"
               }, [
                 L(X, {
                   class: "m-input-tags__tag",
                   disabled: n.disabled,
                   size: n.size,
-                  color: g.value === d || m.value === d ? "danger" : n.color,
-                  "right-icon": g.value === d || m.value === d ? y(ve) : void 0,
-                  onClick: W((t) => C(d), ["stop"]),
-                  onMouseenter: (t) => g.value = d,
-                  onFocus: (t) => g.value = d,
-                  onMouseleave: a[0] || (a[0] = (t) => g.value = void 0),
-                  onBlur: a[1] || (a[1] = (t) => g.value = void 0)
+                  color: g.value === d || p.value === d ? "danger" : n.color,
+                  "right-icon": g.value === d || p.value === d ? b(ve) : void 0,
+                  onClick: W((h) => C(d), ["stop"]),
+                  onMouseenter: (h) => g.value = d,
+                  onFocus: (h) => g.value = d,
+                  onMouseleave: l[0] || (l[0] = (h) => g.value = void 0),
+                  onBlur: l[1] || (l[1] = (h) => g.value = void 0)
                 }, {
-                  default: D(() => [
+                  default: P(() => [
                     J(
                       Q(u),
                       1
@@ -567,10 +569,10 @@ const ke = {
           _: 1
           /* STABLE */
         }),
-        L(Ce, G({
+        L(je, G({
           key: "input-tags",
-          modelValue: h.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (u) => h.value = u)
+          modelValue: z.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (u) => z.value = u)
         }, n.$attrs, {
           placeholder: n.placeholder,
           label: n.label,
@@ -586,18 +588,18 @@ const ke = {
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
-            N(I, ["enter"]),
+            N(B, ["enter"]),
             N(O, ["delete"])
           ],
-          onBlur: a[3] || (a[3] = (u) => n.addTagsOnBlur ? I(u) : void 0)
+          onBlur: l[3] || (l[3] = (u) => n.addTagsOnBlur ? B(u) : void 0)
         }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Ve = /* @__PURE__ */ R(Se, [["__scopeId", "data-v-f8b854e9"]]);
+}), Me = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-f8b854e9"]]);
 export {
-  Ve as M,
+  Me as M,
   R as _
 };