maz-ui 3.47.2-beta.8 → 3.47.2-beta.9

package/components/chunks/MazInputTags-a57ZPojk.mjs

@@ -1,584 +0,0 @@
-import { openBlock as l, createElementBlock as I, createElementVNode as E, defineComponent as q, defineAsyncComponent as C, useAttrs as ne, computed as r, createBlock as c, resolveDynamicComponent as F, normalizeClass as z, withCtx as P, renderSlot as S, unref as p, createCommentVNode as f, createVNode as O, useId as ae, ref as j, onMounted as le, useSlots as re, normalizeStyle as H, withDirectives as se, mergeProps as K, toHandlers as ie, vModelDynamic as ue, createTextVNode as G, toDisplayString as J, withModifiers as Q, TransitionGroup as de, Fragment as fe, renderList as ce, withKeys as U } from "vue";
-import '../assets/MazInputTags.css';function R(d) {
-  return !!d;
-}
-const me = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function pe(d, n) {
-  return l(), I("svg", me, n[0] || (n[0] = [
-    E(
-      "path",
-      {
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "1.5",
-        d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
-      },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-const ve = { render: pe }, ye = {
-  key: 0,
-  class: "m-btn-loader-container"
-}, be = /* @__PURE__ */ q({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    justify: { default: "center" }
-  },
-  setup(d) {
-    const n = d, t = C(() => import("./MazSpinner-q-AqkAjI.mjs")), u = C(() => import("./MazIcon-B4CDdmqe.mjs")), { href: h, to: g } = ne(), v = r(() => h ? "a" : g ? "router-link" : "button"), y = r(
-      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
-    ), w = r(
-      () => (n.loading || n.disabled) && v.value === "button"
-    ), m = r(() => w.value ? "--cursor-default" : "--cursor-pointer"), k = r(() => `--is-${n.variant}`), M = r(() => n.loading && n.variant === "button"), D = r(() => v.value === "button" ? n.type : void 0), b = r(() => 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"), L = r(() => 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, a) => (l(), c(F(v.value), {
-      disabled: w.value || void 0,
-      class: z(["m-btn", [
-        `--${o.size}`,
-        !o.fab && !o.rounded && o.roundedSize && `--rounded-${o.roundedSize}`,
-        y.value,
-        m.value,
-        k.value,
-        L.value,
-        {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--fab": o.fab,
-          "--loading": o.loading,
-          "--disabled": w.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: D.value
-    }, {
-      default: P(() => [
-        S(o.$slots, "left-icon", {}, () => [
-          typeof o.leftIcon == "string" ? (l(), c(p(u), {
-            key: 0,
-            name: o.leftIcon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : o.leftIcon ? (l(), c(F(o.leftIcon), {
-            key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : f("v-if", !0)
-        ], !0),
-        S(o.$slots, "icon", {}, () => [
-          typeof o.icon == "string" ? (l(), c(p(u), {
-            key: 0,
-            name: o.icon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : o.icon ? (l(), c(F(o.icon), {
-            key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : f("v-if", !0)
-        ], !0),
-        S(o.$slots, "default", {}, void 0, !0),
-        S(o.$slots, "right-icon", {}, () => [
-          typeof o.rightIcon == "string" ? (l(), c(p(u), {
-            key: 0,
-            name: o.rightIcon,
-            class: z([b.value])
-          }, null, 8, ["name", "class"])) : o.rightIcon ? (l(), c(F(o.rightIcon), {
-            key: 1,
-            class: z([b.value])
-          }, null, 8, ["class"])) : f("v-if", !0)
-        ], !0),
-        M.value ? (l(), I("div", ye, [
-          O(p(t), {
-            size: "2em",
-            color: o.color
-          }, null, 8, ["color"])
-        ])) : f("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), N = (d, n) => {
-  const t = d.__vccOpts || d;
-  for (const [u, h] of n)
-    t[u] = h;
-  return t;
-}, W = /* @__PURE__ */ N(be, [["__scopeId", "data-v-95f33abf"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: W
-}, Symbol.toStringTag, { value: "Module" }));
-function ze({
-  componentName: d,
-  providedId: n
-}) {
-  const t = ae();
-  return r(() => n ?? `${d}-${t}`);
-}
-function he(d, n) {
-  let t;
-  return function(...u) {
-    clearTimeout(t), t = setTimeout(() => {
-      d.apply(this, u);
-    }, n);
-  };
-}
-const ke = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, Be = { class: "m-input-wrapper-input" }, Ie = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], we = { key: 0 }, $e = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, je = /* @__PURE__ */ q({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    roundedSize: { default: void 0 },
-    block: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
-  setup(d, { emit: n }) {
-    const t = d, u = n, h = C(() => Promise.resolve().then(() => ge)), g = C(() => import("./MazIcon-B4CDdmqe.mjs")), v = C(() => import("./eye-slash-BoO00xzs.mjs")), y = C(() => import("./eye-f8zAUc30.mjs")), w = C(() => import("./check-BmubdHc_.mjs")), m = j(!1), k = j(!1), M = j(), D = ze({
-      componentName: "MazInput",
-      providedId: t.id
-    });
-    le(() => {
-      var e;
-      t.autoFocus && ((e = M.value) == null || e.focus());
-    });
-    const b = r(() => t.type === "password"), L = r(() => m.value ? "text" : t.type), o = r(() => {
-      if (!t.noBorder) {
-        if (t.error)
-          return "maz-border-danger";
-        if (t.success)
-          return "maz-border-success";
-        if (t.warning)
-          return "maz-border-warning";
-        if (k.value || t.borderActive) {
-          if (t.color === "black")
-            return "maz-border-black";
-          if (t.color === "danger")
-            return "maz-border-danger";
-          if (t.color === "info")
-            return "maz-border-info";
-          if (t.color === "primary")
-            return "maz-border-primary";
-          if (t.color === "secondary")
-            return "maz-border-secondary";
-          if (t.color === "success")
-            return "maz-border-success";
-          if (t.color === "warning")
-            return "maz-border-warning";
-          if (t.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), a = re(), s = r(() => {
-      const { required: e, placeholder: B } = t;
-      if (B)
-        return e ? `${B} *` : B;
-    }), i = r(() => T.value !== void 0 && T.value !== ""), V = he(
-      (e) => {
-        u("update:model-value", e);
-      },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    );
-    function $(e) {
-      if (t.debounce)
-        return V(e);
-      u("update:model-value", e);
-    }
-    const T = r({
-      get: () => t.modelValue,
-      set: (e) => $(e)
-    }), X = r(() => (!!t.label || !!t.hint) && (k.value || !!i.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), Y = r(() => !!t.label || !!t.hint);
-    function Z() {
-      return !!a["right-icon"] || b.value || !!a["valid-button"] || t.validButton || !!t.rightIcon;
-    }
-    function x() {
-      return !!a["left-icon"] || !!t.leftIcon;
-    }
-    function _(e) {
-      u("focus", e), k.value = !0;
-    }
-    function ee(e) {
-      u("blur", e), k.value = !1;
-    }
-    function te(e) {
-      return u("change", e);
-    }
-    function oe(e) {
-      return u("input", e);
-    }
-    return (e, B) => (l(), I(
-      "div",
-      {
-        class: z(["m-input", [
-          {
-            "--is-focused": k.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,
-            "--has-state": e.error || e.warning || e.success,
-            "--block": e.block
-          },
-          t.class,
-          `--${e.color}`,
-          `--${e.size}`
-        ]]),
-        style: H(e.style)
-      },
-      [
-        E(
-          "div",
-          {
-            class: z(["m-input-wrapper", [
-              e.inputClasses,
-              o.value,
-              e.roundedSize ? `--rounded-${e.roundedSize}` : { "maz-rounded": !e.noRadius }
-            ]])
-          },
-          [
-            x() ? (l(), I("div", ke, [
-              e.$slots["left-icon"] || e.leftIcon ? S(e.$slots, "left-icon", { key: 0 }, () => [
-                typeof e.leftIcon == "string" ? (l(), c(p(g), {
-                  key: 0,
-                  name: e.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.leftIcon ? (l(), c(F(e.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : f("v-if", !0)
-              ], !0) : f("v-if", !0)
-            ])) : f("v-if", !0),
-            E("div", Be, [
-              se(E("input", K({
-                id: p(D),
-                ref_key: "input",
-                ref: M,
-                "onUpdate:modelValue": B[0] || (B[0] = (A) => T.value = A),
-                type: L.value,
-                name: e.name
-              }, e.$attrs, {
-                inputmode: e.inputmode,
-                placeholder: s.value,
-                "aria-label": e.label || e.placeholder,
-                disabled: e.disabled,
-                readonly: e.readonly,
-                required: e.required,
-                class: "m-input-input"
-              }, ie({
-                blur: ee,
-                focus: _,
-                change: te,
-                input: oe
-              }, !0), {
-                onClick: B[1] || (B[1] = (A) => e.$emit("click", A))
-              }), null, 16, Ie), [
-                [ue, T.value]
-              ]),
-              e.label || e.hint ? (l(), I(
-                "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
-                    }
-                  ]])
-                },
-                [
-                  G(
-                    J(e.hint || e.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  e.required ? (l(), I("sup", we, "*")) : f("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : f("v-if", !0)
-            ]),
-            Z() ? (l(), I("div", $e, [
-              e.$slots["right-icon"] || e.rightIcon ? S(e.$slots, "right-icon", { key: 0 }, () => [
-                typeof e.rightIcon == "string" ? (l(), c(p(g), {
-                  key: 0,
-                  name: e.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : e.rightIcon ? (l(), c(F(e.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : f("v-if", !0)
-              ], !0) : f("v-if", !0),
-              b.value ? (l(), c(p(h), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: B[2] || (B[2] = Q((A) => m.value = !m.value, ["stop"]))
-              }, {
-                default: P(() => [
-                  m.value ? (l(), c(p(v), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (l(), c(p(y), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : f("v-if", !0),
-              e.$slots["valid-button"] || e.validButton ? S(e.$slots, "valid-button", { key: 2 }, () => [
-                O(p(h), {
-                  color: "transparent",
-                  disabled: e.disabled,
-                  tabindex: "-1",
-                  loading: e.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: P(() => [
-                    O(p(w), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : f("v-if", !0)
-            ])) : f("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Ce = /* @__PURE__ */ N(je, [["__scopeId", "data-v-c42aaa7f"]]), Se = /* @__PURE__ */ q({
-  inheritAttrs: !1,
-  __name: "MazInputTags",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    block: { type: Boolean },
-    addTagsOnBlur: { type: Boolean, default: !0 },
-    hint: {}
-  },
-  emits: ["update:model-value"],
-  setup(d, { emit: n }) {
-    const t = d, u = n, h = j(!1), g = j(), v = j(), y = j(), w = j(), m = r(
-      () => {
-        var o;
-        return (o = t.modelValue) == null ? void 0 : o.map((a) => ({
-          tag: a,
-          id: Math.random().toString(36).slice(2, 11)
-        }));
-      }
-    );
-    function k(o) {
-      if (g.value) {
-        y.value = void 0, o.preventDefault();
-        const s = g.value.trim().split(",").map((i) => i.trim() === "," ? void 0 : i.trim()).filter(R).filter(
-          (i) => {
-            var V, $;
-            return !(($ = (V = t.modelValue) == null ? void 0 : V.filter(R)) != null && $.some((T) => T === i));
-          }
-        );
-        u(
-          "update:model-value",
-          t.modelValue ? [...t.modelValue, ...s] : [...s]
-        ), g.value = void 0;
-      }
-    }
-    const M = r(() => {
-      if (t.error)
-        return "maz-border-danger";
-      if (t.success)
-        return "maz-border-success";
-      if (t.warning)
-        return "maz-border-warning";
-      if (h.value) {
-        if (t.color === "primary")
-          return "maz-border-primary";
-        if (t.color === "secondary")
-          return "maz-border-secondary";
-        if (t.color === "info")
-          return "maz-border-info";
-        if (t.color === "danger")
-          return "maz-border-danger";
-        if (t.color === "success")
-          return "maz-border-success";
-        if (t.color === "warning")
-          return "maz-border-warning";
-        if (t.color === "black")
-          return "maz-border-black";
-        if (t.color === "white")
-          return "maz-border-white";
-      }
-      return "maz-border-border dark:maz-border-color-lighter";
-    });
-    function D() {
-      var o, a, s;
-      g.value || m.value && ((o = m.value) == null ? void 0 : o.length) === 0 || (w.value && clearTimeout(w.value), y.value ? (b(y.value), y.value = void 0) : (y.value = (s = (a = m.value) == null ? void 0 : a[m.value.length - 1]) == null ? void 0 : s.id, w.value = setTimeout(() => {
-        y.value = void 0;
-      }, 2e3)));
-    }
-    function b(o) {
-      var s;
-      const a = (s = m.value) == null ? void 0 : s.filter((i) => i.id !== o).map((i) => i.tag);
-      u("update:model-value", a);
-    }
-    const L = r(() => 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 (o, a) => (l(), I(
-      "div",
-      {
-        class: z(["m-input-tags", [M.value, `--${o.color}`, `--${o.size}`, t.class, { "--block": o.block }]]),
-        style: H(o.style),
-        onFocusCapture: a[4] || (a[4] = (s) => h.value = !0),
-        onBlurCapture: a[5] || (a[5] = (s) => h.value = !1)
-      },
-      [
-        O(de, { name: "maz-tags" }, {
-          default: P(() => [
-            (l(!0), I(
-              fe,
-              null,
-              ce(m.value, ({ tag: s, id: i }, V) => (l(), I("div", {
-                key: `tag-${V}`,
-                class: "m-input-tags__wrapper"
-              }, [
-                O(W, {
-                  class: "m-input-tags__tag",
-                  disabled: o.disabled,
-                  size: L.value,
-                  color: v.value === i || y.value === i ? "danger" : o.color,
-                  "right-icon": v.value === i || y.value === i ? p(ve) : void 0,
-                  onClick: Q(($) => b(i), ["stop"]),
-                  onMouseenter: ($) => v.value = i,
-                  onFocus: ($) => v.value = i,
-                  onMouseleave: a[0] || (a[0] = ($) => v.value = void 0),
-                  onBlur: a[1] || (a[1] = ($) => v.value = void 0)
-                }, {
-                  default: P(() => [
-                    G(
-                      J(s),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["disabled", "size", "color", "right-icon", "onClick", "onMouseenter", "onFocus"])
-              ]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        O(Ce, K({
-          key: "input-tags",
-          modelValue: g.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (s) => g.value = s)
-        }, o.$attrs, {
-          placeholder: o.placeholder,
-          label: o.label,
-          "aria-label": o.label || o.placeholder,
-          error: o.error,
-          hint: o.hint,
-          success: o.success,
-          warning: o.warning,
-          disabled: o.disabled,
-          color: o.color,
-          block: o.block,
-          size: o.size,
-          "no-border": "",
-          class: "m-input-tags__input",
-          onKeydown: [
-            U(k, ["enter"]),
-            U(D, ["delete"])
-          ],
-          onBlur: a[3] || (a[3] = (s) => o.addTagsOnBlur ? k(s) : 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"]]);
-export {
-  Ve as M,
-  N as _
-};