maz-ui 3.47.1 → 3.47.2-beta.0

package/components/chunks/{MazInputTags-CxXBsTdM.mjs → MazInputTags-BVCej_gW.mjs}

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