maz-ui 3.43.4 → 3.44.0

package/components/chunks/{MazInputTags-XUWwx6p8.mjs → MazInputTags-CJofVaj5.mjs}

@@ -1,27 +1,29 @@
-import '../assets/MazInputTags.css';
-import { getCurrentInstance as ae, computed as u, defineComponent as N, defineAsyncComponent as V, ref as M, onMounted as le, useSlots as H, openBlock as r, createElementBlock as b, normalizeClass as T, normalizeStyle as K, createElementVNode as E, createCommentVNode as s, renderSlot as L, createBlock as p, unref as v, resolveDynamicComponent as P, withDirectives as G, mergeProps as X, toHandlers as re, vModelDynamic as se, createTextVNode as J, toDisplayString as Q, withModifiers as W, withCtx as D, createVNode as S, useAttrs as ie, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, Transition as me, vShow as pe, withKeys as O } from "vue";
-function ve(f, y) {
-  let n;
-  return function(...h) {
-    clearTimeout(n), n = setTimeout(() => {
-      f.apply(this, h);
-    }, y);
-  };
+import { getCurrentInstance as ne, computed as u, defineComponent as N, defineAsyncComponent as V, ref as C, onMounted as ae, useSlots as H, openBlock as a, createElementBlock as y, normalizeClass as w, normalizeStyle as K, createElementVNode as E, createCommentVNode as r, renderSlot as S, createBlock as f, unref as b, resolveDynamicComponent as D, withDirectives as le, mergeProps as G, toHandlers as re, vModelDynamic as ie, createTextVNode as J, toDisplayString as Q, withModifiers as W, withCtx as F, createVNode as P, useAttrs as se, onBeforeMount as ue, TransitionGroup as de, Fragment as ce, renderList as fe, withKeys as U } from "vue";
+import '../assets/MazInputTags.css';function j(p) {
+  return !!p;
 }
-function be({
-  componentName: f,
-  providedId: y
+function pe({
+  componentName: p,
+  providedId: l
 }) {
-  const n = ae();
-  return u(() => y ?? `${f}-${n == null ? void 0 : n.uid}`);
+  const o = ne();
+  return u(() => l ?? `${p}-${o == null ? void 0 : o.uid}`);
+}
+function me(p, l) {
+  let o;
+  return function(...c) {
+    clearTimeout(o), o = setTimeout(() => {
+      p.apply(this, c);
+    }, l);
+  };
 }
-const ye = {
+const ve = {
   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 }, ke = {
+}, be = { class: "m-input-wrapper-input" }, ye = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], ge = { key: 0 }, he = {
   key: 1,
   class: "m-input-wrapper-right"
-}, Ie = /* @__PURE__ */ N({
+}, ze = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -58,16 +60,16 @@ const ye = {
     block: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(f, { emit: y }) {
-    const n = V(() => Promise.resolve().then(() => $e)), h = V(() => import("./MazIcon-Cxrv3_OK.mjs")), g = V(() => import("./eye-slash-tjfxO0LK.mjs")), z = V(() => import("./eye-DqO_Jx56.mjs")), l = V(() => import("./check-CL-vqe79.mjs")), o = f, k = y, m = M(!1), w = M(!1), F = M(), $ = be({
+  setup(p, { emit: l }) {
+    const o = p, c = l, z = V(() => Promise.resolve().then(() => Ie)), h = V(() => import("./MazIcon-BDGxCy9M.mjs")), g = V(() => import("./eye-slash-tjfxO0LK.mjs")), v = V(() => import("./eye-DqO_Jx56.mjs")), M = V(() => import("./check-CL-vqe79.mjs")), m = C(!1), k = C(!1), L = C(), $ = pe({
       componentName: "MazInput",
       providedId: o.id
     });
-    le(() => {
+    ae(() => {
       var e;
-      o.autoFocus && ((e = F.value) == null || e.focus());
+      o.autoFocus && ((e = L.value) == null || e.focus());
     });
-    const C = u(() => o.type === "password"), a = u(() => m.value ? "text" : o.type), i = u(() => {
+    const T = u(() => o.type === "password"), n = u(() => m.value ? "text" : o.type), i = u(() => {
       if (!o.noBorder) {
         if (o.error)
           return "maz-border-danger";
@@ -75,7 +77,7 @@ const ye = {
           return "maz-border-success";
         if (o.warning)
           return "maz-border-warning";
-        if (w.value || o.borderActive) {
+        if (k.value || o.borderActive) {
           if (o.color === "black")
             return "maz-border-black";
           if (o.color === "danger")
@@ -95,46 +97,48 @@ const ye = {
         }
         return "--default-border";
       }
-    }), d = H(), c = u(() => {
-      const { required: e, placeholder: B } = o;
-      if (B)
-        return e ? `${B} *` : B;
-    }), t = u(() => A.value !== void 0 && A.value !== ""), I = ve(
+    }), s = H(), d = u(() => {
+      const { required: e, placeholder: I } = o;
+      if (I)
+        return e ? `${I} *` : I;
+    }), t = u(() => A.value !== void 0 && A.value !== ""), B = me(
       (e) => {
-        k("update:model-value", e);
+        c("update:model-value", e);
       },
       typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
-    ), R = (e) => {
+    );
+    function R(e) {
       if (o.debounce)
-        return I(e);
-      k("update:model-value", e);
-    }, A = u({
+        return B(e);
+      c("update:model-value", e);
+    }
+    const A = u({
       get: () => o.modelValue,
       set: (e) => R(e)
-    }), Z = u(() => (!!o.label || !!o.hint) && (w.value || !!t.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), _ = u(() => !!o.label || !!o.hint);
+    }), Y = u(() => (!!o.label || !!o.hint) && (k.value || !!t.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = u(() => !!o.label || !!o.hint);
+    function _() {
+      return !!s["right-icon"] || T.value || !!s["valid-button"] || o.validButton || !!o.rightIcon;
+    }
     function x() {
-      return !!d["right-icon"] || C.value || !!d["valid-button"] || o.validButton || !!o.rightIcon;
+      return !!s["left-icon"] || !!o.leftIcon;
     }
-    function ee() {
-      return !!d["left-icon"] || !!o.leftIcon;
+    function ee(e) {
+      c("focus", e), k.value = !0;
     }
     function oe(e) {
-      k("focus", e), w.value = !0;
+      c("blur", e), k.value = !1;
     }
     function te(e) {
-      k("blur", e), w.value = !1;
+      return c("change", e);
     }
-    function ne(e) {
-      return k("change", e);
-    }
-    return (e, B) => (r(), b(
+    return (e, I) => (a(), y(
       "div",
       {
-        class: T(["m-input", [
+        class: w(["m-input", [
           {
-            "--is-focused": w.value || e.borderActive,
-            "--should-up": Z.value,
-            "--has-label": _.value,
+            "--is-focused": k.value || e.borderActive,
+            "--should-up": Y.value,
+            "--has-label": Z.value,
             "--is-disabled": e.disabled,
             "--is-readonly": e.readonly,
             "--has-z-2": e.error || e.warning || e.success,
@@ -151,59 +155,58 @@ const ye = {
         E(
           "div",
           {
-            class: T(["m-input-wrapper", [
+            class: w(["m-input-wrapper", [
               e.inputClasses,
               i.value,
               e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
             ]])
           },
           [
-            ee() ? (r(), b("div", ye, [
-              s(`
+            x() ? (a(), y("div", ve, [
+              r(`
           @slot left-icon - The icon to display on the left of the input
         `),
-              e.$slots["left-icon"] || e.leftIcon ? L(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (r(), p(v(h), {
+              e.$slots["left-icon"] || e.leftIcon ? S(e.$slots, "left-icon", { key: 0 }, () => [
+                typeof e.leftIcon == "string" ? (a(), f(b(h), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (r(), p(P(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (a(), f(D(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", he, [
-              G(E("input", X({
-                id: v($),
+                })) : r("v-if", !0)
+              ], !0) : r("v-if", !0)
+            ])) : r("v-if", !0),
+            E("div", be, [
+              le(E("input", G({
+                id: b($),
                 ref_key: "input",
-                ref: F,
-                "onUpdate:modelValue": B[0] || (B[0] = (q) => A.value = q),
-                type: a.value,
+                ref: L,
+                "onUpdate:modelValue": I[0] || (I[0] = (q) => A.value = q),
+                type: n.value,
                 name: e.name
               }, e.$attrs, {
                 inputmode: e.inputmode,
-                placeholder: c.value,
+                placeholder: d.value,
                 "aria-label": e.label || e.placeholder,
                 disabled: e.disabled,
                 readonly: e.readonly,
                 required: e.required,
                 class: "m-input-input"
               }, re({
-                blur: te,
-                focus: oe,
-                change: ne
+                blur: oe,
+                focus: ee,
+                change: te
               }, !0), {
-                onClick: B[1] || (B[1] = (q) => e.$emit("click", q))
-              }), null, 16, ge), [
-                [se, A.value]
+                onClick: I[1] || (I[1] = (q) => e.$emit("click", q))
+              }), null, 16, ye), [
+                [ie, A.value]
               ]),
-              e.label || e.hint ? (r(), b(
+              e.label || e.hint ? (a(), y(
                 "span",
                 {
                   key: 0,
-                  ref: "label",
-                  class: T(["m-input-label", [
+                  class: w(["m-input-label", [
                     {
                       "maz-text-danger-600": e.error,
                       "maz-text-success-600": e.success,
@@ -217,50 +220,50 @@ const ye = {
                     1
                     /* TEXT */
                   ),
-                  e.required ? (r(), b("sup", ze, "*")) : s("v-if", !0)
+                  e.required ? (a(), y("sup", ge, "*")) : r("v-if", !0)
                 ],
                 2
                 /* CLASS */
-              )) : s("v-if", !0)
+              )) : r("v-if", !0)
             ]),
-            x() ? (r(), b("div", ke, [
-              s(`
+            _() ? (a(), y("div", he, [
+              r(`
           @slot right-icon - The icon to display on the right of the input
         `),
-              e.$slots["right-icon"] || e.rightIcon ? L(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (r(), p(v(h), {
+              e.$slots["right-icon"] || e.rightIcon ? S(e.$slots, "right-icon", { key: 0 }, () => [
+                typeof e.rightIcon == "string" ? (a(), f(b(h), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (r(), p(P(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (a(), f(D(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : s("v-if", !0)
-              ], !0) : s("v-if", !0),
-              C.value ? (r(), p(v(n), {
+                })) : r("v-if", !0)
+              ], !0) : r("v-if", !0),
+              T.value ? (a(), f(b(z), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: B[2] || (B[2] = W((q) => m.value = !m.value, ["stop"]))
+                onClick: I[2] || (I[2] = W((q) => m.value = !m.value, ["stop"]))
               }, {
-                default: D(() => [
-                  m.value ? (r(), p(v(g), {
+                default: F(() => [
+                  m.value ? (a(), f(b(g), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (r(), p(v(z), {
+                  })) : (a(), f(b(v), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : s("v-if", !0),
-              s(`
+              })) : r("v-if", !0),
+              r(`
           @slot valid-button - Replace the valid button by your own
         `),
-              e.$slots["valid-button"] || e.validButton ? L(e.$slots, "valid-button", { key: 2 }, () => [
-                S(v(n), {
+              e.$slots["valid-button"] || e.validButton ? S(e.$slots, "valid-button", { key: 2 }, () => [
+                P(b(z), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -269,14 +272,14 @@ const ye = {
                   size: "mini",
                   type: "submit"
                 }, {
-                  default: D(() => [
-                    S(v(l), { class: "maz-text-2xl maz-text-normal" })
+                  default: F(() => [
+                    P(b(M), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : s("v-if", !0)
-            ])) : s("v-if", !0)
+              ], !0) : r("v-if", !0)
+            ])) : r("v-if", !0)
           ],
           2
           /* CLASS */
@@ -286,12 +289,12 @@ const ye = {
       /* CLASS, STYLE */
     ));
   }
-}), U = (f, y) => {
-  const n = f.__vccOpts || f;
-  for (const [h, g] of y)
-    n[h] = g;
-  return n;
-}, Be = /* @__PURE__ */ U(Ie, [["__scopeId", "data-v-84073434"]]), we = /* @__PURE__ */ N({
+}), O = (p, l) => {
+  const o = p.__vccOpts || p;
+  for (const [c, z] of l)
+    o[c] = z;
+  return o;
+}, ke = /* @__PURE__ */ O(ze, [["__scopeId", "data-v-e9affc48"]]), Be = /* @__PURE__ */ N({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -315,24 +318,24 @@ const ye = {
     noElevation: { type: Boolean },
     contentClass: { default: void 0 }
   },
-  setup(f) {
-    const y = V(() => import("./MazSpinner-s_0BLDqW.mjs")), n = V(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: h, to: g } = ie(), z = H(), l = f;
+  setup(p) {
+    const l = p, o = V(() => import("./MazSpinner-D4CdHpP2.mjs")), c = V(() => import("./MazIcon-BDGxCy9M.mjs")), { href: z, to: h } = se(), g = H();
     ue(() => {
       l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
-    const o = u(() => h ? "a" : g ? "router-link" : "button"), k = u(
+    const v = u(() => z ? "a" : h ? "router-link" : "button"), M = u(
       () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
     ), m = u(
-      () => (l.loading || l.disabled) && o.value === "button"
-    ), w = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), F = u(() => `--is-${l.variant}`), $ = u(() => l.loading && l.variant === "button"), C = u(() => !!z["left-icon"] || l.leftIcon), a = u(() => !!z["right-icon"] || l.rightIcon), i = u(() => C.value || a.value), d = u(() => l.fab && (l.icon || !!z.icon)), c = u(() => o.value === "button" ? l.type : void 0);
-    return (t, I) => (r(), p(P(o.value), {
+      () => (l.loading || l.disabled) && v.value === "button"
+    ), k = u(() => m.value ? "--cursor-default" : "--cursor-pointer"), L = u(() => `--is-${l.variant}`), $ = u(() => l.loading && l.variant === "button"), T = u(() => !!g["left-icon"] || l.leftIcon), n = u(() => !!g["right-icon"] || l.rightIcon), i = u(() => T.value || n.value), s = u(() => l.fab && (l.icon || !!g.icon)), d = u(() => v.value === "button" ? l.type : void 0);
+    return (t, B) => (a(), f(D(v.value), {
       disabled: m.value || void 0,
-      class: T(["m-btn", [
+      class: w(["m-btn", [
         `--${t.size}`,
         !t.fab && t.roundedSize && `--rounded-${t.roundedSize}`,
+        M.value,
         k.value,
-        w.value,
-        F.value,
+        L.value,
         {
           "--block": t.block,
           "--no-underline": t.noUnderline,
@@ -346,105 +349,105 @@ const ye = {
           "--no-elevation": t.noElevation
         }
       ]]),
-      type: c.value
+      type: d.value
     }, {
-      default: D(() => [
-        C.value ? (r(), b(
+      default: F(() => [
+        T.value ? (a(), y(
           "div",
           {
             key: 0,
-            class: T(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": $.value }])
+            class: w(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": $.value }])
           },
           [
-            s(`
+            r(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            L(t.$slots, "left-icon", {}, () => [
-              typeof t.leftIcon == "string" ? (r(), p(v(n), {
+            S(t.$slots, "left-icon", {}, () => [
+              typeof t.leftIcon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.leftIcon
-              }, null, 8, ["name"])) : t.leftIcon ? (r(), p(P(t.leftIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.leftIcon ? (a(), f(D(t.leftIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : s("v-if", !0),
-        d.value ? (r(), b(
+        )) : r("v-if", !0),
+        s.value ? (a(), y(
           "div",
           {
             key: 1,
-            class: T(["m-btn__icon", { "maz-invisible": $.value }])
+            class: w(["m-btn__icon", { "maz-invisible": $.value }])
           },
           [
-            s(`
+            r(`
         @slot icon - The icon to display on the fab button
       `),
-            L(t.$slots, "icon", {}, () => [
-              typeof t.icon == "string" ? (r(), p(v(n), {
+            S(t.$slots, "icon", {}, () => [
+              typeof t.icon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.icon
-              }, null, 8, ["name"])) : t.icon ? (r(), p(P(t.icon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.icon ? (a(), f(D(t.icon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : s("v-if", !0),
-        t.$slots.default ? (r(), b(
+        )) : r("v-if", !0),
+        t.$slots.default ? (a(), y(
           "span",
           {
             key: 2,
-            class: T([{ "maz-invisible": $.value }, t.contentClass])
+            class: w([{ "maz-invisible": $.value }, t.contentClass])
           },
           [
-            s(`
+            r(`
         @slot default - The content of the button
       `),
-            L(t.$slots, "default", {}, void 0, !0)
+            S(t.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
-        )) : s("v-if", !0),
-        a.value ? (r(), b(
+        )) : r("v-if", !0),
+        n.value ? (a(), y(
           "div",
           {
             key: 3,
-            class: T(["m-btn__icon-right", { "maz-invisible": $.value }])
+            class: w(["m-btn__icon-right", { "maz-invisible": $.value }])
           },
           [
-            s(`
+            r(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            L(t.$slots, "right-icon", {}, () => [
-              typeof t.rightIcon == "string" ? (r(), p(v(n), {
+            S(t.$slots, "right-icon", {}, () => [
+              typeof t.rightIcon == "string" ? (a(), f(b(c), {
                 key: 0,
                 name: t.rightIcon
-              }, null, 8, ["name"])) : t.rightIcon ? (r(), p(P(t.rightIcon), { key: 1 })) : s("v-if", !0)
+              }, null, 8, ["name"])) : t.rightIcon ? (a(), f(D(t.rightIcon), { key: 1 })) : r("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
-        )) : s("v-if", !0),
-        $.value ? (r(), p(v(y), {
+        )) : r("v-if", !0),
+        $.value ? (a(), f(b(o), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
           color: t.color
-        }, null, 8, ["color"])) : s("v-if", !0)
+        }, null, 8, ["color"])) : r("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), Y = /* @__PURE__ */ U(we, [["__scopeId", "data-v-4d87e490"]]), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), X = /* @__PURE__ */ O(Be, [["__scopeId", "data-v-48f14785"]]), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Y
-}, Symbol.toStringTag, { value: "Module" })), Te = {
+  default: X
+}, Symbol.toStringTag, { value: "Module" })), $e = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Ce = /* @__PURE__ */ E(
+}, we = /* @__PURE__ */ E(
   "path",
   {
     stroke: "currentColor",
@@ -456,17 +459,13 @@ const ye = {
   null,
   -1
   /* HOISTED */
-), Me = [
-  Ce
+), Te = [
+  we
 ];
-function Ve(f, y) {
-  return r(), b("svg", Te, [...Me]);
-}
-const Se = { render: Ve };
-function j(f) {
-  return !!f;
+function Ce(p, l) {
+  return a(), y("svg", $e, [...Te]);
 }
-const Le = /* @__PURE__ */ N({
+const Me = { render: Ce }, Ve = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -481,126 +480,108 @@ const Le = /* @__PURE__ */ N({
     warning: { type: Boolean, default: !1 },
     size: { default: "md" },
     color: { default: "primary" },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    addTagsOnBlur: { type: Boolean, default: !0 }
   },
   emits: ["update:model-value"],
-  setup(f, { emit: y }) {
-    const n = f, h = M(!1), g = M(), z = M(), l = M(), o = M(), k = y, m = u(
+  setup(p, { emit: l }) {
+    const o = p, c = l, z = C(!1), h = C(), g = C(), v = C(), M = C(), m = u(
       () => {
-        var a;
-        return (a = n.modelValue) == null ? void 0 : a.map((i) => ({
+        var n;
+        return (n = o.modelValue) == null ? void 0 : n.map((i) => ({
           tag: i,
           id: Math.random().toString(36).slice(2, 11)
         }));
       }
-    ), w = (a) => {
-      if (g.value) {
-        l.value = void 0, a.preventDefault();
-        const d = g.value.trim().split(",").map((c) => c.trim() === "," ? void 0 : c.trim()).filter(j).filter(
-          (c) => {
-            var t, I;
-            return !((I = (t = n.modelValue) == null ? void 0 : t.filter(j)) != null && I.some((R) => R === c));
+    );
+    function k(n) {
+      if (h.value) {
+        v.value = void 0, n.preventDefault();
+        const s = h.value.trim().split(",").map((d) => d.trim() === "," ? void 0 : d.trim()).filter(j).filter(
+          (d) => {
+            var t, B;
+            return !((B = (t = o.modelValue) == null ? void 0 : t.filter(j)) != null && B.some((R) => R === d));
           }
         );
-        k(
+        c(
           "update:model-value",
-          n.modelValue ? [...n.modelValue, ...d] : [...d]
-        ), g.value = void 0;
+          o.modelValue ? [...o.modelValue, ...s] : [...s]
+        ), h.value = void 0;
       }
-    }, F = u(() => {
-      if (n.error)
+    }
+    const L = u(() => {
+      if (o.error)
         return "maz-border-danger";
-      if (n.success)
+      if (o.success)
         return "maz-border-success";
-      if (n.warning)
+      if (o.warning)
         return "maz-border-warning";
-      if (h.value) {
-        if (n.color === "primary")
+      if (z.value) {
+        if (o.color === "primary")
           return "maz-border-primary";
-        if (n.color === "secondary")
+        if (o.color === "secondary")
           return "maz-border-secondary";
-        if (n.color === "info")
+        if (o.color === "info")
           return "maz-border-info";
-        if (n.color === "danger")
+        if (o.color === "danger")
           return "maz-border-danger";
-        if (n.color === "success")
+        if (o.color === "success")
           return "maz-border-success";
-        if (n.color === "warning")
+        if (o.color === "warning")
           return "maz-border-warning";
-        if (n.color === "black")
+        if (o.color === "black")
           return "maz-border-black";
-        if (n.color === "white")
+        if (o.color === "white")
           return "maz-border-white";
       }
       return "maz-border-border dark:maz-border-color-lighter";
-    }), $ = () => {
-      var a, i, d;
-      g.value || m.value && ((a = m.value) == null ? void 0 : a.length) === 0 || (o.value && clearTimeout(o.value), l.value ? (C(l.value), l.value = void 0) : (l.value = (d = (i = m.value) == null ? void 0 : i[m.value.length - 1]) == null ? void 0 : d.id, o.value = setTimeout(() => {
-        l.value = void 0;
+    });
+    function $() {
+      var n, i, s;
+      h.value || m.value && ((n = m.value) == null ? void 0 : n.length) === 0 || (M.value && clearTimeout(M.value), v.value ? (T(v.value), v.value = void 0) : (v.value = (s = (i = m.value) == null ? void 0 : i[m.value.length - 1]) == null ? void 0 : s.id, M.value = setTimeout(() => {
+        v.value = void 0;
       }, 2e3)));
-    }, C = (a) => {
-      var d;
-      const i = (d = m.value) == null ? void 0 : d.filter((c) => c.id !== a).map((c) => c.tag);
-      k("update:model-value", i);
-    };
-    return (a, i) => (r(), b(
+    }
+    function T(n) {
+      var s;
+      const i = (s = m.value) == null ? void 0 : s.filter((d) => d.id !== n).map((d) => d.tag);
+      c("update:model-value", i);
+    }
+    return (n, i) => (a(), y(
       "div",
       {
-        class: T(["m-input-tags", [F.value, `--${a.color}`, `--${a.size}`, n.class, { "--block": a.block }]]),
-        style: K(a.style),
-        onFocusCapture: i[3] || (i[3] = (d) => h.value = !0),
-        onBlurCapture: i[4] || (i[4] = (d) => h.value = !1)
+        class: w(["m-input-tags", [L.value, `--${n.color}`, `--${n.size}`, o.class, { "--block": n.block }]]),
+        style: K(n.style),
+        onFocusCapture: i[4] || (i[4] = (s) => z.value = !0),
+        onBlurCapture: i[5] || (i[5] = (s) => z.value = !1)
       },
       [
-        S(de, { name: "maz-tags" }, {
-          default: D(() => [
-            (r(!0), b(
+        P(de, { name: "maz-tags" }, {
+          default: F(() => [
+            (a(!0), y(
               ce,
               null,
-              fe(m.value, ({ tag: d, id: c }, t) => (r(), b("div", {
+              fe(m.value, ({ tag: s, id: d }, t) => (a(), y("div", {
                 key: `tag-${t}`,
                 class: "m-input-tags__wrapper"
               }, [
-                S(Y, {
+                P(X, {
                   class: "m-input-tags__tag",
-                  disabled: a.disabled,
-                  size: a.size,
-                  color: z.value === c || l.value === c ? "danger" : a.color,
-                  onClick: W((I) => C(c), ["stop"]),
-                  onMouseenter: (I) => z.value = c,
-                  onFocus: (I) => z.value = c,
-                  onMouseleave: i[0] || (i[0] = (I) => z.value = void 0),
-                  onBlur: i[1] || (i[1] = (I) => z.value = void 0)
+                  disabled: n.disabled,
+                  size: n.size,
+                  color: g.value === d || v.value === d ? "danger" : n.color,
+                  onClick: W((B) => T(d), ["stop"]),
+                  onMouseenter: (B) => g.value = d,
+                  onFocus: (B) => g.value = d,
+                  onMouseleave: i[0] || (i[0] = (B) => g.value = void 0),
+                  onBlur: i[1] || (i[1] = (B) => g.value = void 0)
                 }, {
-                  "right-icon": D(() => [
-                    S(
-                      me,
-                      {
-                        name: "maz-scale",
-                        persisted: ""
-                      },
-                      {
-                        default: D(() => [
-                          G(S(
-                            v(Se),
-                            null,
-                            null,
-                            512
-                            /* NEED_PATCH */
-                          ), [
-                            [pe, z.value === c || l.value === c]
-                          ])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    )
+                  "right-icon": F(() => [
+                    g.value === d || v.value === d ? (a(), f(b(Me), { key: 0 })) : r("v-if", !0)
                   ]),
-                  default: D(() => [
+                  default: F(() => [
                     J(
-                      Q(d) + " ",
+                      Q(s) + " ",
                       1
                       /* TEXT */
                     )
@@ -616,33 +597,34 @@ const Le = /* @__PURE__ */ N({
           _: 1
           /* STABLE */
         }),
-        S(Be, X({
+        P(ke, G({
           key: "input-tags",
-          modelValue: g.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (d) => g.value = d)
-        }, a.$attrs, {
-          placeholder: a.placeholder,
-          label: a.label,
-          "aria-label": a.label || a.placeholder,
-          error: a.error,
-          disabled: a.disabled,
-          color: a.color,
-          block: a.block,
-          size: a.size,
+          modelValue: h.value,
+          "onUpdate:modelValue": i[2] || (i[2] = (s) => h.value = s)
+        }, n.$attrs, {
+          placeholder: n.placeholder,
+          label: n.label,
+          "aria-label": n.label || n.placeholder,
+          error: n.error,
+          disabled: n.disabled,
+          color: n.color,
+          block: n.block,
+          size: n.size,
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
-            O(w, ["enter"]),
-            O($, ["delete"])
-          ]
+            U(k, ["enter"]),
+            U($, ["delete"])
+          ],
+          onBlur: i[3] || (i[3] = (s) => n.addTagsOnBlur ? k(s) : void 0)
         }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "disabled", "color", "block", "size"])
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Fe = /* @__PURE__ */ U(Le, [["__scopeId", "data-v-20fb03c8"]]);
+}), Le = /* @__PURE__ */ O(Ve, [["__scopeId", "data-v-2915bccf"]]);
 export {
-  Fe as M,
-  U as _
+  Le as M,
+  O as _
 };