maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazIcon-52a76873.mjs

@@ -0,0 +1,101 @@
+import { inject as b, defineComponent as C, ref as g, computed as p, onMounted as P, watchEffect as _, openBlock as h, createElementBlock as S, Fragment as $, createCommentVNode as a, mergeProps as A, nextTick as q } from "vue";
+function H(l, u) {
+  const s = b(l, u);
+  if (!s)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${l}`);
+  return s;
+}
+const I = ["innerHTML"], G = /* @__PURE__ */ C({
+  __name: "MazIcon",
+  props: {
+    src: { type: String, default: void 0 },
+    path: { type: String, default: void 0 },
+    name: { type: String, default: void 0 },
+    size: { type: String, default: void 0 },
+    title: { type: String, default: void 0 },
+    transformSource: {
+      type: Function,
+      default: (l) => l
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(l, { emit: u }) {
+    const s = {}, i = g(), v = g(), w = () => {
+      try {
+        return H("mazIconPath");
+      } catch {
+        return;
+      }
+    }, o = l, d = u, f = p(() => o.path ?? w()), E = p(() => o.src ? o.src : f.value ? `${f.value}/${o.name}.svg` : `/${o.name}.svg`);
+    P(() => {
+      !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
+    });
+    const y = (e, n) => {
+      const t = e.querySelectorAll("title");
+      if (t.length > 0)
+        t[0].textContent = n;
+      else {
+        const r = document.createElementNS("http://www.w3.org/2000/svg", "title");
+        r.textContent = n, e.append(r);
+      }
+    }, z = (e) => Object.keys(e).reduce((n, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (n[t] = e[t]), n), {}), M = (e) => {
+      const n = {}, t = e.attributes;
+      if (!t)
+        return n;
+      for (let r = t.length - 1; r >= 0; r--)
+        n[t[r].name] = t[r].value;
+      return n;
+    }, T = (e) => {
+      let n = e.cloneNode(!0);
+      return n = o.transformSource(e), o.title && y(n, o.title), e.innerHTML;
+    }, x = async (e) => {
+      s[e] || (s[e] = L(e));
+      try {
+        i.value = await s[e], await q(), d("loaded", v.value);
+      } catch (n) {
+        i.value && (i.value = void 0, d("unloaded")), delete s[e], d("error", n);
+      }
+    }, L = (e) => new Promise((n, t) => {
+      const r = new XMLHttpRequest();
+      r.open("GET", e, !0), r.addEventListener("load", () => {
+        if (r.status >= 200 && r.status < 400)
+          try {
+            let c = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
+            c ? (c = o.transformSource(c), n(c)) : t(new Error('Loaded file is not valid SVG"'));
+          } catch (m) {
+            t(m);
+          }
+        else
+          t(new Error("Error loading SVG"));
+      }), r.addEventListener("error", () => t()), r.send();
+    });
+    return _(() => x(E.value)), (e, n) => (h(), S(
+      $,
+      null,
+      [
+        a(" eslint-disable vue/no-v-html "),
+        a(" eslint-disable vue/html-self-closing "),
+        i.value ? (h(), S("svg", A({
+          key: 0,
+          ref_key: "svgElem",
+          ref: v,
+          width: "1em",
+          height: "1em"
+        }, {
+          ...M(i.value),
+          ...z(e.$attrs)
+        }, {
+          style: `font-size: ${l.size}`,
+          innerHTML: T(i.value)
+        }), null, 16, I)) : a("v-if", !0),
+        a(" eslint-enable vue/no-v-html "),
+        a(" eslint-enable vue/html-self-closing ")
+      ],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    ));
+  }
+});
+export {
+  G as default
+};

package/components/chunks/MazIcon-95e31ff8.mjs

@@ -0,0 +1,96 @@
+import { defineComponent as b, ref as f, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as s, mergeProps as C, nextTick as $ } from "vue";
+import { i as q } from "./MazTabsBar-27965f16.mjs";
+const H = ["innerHTML"], G = /* @__PURE__ */ b({
+  __name: "MazIcon",
+  props: {
+    src: { type: String, default: void 0 },
+    path: { type: String, default: void 0 },
+    name: { type: String, default: void 0 },
+    size: { type: String, default: void 0 },
+    title: { type: String, default: void 0 },
+    transformSource: {
+      type: Function,
+      default: (a) => a
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(a, { emit: S }) {
+    const i = {}, l = f(), d = f(), w = () => {
+      try {
+        return q("mazIconPath");
+      } catch {
+        return;
+      }
+    }, o = a, c = S, m = g(() => o.path ?? w()), y = g(() => o.src ? o.src : m.value ? `${m.value}/${o.name}.svg` : `/${o.name}.svg`);
+    P(() => {
+      !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
+    });
+    const E = (e, n) => {
+      const t = e.querySelectorAll("title");
+      if (t.length > 0)
+        t[0].textContent = n;
+      else {
+        const r = document.createElementNS("http://www.w3.org/2000/svg", "title");
+        r.textContent = n, e.append(r);
+      }
+    }, M = (e) => Object.keys(e).reduce((n, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (n[t] = e[t]), n), {}), z = (e) => {
+      const n = {}, t = e.attributes;
+      if (!t)
+        return n;
+      for (let r = t.length - 1; r >= 0; r--)
+        n[t[r].name] = t[r].value;
+      return n;
+    }, T = (e) => {
+      let n = e.cloneNode(!0);
+      return n = o.transformSource(e), o.title && E(n, o.title), e.innerHTML;
+    }, x = async (e) => {
+      i[e] || (i[e] = L(e));
+      try {
+        l.value = await i[e], await $(), c("loaded", d.value);
+      } catch (n) {
+        l.value && (l.value = void 0, c("unloaded")), delete i[e], c("error", n);
+      }
+    }, L = (e) => new Promise((n, t) => {
+      const r = new XMLHttpRequest();
+      r.open("GET", e, !0), r.addEventListener("load", () => {
+        if (r.status >= 200 && r.status < 400)
+          try {
+            let u = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
+            u ? (u = o.transformSource(u), n(u)) : t(new Error('Loaded file is not valid SVG"'));
+          } catch (v) {
+            t(v);
+          }
+        else
+          t(new Error("Error loading SVG"));
+      }), r.addEventListener("error", () => t()), r.send();
+    });
+    return _(() => x(y.value)), (e, n) => (p(), h(
+      A,
+      null,
+      [
+        s(" eslint-disable vue/no-v-html "),
+        s(" eslint-disable vue/html-self-closing "),
+        l.value ? (p(), h("svg", C({
+          key: 0,
+          ref_key: "svgElem",
+          ref: d,
+          width: "1em",
+          height: "1em"
+        }, {
+          ...z(l.value),
+          ...M(e.$attrs)
+        }, {
+          style: `font-size: ${a.size}`,
+          innerHTML: T(l.value)
+        }), null, 16, H)) : s("v-if", !0),
+        s(" eslint-enable vue/no-v-html "),
+        s(" eslint-enable vue/html-self-closing ")
+      ],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    ));
+  }
+});
+export {
+  G as default
+};

package/components/chunks/MazInput-1ed4f946.mjs

@@ -0,0 +1,283 @@
+import "../assets/MazInput.css";
+import { computed as o, defineComponent as K, defineAsyncComponent as m, ref as z, getCurrentInstance as Q, onMounted as W, useSlots as X, openBlock as i, createElementBlock as y, normalizeClass as B, normalizeStyle as Y, createElementVNode as k, renderSlot as w, createVNode as g, unref as u, createCommentVNode as s, withDirectives as Z, mergeProps as _, toHandlers as ee, vModelDynamic as te, createTextVNode as ae, toDisplayString as le, createBlock as x, withModifiers as ne, withCtx as $ } from "vue";
+function oe(e, r) {
+  let l;
+  return function(...d) {
+    clearTimeout(l), l = setTimeout(() => {
+      e.apply(this, d);
+    }, r);
+  };
+}
+const re = ({
+  componentName: e,
+  instance: r,
+  providedId: l
+}) => o(() => l ?? `${e}-${r == null ? void 0 : r.uid}`), ie = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, ue = { class: "m-input-wrapper-input" }, se = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"], de = { key: 0 }, ce = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, fe = /* @__PURE__ */ K({
+  inheritAttrs: !1,
+  __name: "MazInput",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    label: { type: String, default: void 0 },
+    name: { type: String, default: "input" },
+    type: {
+      type: String,
+      default: "text",
+      validator: (e) => [
+        "text",
+        "date",
+        "number",
+        "tel",
+        "search",
+        "url",
+        "password",
+        "month",
+        "time",
+        "week",
+        "email"
+      ].includes(e)
+    },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: { type: String, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { type: String, default: void 0 },
+    inputClasses: { type: String, default: void 0 },
+    noBorder: { type: Boolean, default: !1 },
+    noRadius: { type: Boolean, default: !1 },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    debounce: { type: Boolean, default: !1 },
+    debounceDelay: { type: Number, 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, default: void 0 },
+    rightIcon: { type: String, default: void 0 }
+  },
+  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
+  setup(e, { emit: r }) {
+    const l = m(() => import("./MazBtn-124f3700.mjs")), d = m(() => import("./MazIcon-52a76873.mjs")), p = m(() => import("./eye-slash-fa42a017.mjs")), C = m(() => import("./eye-dc12ce09.mjs")), M = m(() => import("./check-c9b483c0.mjs")), t = e, c = r, v = z(!1), f = z(!1), I = z(), q = Q(), N = re({
+      componentName: "MazInput",
+      instance: q,
+      providedId: t.id
+    });
+    W(() => {
+      var a;
+      t.autoFocus && ((a = I.value) == null || a.focus());
+    });
+    const A = o(() => t.class), S = o(() => t.type === "password"), P = o(() => v.value ? "text" : t.type), D = o(() => {
+      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 (f.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";
+      }
+    }), h = X(), E = o(() => {
+      const { required: a, placeholder: n } = t;
+      if (n)
+        return a ? `${n} *` : n;
+    }), T = o(() => t.modelValue !== void 0 && t.modelValue !== ""), V = o({
+      get: () => t.modelValue,
+      set: (a) => J(a)
+    }), L = o(() => (!!t.label || !!t.hint) && (f.value || !!T.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), F = o(() => !!t.label || !!t.hint), O = () => !!h["right-icon"] || S.value || !!h["valid-button"] || t.validButton || !!t.rightIcon, R = () => !!h["left-icon"] || !!t.leftIcon, U = (a) => {
+      c("focus", a), f.value = !0;
+    }, j = (a) => {
+      c("blur", a), f.value = !1;
+    }, H = (a) => c("change", a), G = oe((a) => {
+      c("update:model-value", a);
+    }, t.debounceDelay), J = (a) => {
+      if (t.debounce)
+        return G(a);
+      c("update:model-value", a);
+    };
+    return (a, n) => (i(), y(
+      "div",
+      {
+        class: B(["m-input", [
+          {
+            "--is-focused": f.value || e.borderActive,
+            "--should-up": L.value,
+            "--has-label": F.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
+          },
+          A.value,
+          `--${e.color}`,
+          `--${e.size}`
+        ]]),
+        style: Y(e.style)
+      },
+      [
+        k(
+          "div",
+          {
+            class: B(["m-input-wrapper", [e.inputClasses, D.value, { "maz-rounded": !e.noRadius }]])
+          },
+          [
+            R() ? (i(), y("div", ie, [
+              a.$slots["left-icon"] || e.leftIcon ? w(a.$slots, "left-icon", { key: 0 }, () => [
+                g(u(d), {
+                  name: e.leftIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : s("v-if", !0)
+            ])) : s("v-if", !0),
+            k("div", ue, [
+              Z(k("input", _({
+                id: u(N),
+                ref_key: "input",
+                ref: I,
+                "onUpdate:modelValue": n[0] || (n[0] = (b) => V.value = b),
+                type: P.value,
+                name: e.name
+              }, a.$attrs, {
+                placeholder: E.value,
+                "aria-label": e.label || e.placeholder,
+                disabled: e.disabled,
+                readonly: e.readonly,
+                required: e.required,
+                class: "m-input-input"
+              }, ee({
+                blur: j,
+                focus: U,
+                change: H
+              }, !0), {
+                onClick: n[1] || (n[1] = (b) => a.$emit("click", b))
+              }), null, 16, se), [
+                [te, V.value]
+              ]),
+              e.label || e.hint ? (i(), y(
+                "span",
+                {
+                  key: 0,
+                  ref: "label",
+                  class: B(["m-input-label", [
+                    {
+                      "maz-text-danger-600": e.error,
+                      "maz-text-success-600": e.success,
+                      "maz-text-warning-600": e.warning
+                    }
+                  ]])
+                },
+                [
+                  ae(
+                    le(e.hint || e.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  e.required ? (i(), y("sup", de, "*")) : s("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : s("v-if", !0)
+            ]),
+            O() ? (i(), y("div", ce, [
+              a.$slots["right-icon"] || e.rightIcon ? w(a.$slots, "right-icon", { key: 0 }, () => [
+                g(u(d), {
+                  name: e.rightIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : s("v-if", !0),
+              S.value ? (i(), x(u(l), {
+                key: 1,
+                color: "transparent",
+                tabindex: "-1",
+                size: "mini",
+                onClick: n[2] || (n[2] = ne((b) => v.value = !v.value, ["stop"]))
+              }, {
+                default: $(() => [
+                  v.value ? (i(), x(u(p), {
+                    key: 0,
+                    class: "maz-text-xl maz-text-muted"
+                  })) : (i(), x(u(C), {
+                    key: 1,
+                    class: "maz-text-xl maz-text-muted"
+                  }))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : s("v-if", !0),
+              a.$slots["valid-button"] || e.validButton ? w(a.$slots, "valid-button", { key: 2 }, () => [
+                g(u(l), {
+                  color: "transparent",
+                  disabled: e.disabled,
+                  tabindex: "-1",
+                  loading: e.validButtonLoading,
+                  class: "m-input-valid-button",
+                  size: "mini",
+                  type: "submit"
+                }, {
+                  default: $(() => [
+                    g(u(M), { class: "maz-text-2xl maz-text-normal" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "loading"])
+              ], !0) : s("v-if", !0)
+            ])) : s("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+const me = (e, r) => {
+  const l = e.__vccOpts || e;
+  for (const [d, p] of r)
+    l[d] = p;
+  return l;
+}, be = /* @__PURE__ */ me(fe, [["__scopeId", "data-v-32fa5093"]]);
+export {
+  be as M,
+  me as _
+};