maz-ui 3.47.2-beta.2 → 3.47.2-beta.21

package/components/chunks/{MazInputTags-Dj3sW-e5.mjs → MazInputTags-DthGSyHQ.mjs}

@@ -1,6 +1,6 @@
-import { openBlock as i, createElementBlock as B, createElementVNode as E, defineComponent as q, defineAsyncComponent as M, useAttrs as ae, useSlots as H, computed as s, createBlock as v, resolveDynamicComponent as L, normalizeClass as z, withCtx as P, renderSlot as V, unref as y, createCommentVNode as c, createVNode as O, useId as le, 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 R } from "vue";
-import '../assets/MazInputTags.css';function U(f) {
-  return !!f;
+import { openBlock as n, createElementBlock as h, createElementVNode as E, defineComponent as q, defineAsyncComponent as T, useAttrs as ae, computed as s, createBlock as p, resolveDynamicComponent as D, normalizeClass as b, normalizeStyle as N, withCtx as P, renderSlot as V, unref as m, createCommentVNode as f, createVNode as O, useId as le, ref as S, onMounted as ne, useSlots as re, toDisplayString as U, withDirectives as se, mergeProps as G, toHandlers as ie, vModelDynamic as ue, createTextVNode as J, withModifiers as Q, TransitionGroup as de, Fragment as fe, renderList as ce, withKeys as H } from "vue";
+import '../assets/MazInputTags.css';function K(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, n) {
-  return i(), B("svg", me, n[0] || (n[0] = [
+function pe(c, l) {
+  return n(), h("svg", me, l[0] || (l[0] = [
     E(
       "path",
       {
@@ -26,10 +26,10 @@ function pe(f, n) {
     )
   ]));
 }
-const ve = { render: pe }, ye = {
-  key: 2,
+const ve = { render: pe }, be = {
+  key: 0,
   class: "m-btn-loader-container"
-}, be = /* @__PURE__ */ q({
+}, ye = /* @__PURE__ */ q({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -53,110 +53,106 @@ const ve = { render: pe }, ye = {
     noElevation: { type: Boolean },
     justify: { default: "center" }
   },
-  setup(f) {
-    const n = f, o = M(() => import("./MazSpinner-f2Mc2eRO.mjs")), d = M(() => import("./MazIcon-BbvBov5G.mjs")), { href: h, to: g } = ae(), b = H(), p = s(() => h ? "a" : g ? "router-link" : "button"), j = s(
-      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
-    ), m = s(
-      () => (n.loading || n.disabled) && p.value === "button"
-    ), k = s(() => m.value ? "--cursor-default" : "--cursor-pointer"), T = s(() => `--is-${n.variant}`), D = s(() => n.loading && n.variant === "button"), C = s(() => !!b["left-icon"] || n.leftIcon), F = s(() => !!b["right-icon"] || n.rightIcon), a = s(() => C.value || F.value), l = s(() => n.icon || !!b.icon), u = s(() => p.value === "button" ? n.type : void 0), r = s(() => 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 = s(() => 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 (t, S) => (i(), v(L(p.value), {
-      disabled: m.value || void 0,
-      class: z(["m-btn", [
+  setup(c) {
+    const l = c, o = T(() => import("./MazSpinner-C-ln9ldX.mjs")), d = T(() => import("./MazIcon-_hN-Kivn.mjs")), { href: B, to: k } = ae(), y = s(() => B ? "a" : k ? "router-link" : "button"), g = s(() => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`), $ = s(
+      () => (l.loading || l.disabled) && y.value === "button"
+    ), v = s(() => $.value ? "--cursor-default" : "--cursor-pointer"), I = s(() => `--is-${l.variant}`), M = s(() => l.loading && l.variant === "button"), F = s(() => y.value === "button" ? l.type : void 0), z = s(() => 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" : "maz-text-xl");
+    return (t, a) => (n(), p(D(y.value), {
+      disabled: $.value || void 0,
+      class: b(["m-btn", [
         `--${t.size}`,
         !t.fab && !t.rounded && t.roundedSize && `--rounded-${t.roundedSize}`,
-        j.value,
-        k.value,
-        T.value,
-        w.value,
+        g.value,
+        v.value,
+        I.value,
         {
           "--block": t.block,
           "--no-underline": t.noUnderline,
           "--fab": t.fab,
           "--loading": t.loading,
-          "--disabled": m.value,
-          "--icon": a.value,
+          "--disabled": $.value,
           "--rounded": t.rounded,
           "--no-rounded": t.noRounded,
           "--no-padding": t.noPadding,
           "--no-elevation": t.noElevation
         }
       ]]),
-      type: u.value
+      style: N([`--justify: ${t.justify}`]),
+      type: F.value
     }, {
       default: P(() => [
         V(t.$slots, "left-icon", {}, () => [
-          typeof t.leftIcon == "string" ? (i(), v(y(d), {
+          typeof t.leftIcon == "string" ? (n(), p(m(d), {
             key: 0,
             name: t.leftIcon,
-            class: z([r.value])
-          }, null, 8, ["name", "class"])) : t.leftIcon ? (i(), v(L(t.leftIcon), {
+            class: b([z.value])
+          }, null, 8, ["name", "class"])) : t.leftIcon ? (n(), p(D(t.leftIcon), {
             key: 1,
-            class: z([r.value])
-          }, null, 8, ["class"])) : c("v-if", !0)
+            class: b([z.value])
+          }, null, 8, ["class"])) : f("v-if", !0)
         ], !0),
-        l.value ? V(t.$slots, "icon", { key: 0 }, () => [
-          typeof t.icon == "string" ? (i(), v(y(d), {
+        V(t.$slots, "icon", {}, () => [
+          typeof t.icon == "string" ? (n(), p(m(d), {
             key: 0,
             name: t.icon,
-            class: z([r.value])
-          }, null, 8, ["name", "class"])) : t.icon ? (i(), v(L(t.icon), {
+            class: b([z.value])
+          }, null, 8, ["name", "class"])) : t.icon ? (n(), p(D(t.icon), {
             key: 1,
-            class: z([r.value])
-          }, null, 8, ["class"])) : c("v-if", !0)
-        ], !0) : c("v-if", !0),
+            class: b([z.value])
+          }, null, 8, ["class"])) : f("v-if", !0)
+        ], !0),
         V(t.$slots, "default", {}, void 0, !0),
-        F.value ? V(t.$slots, "right-icon", { key: 1 }, () => [
-          typeof t.rightIcon == "string" ? (i(), v(y(d), {
+        V(t.$slots, "right-icon", {}, () => [
+          typeof t.rightIcon == "string" ? (n(), p(m(d), {
             key: 0,
             name: t.rightIcon,
-            class: z([r.value])
-          }, null, 8, ["name", "class"])) : t.rightIcon ? (i(), v(L(t.rightIcon), {
+            class: b([z.value])
+          }, null, 8, ["name", "class"])) : t.rightIcon ? (n(), p(D(t.rightIcon), {
             key: 1,
-            class: z([r.value])
-          }, null, 8, ["class"])) : c("v-if", !0)
-        ], !0) : c("v-if", !0),
-        D.value ? (i(), B("div", ye, [
-          O(y(o), {
+            class: b([z.value])
+          }, null, 8, ["class"])) : f("v-if", !0)
+        ], !0),
+        M.value ? (n(), h("div", be, [
+          O(m(o), {
             size: "2em",
             color: t.color
           }, null, 8, ["color"])
-        ])) : c("v-if", !0)
+        ])) : f("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
+    }, 8, ["disabled", "class", "style", "type"]));
   }
-}), N = (f, n) => {
-  const o = f.__vccOpts || f;
-  for (const [d, h] of n)
-    o[d] = h;
+}), R = (c, l) => {
+  const o = c.__vccOpts || c;
+  for (const [d, B] of l)
+    o[d] = B;
   return o;
-}, X = /* @__PURE__ */ N(be, [["__scopeId", "data-v-d3a1ed01"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, W = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-bee684ff"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: X
+  default: W
 }, Symbol.toStringTag, { value: "Module" }));
 function ze({
-  componentName: f,
-  providedId: n
+  componentName: c,
+  providedId: l
 }) {
-  const o = le();
-  return s(() => n ?? `${f}-${o}`);
+  return s(() => l ?? `${c}-${le().replace(/:/g, "")}`);
 }
-function he(f, n) {
+function he(c, l) {
   let o;
   return function(...d) {
     clearTimeout(o), o = setTimeout(() => {
-      f.apply(this, d);
-    }, n);
+      c.apply(this, d);
+    }, l);
   };
 }
-const ke = {
+const ke = ["for"], Be = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Ie = { class: "m-input-wrapper-input" }, Be = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], we = { key: 0 }, $e = {
+}, Ie = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], we = { key: 0 }, $e = {
   key: 1,
   class: "m-input-wrapper-right"
-}, je = /* @__PURE__ */ q({
+}, Ce = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInput",
   props: {
@@ -165,6 +161,8 @@ const ke = {
     modelValue: { default: void 0 },
     placeholder: { default: void 0 },
     label: { default: void 0 },
+    topLabel: {},
+    assistiveText: {},
     name: { default: void 0 },
     color: { default: "primary" },
     type: { default: "text" },
@@ -190,19 +188,20 @@ const ke = {
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    autocomplete: {}
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(f, { emit: n }) {
-    const o = f, d = n, h = M(() => Promise.resolve().then(() => ge)), g = M(() => import("./MazIcon-BbvBov5G.mjs")), b = M(() => import("./eye-slash-BoO00xzs.mjs")), p = M(() => import("./eye-f8zAUc30.mjs")), j = M(() => import("./check-BmubdHc_.mjs")), m = $(!1), k = $(!1), T = $(), D = ze({
+  setup(c, { emit: l }) {
+    const o = c, d = l, B = T(() => Promise.resolve().then(() => ge)), k = T(() => import("./MazIcon-_hN-Kivn.mjs")), y = T(() => import("./eye-slash-BoO00xzs.mjs")), g = T(() => import("./eye-f8zAUc30.mjs")), $ = T(() => import("./check-BmubdHc_.mjs")), v = S(!1), I = S(!1), M = S(), F = ze({
       componentName: "MazInput",
       providedId: o.id
     });
-    re(() => {
+    ne(() => {
       var e;
-      o.autoFocus && ((e = T.value) == null || e.focus());
+      o.autoFocus && ((e = M.value) == null || e.focus());
     });
-    const C = s(() => o.type === "password"), F = s(() => m.value ? "text" : o.type), a = s(() => {
+    const z = s(() => o.type === "password"), t = s(() => v.value ? "text" : o.type), a = s(() => {
       if (!o.noBorder) {
         if (o.error)
           return "maz-border-danger";
@@ -210,7 +209,7 @@ const ke = {
           return "maz-border-success";
         if (o.warning)
           return "maz-border-warning";
-        if (k.value || o.borderActive) {
+        if (I.value || o.borderActive) {
           if (o.color === "black")
             return "maz-border-black";
           if (o.color === "danger")
@@ -230,51 +229,51 @@ const ke = {
         }
         return "--default-border";
       }
-    }), l = H(), u = s(() => {
-      const { required: e, placeholder: I } = o;
-      if (I)
-        return e ? `${I} *` : I;
-    }), r = s(() => S.value !== void 0 && S.value !== ""), w = he(
+    }), r = re(), i = s(() => {
+      const { required: e, placeholder: w } = o;
+      if (w)
+        return e ? `${w} *` : w;
+    }), u = s(() => j.value !== void 0 && j.value !== ""), L = he(
       (e) => {
         d("update:model-value", e);
       },
       typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
     );
-    function t(e) {
+    function C(e) {
       if (o.debounce)
-        return w(e);
+        return L(e);
       d("update:model-value", e);
     }
-    const S = s({
+    const j = s({
       get: () => o.modelValue,
-      set: (e) => t(e)
-    }), Y = s(() => (!!o.label || !!o.hint) && (k.value || !!r.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Z = s(() => !!o.label || !!o.hint);
+      set: (e) => C(e)
+    }), X = s(() => (!!o.label || !!o.hint) && (I.value || !!u.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), Y = s(() => !!o.label || !!o.hint);
+    function Z() {
+      return !!r["right-icon"] || z.value || !!r["valid-button"] || o.validButton || !!o.rightIcon;
+    }
     function x() {
-      return !!l["right-icon"] || C.value || !!l["valid-button"] || o.validButton || !!o.rightIcon;
+      return !!r["left-icon"] || !!o.leftIcon;
     }
-    function _() {
-      return !!l["left-icon"] || !!o.leftIcon;
+    function _(e) {
+      d("focus", e), I.value = !0;
     }
     function ee(e) {
-      d("focus", e), k.value = !0;
+      d("blur", e), I.value = !1;
     }
     function oe(e) {
-      d("blur", e), k.value = !1;
-    }
-    function te(e) {
       return d("change", e);
     }
-    function ne(e) {
+    function te(e) {
       return d("input", e);
     }
-    return (e, I) => (i(), B(
+    return (e, w) => (n(), h(
       "div",
       {
-        class: z(["m-input", [
+        class: b(["m-input", [
           {
-            "--is-focused": k.value || e.borderActive,
-            "--should-up": Y.value,
-            "--has-label": Z.value,
+            "--is-focused": I.value || e.borderActive,
+            "--should-up": X.value,
+            "--has-label": Y.value,
             "--is-disabled": e.disabled,
             "--is-readonly": e.readonly,
             "--has-z-2": e.error || e.warning || e.success,
@@ -282,116 +281,128 @@ const ke = {
             "--block": e.block
           },
           o.class,
-          `--${e.color}`,
-          `--${e.size}`
+          `--${e.color}`
         ]]),
-        style: K(e.style)
+        style: N(e.style)
       },
       [
+        e.topLabel ? (n(), h("label", {
+          key: 0,
+          for: m(F),
+          class: "m-input-top-label"
+        }, U(e.topLabel), 9, ke)) : f("v-if", !0),
         E(
           "div",
           {
-            class: z(["m-input-wrapper", [
+            class: b(["m-input-wrapper", [
               e.inputClasses,
               a.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
+              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius },
+              { "--block": e.block }
             ]])
           },
           [
-            _() ? (i(), B("div", ke, [
+            x() ? (n(), h("div", Be, [
               e.$slots["left-icon"] || e.leftIcon ? V(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (i(), v(y(g), {
+                typeof e.leftIcon == "string" ? (n(), p(m(k), {
                   key: 0,
                   name: e.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (i(), v(L(e.leftIcon), {
+                }, null, 8, ["name"])) : e.leftIcon ? (n(), p(D(e.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : c("v-if", !0)
-              ], !0) : c("v-if", !0)
-            ])) : c("v-if", !0),
-            E("div", Ie, [
-              se(E("input", G({
-                id: y(D),
-                ref_key: "input",
-                ref: T,
-                "onUpdate:modelValue": I[0] || (I[0] = (A) => S.value = A),
-                type: F.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: u.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, ie({
-                blur: oe,
-                focus: ee,
-                change: te,
-                input: ne
-              }, !0), {
-                onClick: I[1] || (I[1] = (A) => e.$emit("click", A))
-              }), null, 16, Be), [
-                [ue, S.value]
-              ]),
-              e.label || e.hint ? (i(), B(
-                "span",
-                {
-                  key: 0,
-                  class: z(["m-input-label", [
-                    {
-                      "maz-text-danger-600": e.error,
-                      "maz-text-success-600": e.success,
-                      "maz-text-warning-600": e.warning
-                    }
-                  ]])
-                },
-                [
-                  J(
-                    Q(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (i(), B("sup", we, "*")) : c("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : c("v-if", !0)
-            ]),
-            x() ? (i(), B("div", $e, [
+                })) : f("v-if", !0)
+              ], !0) : f("v-if", !0)
+            ])) : f("v-if", !0),
+            E(
+              "div",
+              {
+                class: b(["m-input-wrapper-input", [`--${e.size}`, { "--top-label": !!e.topLabel }]])
+              },
+              [
+                se(E("input", G({ id: m(F) }, e.$attrs, {
+                  ref_key: "input",
+                  ref: M,
+                  "onUpdate:modelValue": w[0] || (w[0] = (A) => j.value = A),
+                  name: e.name,
+                  placeholder: i.value,
+                  "aria-label": e.label || e.placeholder,
+                  type: t.value,
+                  inputmode: e.inputmode,
+                  disabled: e.disabled,
+                  readonly: e.readonly,
+                  autocomplete: e.autocomplete,
+                  required: e.required,
+                  class: "m-input-input"
+                }, ie({
+                  blur: ee,
+                  focus: _,
+                  change: oe,
+                  input: te
+                }, !0), {
+                  onClick: w[1] || (w[1] = (A) => e.$emit("click", A))
+                }), null, 16, Ie), [
+                  [ue, j.value]
+                ]),
+                e.label || e.hint ? (n(), h(
+                  "span",
+                  {
+                    key: 0,
+                    class: b(["m-input-label", [
+                      {
+                        "maz-text-danger-600": e.error,
+                        "maz-text-success-600": e.success,
+                        "maz-text-warning-600": e.warning
+                      }
+                    ]])
+                  },
+                  [
+                    J(
+                      U(e.hint || e.label) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    e.required ? (n(), h("sup", we, "*")) : f("v-if", !0)
+                  ],
+                  2
+                  /* CLASS */
+                )) : f("v-if", !0)
+              ],
+              2
+              /* CLASS */
+            ),
+            Z() ? (n(), h("div", $e, [
               e.$slots["right-icon"] || e.rightIcon ? V(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (i(), v(y(g), {
+                typeof e.rightIcon == "string" ? (n(), p(m(k), {
                   key: 0,
                   name: e.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (i(), v(L(e.rightIcon), {
+                }, null, 8, ["name"])) : e.rightIcon ? (n(), p(D(e.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
-                })) : c("v-if", !0)
-              ], !0) : c("v-if", !0),
-              C.value ? (i(), v(y(h), {
+                })) : f("v-if", !0)
+              ], !0) : f("v-if", !0),
+              z.value ? (n(), p(m(B), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: I[2] || (I[2] = W((A) => m.value = !m.value, ["stop"]))
+                onClick: w[2] || (w[2] = Q((A) => v.value = !v.value, ["stop"]))
               }, {
                 default: P(() => [
-                  m.value ? (i(), v(y(b), {
+                  v.value ? (n(), p(m(y), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (i(), v(y(p), {
+                  })) : (n(), p(m(g), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
                 ]),
                 _: 1
                 /* STABLE */
-              })) : c("v-if", !0),
+              })) : f("v-if", !0),
               e.$slots["valid-button"] || e.validButton ? V(e.$slots, "valid-button", { key: 2 }, () => [
-                O(y(h), {
+                O(m(B), {
                   color: "transparent",
                   disabled: e.disabled,
                   tabindex: "-1",
@@ -401,23 +412,40 @@ const ke = {
                   type: "submit"
                 }, {
                   default: P(() => [
-                    O(y(j), { class: "maz-text-2xl maz-text-normal" })
+                    O(m($), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "loading"])
-              ], !0) : c("v-if", !0)
-            ])) : c("v-if", !0)
+              ], !0) : f("v-if", !0)
+            ])) : f("v-if", !0)
           ],
           2
           /* CLASS */
-        )
+        ),
+        e.assistiveText ? (n(), h(
+          "div",
+          {
+            key: 1,
+            class: b(["m-input-bottom-text", [
+              {
+                "maz-text-danger-600": e.error,
+                "maz-text-success-600": e.success,
+                "maz-text-warning-600": e.warning,
+                "maz-text-muted": !e.error && !e.success && !e.warning
+              }
+            ]])
+          },
+          U(e.assistiveText),
+          3
+          /* TEXT, CLASS */
+        )) : f("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), Ce = /* @__PURE__ */ N(je, [["__scopeId", "data-v-c42aaa7f"]]), Se = /* @__PURE__ */ q({
+}), Se = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-1443c13f"]]), Te = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "MazInputTags",
   props: {
@@ -437,39 +465,39 @@ const ke = {
     hint: {}
   },
   emits: ["update:model-value"],
-  setup(f, { emit: n }) {
-    const o = f, d = n, h = $(!1), g = $(), b = $(), p = $(), j = $(), m = s(
+  setup(c, { emit: l }) {
+    const o = c, d = l, B = S(!1), k = S(), y = S(), g = S(), $ = S(), v = s(
       () => {
         var a;
-        return (a = o.modelValue) == null ? void 0 : a.map((l) => ({
-          tag: l,
-          id: Math.random().toString(36).slice(2, 11)
+        return (a = o.modelValue) == null ? void 0 : a.map((r) => ({
+          tag: r,
+          id: crypto.randomUUID()
         }));
       }
     );
-    function k(a) {
-      if (g.value) {
-        p.value = void 0, a.preventDefault();
-        const u = g.value.trim().split(",").map((r) => r.trim() === "," ? void 0 : r.trim()).filter(U).filter(
-          (r) => {
-            var w, t;
-            return !((t = (w = o.modelValue) == null ? void 0 : w.filter(U)) != null && t.some((S) => S === r));
+    function I(a) {
+      if (k.value) {
+        g.value = void 0, a.preventDefault();
+        const i = k.value.trim().split(",").map((u) => u.trim() === "," ? void 0 : u.trim()).filter(K).filter(
+          (u) => {
+            var L, C;
+            return !((C = (L = o.modelValue) == null ? void 0 : L.filter(K)) != null && C.some((j) => j === u));
           }
         );
         d(
           "update:model-value",
-          o.modelValue ? [...o.modelValue, ...u] : [...u]
-        ), g.value = void 0;
+          o.modelValue ? [...o.modelValue, ...i] : [...i]
+        ), k.value = void 0;
       }
     }
-    const T = s(() => {
+    const M = s(() => {
       if (o.error)
         return "maz-border-danger";
       if (o.success)
         return "maz-border-success";
       if (o.warning)
         return "maz-border-warning";
-      if (h.value) {
+      if (B.value) {
         if (o.color === "primary")
           return "maz-border-primary";
         if (o.color === "secondary")
@@ -489,51 +517,51 @@ const ke = {
       }
       return "maz-border-border dark:maz-border-color-lighter";
     });
-    function D() {
-      var a, l, u;
-      g.value || m.value && ((a = m.value) == null ? void 0 : a.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;
+    function F() {
+      var a, r, i;
+      k.value || v.value && ((a = v.value) == null ? void 0 : a.length) === 0 || ($.value && clearTimeout($.value), g.value ? (z(g.value), g.value = void 0) : (g.value = (i = (r = v.value) == null ? void 0 : r[v.value.length - 1]) == null ? void 0 : i.id, $.value = setTimeout(() => {
+        g.value = void 0;
       }, 2e3)));
     }
-    function C(a) {
-      var u;
-      const l = (u = m.value) == null ? void 0 : u.filter((r) => r.id !== a).map((r) => r.tag);
-      d("update:model-value", l);
+    function z(a) {
+      var i;
+      const r = (i = v.value) == null ? void 0 : i.filter((u) => u.id !== a).map((u) => u.tag);
+      d("update:model-value", r);
     }
-    const F = s(() => o.size === "mini" || o.size === "xs" ? "mini" : o.size === "sm" ? "xs" : o.size === "md" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : o.size);
-    return (a, l) => (i(), B(
+    const t = s(() => o.size === "mini" || o.size === "xs" ? "mini" : o.size === "sm" ? "xs" : o.size === "md" ? "sm" : o.size === "lg" ? "md" : o.size === "xl" ? "lg" : o.size);
+    return (a, r) => (n(), h(
       "div",
       {
-        class: z(["m-input-tags", [T.value, `--${a.color}`, `--${a.size}`, o.class, { "--block": a.block }]]),
-        style: K(a.style),
-        onFocusCapture: l[4] || (l[4] = (u) => h.value = !0),
-        onBlurCapture: l[5] || (l[5] = (u) => h.value = !1)
+        class: b(["m-input-tags", [M.value, `--${a.color}`, `--${a.size}`, o.class, { "--block": a.block }]]),
+        style: N(a.style),
+        onFocusCapture: r[4] || (r[4] = (i) => B.value = !0),
+        onBlurCapture: r[5] || (r[5] = (i) => B.value = !1)
       },
       [
         O(de, { name: "maz-tags" }, {
           default: P(() => [
-            (i(!0), B(
-              ce,
+            (n(!0), h(
+              fe,
               null,
-              fe(m.value, ({ tag: u, id: r }, w) => (i(), B("div", {
-                key: `tag-${w}`,
+              ce(v.value, ({ tag: i, id: u }, L) => (n(), h("div", {
+                key: `tag-${L}`,
                 class: "m-input-tags__wrapper"
               }, [
-                O(X, {
+                O(W, {
                   class: "m-input-tags__tag",
                   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((t) => C(r), ["stop"]),
-                  onMouseenter: (t) => b.value = r,
-                  onFocus: (t) => b.value = r,
-                  onMouseleave: l[0] || (l[0] = (t) => b.value = void 0),
-                  onBlur: l[1] || (l[1] = (t) => b.value = void 0)
+                  size: t.value,
+                  color: y.value === u || g.value === u ? "danger" : a.color,
+                  "right-icon": y.value === u || g.value === u ? m(ve) : void 0,
+                  onClick: Q((C) => z(u), ["stop"]),
+                  onMouseenter: (C) => y.value = u,
+                  onFocus: (C) => y.value = u,
+                  onMouseleave: r[0] || (r[0] = (C) => y.value = void 0),
+                  onBlur: r[1] || (r[1] = (C) => y.value = void 0)
                 }, {
                   default: P(() => [
                     J(
-                      Q(u),
+                      U(i),
                       1
                       /* TEXT */
                     )
@@ -549,10 +577,10 @@ const ke = {
           _: 1
           /* STABLE */
         }),
-        O(Ce, G({
+        O(Se, G({
           key: "input-tags",
-          modelValue: g.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (u) => g.value = u)
+          modelValue: k.value,
+          "onUpdate:modelValue": r[2] || (r[2] = (i) => k.value = i)
         }, a.$attrs, {
           placeholder: a.placeholder,
           label: a.label,
@@ -568,18 +596,18 @@ const ke = {
           "no-border": "",
           class: "m-input-tags__input",
           onKeydown: [
-            R(k, ["enter"]),
-            R(D, ["delete"])
+            H(I, ["enter"]),
+            H(F, ["delete"])
           ],
-          onBlur: l[3] || (l[3] = (u) => a.addTagsOnBlur ? k(u) : void 0)
+          onBlur: r[3] || (r[3] = (i) => a.addTagsOnBlur ? I(i) : void 0)
         }), null, 16, ["modelValue", "placeholder", "label", "aria-label", "error", "hint", "success", "warning", "disabled", "color", "block", "size"])
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Ve = /* @__PURE__ */ N(Se, [["__scopeId", "data-v-f5008e65"]]);
+}), Me = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-bff010d3"]]);
 export {
-  Ve as M,
-  N as _
+  Me as M,
+  R as _
 };