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

package/components/chunks/MazInputTags-DGAglIQb.mjs

@@ -0,0 +1,584 @@
+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-dm4RUkiD.mjs")), u = C(() => import("./MazIcon-BbvBov5G.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-BbvBov5G.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 _
+};

package/components/chunks/{MazLink-Cd4MwIC9.mjs → MazLink-yKgOtTlk.mjs}

@@ -21,7 +21,7 @@ import '../assets/MazLink.css';const y = /* @__PURE__ */ f({
   setup(g) {
     const u = d(
       () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
-    ), i = d(() => import("./MazIcon-Bk4mYF1h.mjs"));
+    ), i = d(() => import("./MazIcon-B3gy-jQ6.mjs"));
     return (e, c) => (o(), t(r(e.to ? "router-link" : "a"), s({
       id: e.id,
       class: ["m-link", [

package/components/chunks/{MazLoadingBar-DHcYPXlE.mjs → MazLoadingBar-D8a5KF29.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as l, useCssVars as n, computed as c, openBlock as s, createElementBlock as d, createElementVNode as m } from "vue";
-import { _ as p } from "./MazTable-BKdEx63E.mjs";
+import { _ as p } from "./MazTable-CWsaB02U.mjs";
 import '../assets/MazLoadingBar.css';const i = { class: "m-loading-bar" }, u = /* @__PURE__ */ l({
   __name: "MazLoadingBar",
   props: {