maz-ui 3.47.2-beta.9 → 3.48.0

package/components/chunks/MazSelect-CBaOs6va.mjs

@@ -0,0 +1,550 @@
+import { computed as f, defineComponent as Ie, defineAsyncComponent as $, ref as g, onBeforeMount as Le, nextTick as W, withDirectives as we, openBlock as V, createElementBlock as A, normalizeClass as q, normalizeStyle as j, createVNode as N, mergeProps as Ce, unref as I, withModifiers as M, withCtx as ne, createElementVNode as O, Transition as Me, createBlock as se, createCommentVNode as Q, renderSlot as G, Fragment as ie, renderList as Ee, toDisplayString as ue } from "vue";
+import { u as Te } from "./useInstanceUniqId-BkOfxhk8.mjs";
+import re from "./MazInput-DB4HtpCQ.mjs";
+import { _ as $e } from "./MazTable-Soe-MrTW.mjs";
+import '../assets/MazSelect.css';const Ne = {
+  removeAccents: !0,
+  caseSensitive: !1,
+  replaceSpaces: !0,
+  removeSpecialCharacters: !1,
+  trim: !0,
+  normalizeSpaces: !0,
+  removeNumbers: !1,
+  customNormalizationForms: ["NFC", "NFKD"]
+};
+function x(u, r) {
+  const s = { ...Ne, ...r }, t = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Î: "I",
+    Ï: "I",
+    í: "I",
+    î: "i",
+    ï: "i",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ç: "C",
+    ç: "c",
+    ÿ: "y",
+    Ñ: "N",
+    ñ: "n",
+    ó: "o"
+  };
+  let n = u.toString();
+  if (s.trim && (n = n.trim()), s.normalizeSpaces && (n = n.replaceAll(/\s+/g, " ")), s.replaceSpaces && (n = n.replaceAll(" ", "-")), s.removeNumbers && (n = n.replaceAll(/\d/g, "")), s.removeAccents && (n = n.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (i) => t[i] || i), n = n.replaceAll(/[\u0300-\u036F]/g, "")), s.caseSensitive === !1 && (n = n.toLowerCase()), s.removeSpecialCharacters && (n = n.replaceAll(/[^\dA-Z-]/gi, "")), s.trim && (n = n.trim()), s.customNormalizationForms)
+    for (const i of s.customNormalizationForms)
+      n = n.normalize(i);
+  return n;
+}
+function Oe(u, r) {
+  const s = u.length, t = r.length, n = [];
+  for (let i = 0; i <= s; i++)
+    n[i] = [i];
+  for (let i = 0; i <= t; i++)
+    n[0][i] = i;
+  for (let i = 1; i <= s; i++)
+    for (let m = 1; m <= t; m++) {
+      const z = u[i - 1] === r[m - 1] ? 0 : 1;
+      n[i][m] = Math.min(
+        n[i - 1][m] + 1,
+        n[i][m - 1] + 1,
+        n[i - 1][m - 1] + z
+      );
+    }
+  return n[s][t];
+}
+function ce(u, r) {
+  const s = Oe(u, r), t = Math.max(u.length, r.length);
+  return 1 - s / t;
+}
+function xe(u, r, s = 0.75) {
+  return ce(u, r) >= s;
+}
+function Z(u, r, s = 0.75) {
+  const t = f(
+    () => x(typeof u == "string" ? u : u.value)
+  ), n = f(
+    () => x(typeof r == "string" ? r : r.value)
+  ), i = f(() => typeof s == "number" ? s : s.value), m = f(() => ce(t.value, n.value));
+  return {
+    isMatching: f(
+      () => xe(t.value, n.value, i.value)
+    ),
+    score: m
+  };
+}
+function de(u, r, s) {
+  var m, z;
+  u.stopPropagation();
+  const t = typeof s.value == "function" ? s.value : s.value.handler, n = typeof s.value == "object" ? s.value.exclude : void 0;
+  let i = !1;
+  if (n && n.length > 0) {
+    for (const E of n)
+      if (!i && u.target instanceof HTMLElement) {
+        const h = (m = document.querySelector(E)) == null ? void 0 : m.getAttribute("id");
+        i = (u.target.getAttribute("id") === h || ((z = document.querySelector(E)) == null ? void 0 : z.contains(u.target))) ?? !1;
+      }
+  }
+  !r.contains(u.target) && !i && (t == null || t(u));
+}
+function pe() {
+  return document.ontouchstart === null ? "touchstart" : "click";
+}
+function Be(u, r) {
+  const s = pe();
+  document.removeEventListener(s, (t) => de(t, u, r));
+}
+function De(u, r) {
+  if (typeof r.value != "function" && typeof r.value == "object" && typeof r.value.handler != "function") {
+    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
+    return;
+  }
+  const s = pe();
+  document.addEventListener(s, (t) => de(t, u, r));
+}
+const He = {
+  mounted: De,
+  unmounted: Be
+};
+let R = null;
+function Pe(u, r) {
+  R && clearTimeout(R), R = setTimeout(u, r);
+}
+const Fe = ["aria-label"], Ue = { class: "m-select-list__no-results" }, We = {
+  key: 2,
+  class: "m-select-list__scroll-wrapper",
+  tabindex: "-1"
+}, qe = { class: "m-select-list-optgroup" }, je = ["onClick"], Qe = /* @__PURE__ */ Ie({
+  inheritAttrs: !1,
+  __name: "MazSelect",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    id: { default: void 0 },
+    modelValue: { default: void 0 },
+    options: { default: void 0 },
+    optionValueKey: { default: "value" },
+    optionLabelKey: { default: "label" },
+    optionInputValueKey: { default: "label" },
+    listPosition: { default: "bottom left" },
+    itemHeight: { default: void 0 },
+    maxListHeight: { default: 240 },
+    maxListWidth: { default: void 0 },
+    minListHeight: { default: void 0 },
+    minListWidth: { default: void 0 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    search: { type: Boolean },
+    searchPlaceholder: { default: "Search in options" },
+    searchThreshold: { default: 0.75 },
+    open: { type: Boolean },
+    multiple: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    block: { type: Boolean },
+    excludeSelectors: { default: void 0 },
+    autocomplete: { default: "off" }
+  },
+  emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
+  setup(u, { expose: r, emit: s }) {
+    const t = u, n = s, i = $(() => import("./MazCheckbox-D-7-TdgO.mjs")), m = $(() => import("./magnifying-glass--nBiyXot.mjs")), z = $(() => import("./chevron-down-BkvtON3b.mjs")), E = $(() => import("./no-symbol-CIgKzsrB.mjs"));
+    r({
+      /** Method to open the option list */
+      openList: C,
+      /** Method to close the option list */
+      closeList: S
+    });
+    const h = g(!1), d = g(), B = f(
+      () => ["black", "transparent", "white"].includes(t.color)
+    ), fe = f(
+      () => B.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+    ), me = f(
+      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+    ), ve = f(
+      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), b = f(() => h.value || t.open), ye = Te({
+      componentName: "MazSelect",
+      providedId: t.id
+    });
+    function J(e) {
+      return {
+        [t.optionValueKey]: e,
+        [t.optionLabelKey]: e,
+        [t.optionInputValueKey]: e
+      };
+    }
+    function X(e) {
+      return {
+        ...e,
+        [t.optionValueKey]: e[t.optionValueKey],
+        [t.optionLabelKey]: e[t.optionLabelKey],
+        [t.optionInputValueKey]: e[t.optionInputValueKey]
+      };
+    }
+    const L = f(() => {
+      var l;
+      const e = [];
+      if (!((l = t.options) != null && l.length))
+        return [];
+      for (const o of t.options)
+        typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? e.push(J(o)) : typeof o == "object" && "options" in o && Array.isArray(o.options) ? e.push(
+          { label: o.label, isOptGroup: !0 },
+          ...o.options.map(
+            (a) => typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? J(a) : X(a)
+          )
+        ) : e.push(X(o));
+      return e;
+    }), T = f(
+      () => {
+        var e;
+        return ((e = L.value) == null ? void 0 : e.filter((l) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(l[t.optionValueKey]) && !K(l[t.optionValueKey]) : !1 : t.modelValue === l[t.optionValueKey] && !K(l[t.optionValueKey]))) ?? [];
+      }
+    );
+    Le(() => {
+      var e;
+      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), U();
+    });
+    const Y = g(), D = g(), _ = g(), ee = g();
+    function K(e) {
+      return e == null;
+    }
+    function H(e) {
+      var o;
+      return (((o = T.value) == null ? void 0 : o.some(
+        (a) => a[t.optionValueKey] === e[t.optionValueKey]
+      )) ?? !1) && !K(e[t.optionValueKey]);
+    }
+    const he = f(() => {
+      var l;
+      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
+        return t.modelValue.map(
+          (o) => {
+            var a, c;
+            return (c = (a = L.value) == null ? void 0 : a.find((p) => p[t.optionValueKey] === o)) == null ? void 0 : c[t.optionInputValueKey];
+          }
+        ).join(", ");
+      const e = (l = L.value) == null ? void 0 : l.find(
+        (o) => o[t.optionValueKey] === t.modelValue
+      );
+      return K(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
+    }), be = f(
+      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), w = g(""), k = g("");
+    function P(e, l) {
+      return l && e && x(e).includes(x(l));
+    }
+    function te(e) {
+      var l;
+      return e ? (l = L.value) == null ? void 0 : l.filter((o) => {
+        const a = o[t.optionLabelKey], c = o[t.optionValueKey], p = o[t.optionInputValueKey], v = t.searchThreshold;
+        return P(a, e) || P(p, e) || P(c, e) || typeof a == "string" && Z(a, e, v).isMatching.value || typeof p == "string" && Z(p, e, v).isMatching.value || typeof c == "string" && Z(c, e, v).isMatching.value;
+      }) : L.value;
+    }
+    const y = f(() => te(w.value));
+    async function S(e) {
+      var o, a;
+      if (!b.value)
+        return;
+      if (e && ("relatedTarget" in e && ((o = Y.value) != null && o.contains(e.relatedTarget)) || e.type === "keydown"))
+        return e.preventDefault();
+      const l = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if ((a = t.excludeSelectors) != null && a.includes(`#${l}`))
+        return e == null ? void 0 : e.preventDefault();
+      await W(), h.value = !1, d.value = 0, n("close", e);
+    }
+    async function C(e) {
+      t.disabled || b.value || (e == null || e.preventDefault(), h.value = !0, await F(), n("focus", e), n("open", h.value));
+    }
+    function oe() {
+      var e, l;
+      (l = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || l.focus();
+    }
+    function ge() {
+      var e, l;
+      (l = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || l.dispatchEvent(new Event("input"));
+    }
+    function Ve(e) {
+      h.value ? S(e) : oe();
+    }
+    function ze(e) {
+      var l, o;
+      w.value = e, (o = ((l = _.value) == null ? void 0 : l.$el).querySelector("input")) == null || o.focus();
+    }
+    function Ke(e) {
+      var o;
+      e === "Backspace" && k.value.length > 0 ? k.value = k.value.slice(0, -1) : k.value += e;
+      const l = te(k.value);
+      l != null && l.length && (d.value = (o = y.value) == null ? void 0 : o.findIndex(
+        (a) => a[t.optionValueKey] === l[0][t.optionValueKey]
+      ), typeof d.value == "number" && d.value >= 0 && F(d.value)), Pe(() => {
+        k.value = "";
+      }, 1e3);
+    }
+    function ke(e) {
+      const l = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(l) ? (e.preventDefault(), C(e), t.search ? ze(l) : Ke(l)) : le(e);
+    }
+    function le(e, l = !0) {
+      const o = e.code, a = ["ArrowUp", "ArrowDown"].includes(o), c = (l ? ["Enter", "Space"] : ["Enter"]).includes(o), p = o === "Escape" && b.value;
+      a ? Se(e, d.value) : c ? Ae(e, d.value) : p && S(e);
+    }
+    function Se(e, l) {
+      var c;
+      e.preventDefault();
+      const o = e.code;
+      b.value || C(e);
+      const a = (c = y.value) == null ? void 0 : c.length;
+      a && (typeof l == "number" ? l === a - 1 && o === "ArrowDown" ? d.value = 0 : l === 0 && o === "ArrowUp" ? d.value = a - 1 : d.value = o === "ArrowDown" ? l + 1 : l - 1 : d.value = o === "ArrowDown" ? 0 : a - 1, F(d.value));
+    }
+    function Ae(e, l) {
+      var a, c, p;
+      if (!b.value)
+        return;
+      e.preventDefault();
+      const o = l ? ((a = y.value) == null ? void 0 : a[l]) ?? ((c = y.value) == null ? void 0 : c[0]) : (p = y.value) == null ? void 0 : p[0];
+      K(o) || ae(o);
+    }
+    async function F(e) {
+      var o, a;
+      await W(), typeof e != "number" && U();
+      const l = e ?? d.value;
+      if (typeof l == "number" && l >= 0) {
+        const c = (o = ee.value) == null ? void 0 : o.querySelectorAll(".m-select-list-item");
+        (a = c == null ? void 0 : c[l]) == null || a.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }
+    function U(e) {
+      var o;
+      const l = (o = y.value) == null ? void 0 : o.findIndex((a) => {
+        var c, p;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === a[t.optionValueKey] : [...t.modelValue].reverse()[0] === a[t.optionValueKey] : ((p = (c = T.value) == null ? void 0 : c[0]) == null ? void 0 : p[t.optionValueKey]) === a[t.optionValueKey];
+      });
+      d.value = l && l >= 0 ? l : 0;
+    }
+    function ae(e, l = !0) {
+      var p;
+      l && !t.multiple && W(() => S()), w.value = "";
+      const o = (p = T.value) == null ? void 0 : p.some(
+        (v) => v[t.optionValueKey] === e[t.optionValueKey]
+      );
+      let a = T.value;
+      o && t.multiple ? a = a == null ? void 0 : a.filter(
+        (v) => v[t.optionValueKey] !== e[t.optionValueKey]
+      ) : t.multiple ? a.push(e) : a = [e];
+      const c = a.map((v) => v[t.optionValueKey]);
+      n("update:model-value", t.multiple ? c : c[0]), n("selected-option", e), ge(), U(e), oe();
+    }
+    return (e, l) => we((V(), A(
+      "div",
+      {
+        ref_key: "mazSelectElement",
+        ref: Y,
+        class: q(["m-select m-reset-css", [
+          { "--is-open": b.value, "--disabled": e.disabled, "--block": e.block },
+          t.class,
+          `--${e.size}`
+        ]]),
+        style: j([e.style, { "--keyboard-selected-bg-color": ve.value, "--selected-bg-color": me.value, "--selected-text-color": fe.value }])
+      },
+      [
+        N(re, Ce({
+          id: I(ye),
+          ref_key: "mazInputComponent",
+          ref: D,
+          class: "m-select-input"
+        }, e.$attrs, {
+          required: e.required,
+          "border-active": h.value,
+          color: e.color,
+          "model-value": he.value,
+          size: e.size,
+          block: "",
+          autocomplete: e.autocomplete,
+          disabled: e.disabled,
+          onFocus: M(C, ["prevent", "stop"]),
+          onBlur: M(S, ["prevent", "stop"]),
+          onClick: M(C, ["prevent", "stop"]),
+          onChange: l[0] || (l[0] = (o) => n("change", o)),
+          onInput: l[1] || (l[1] = (o) => n("input", o)),
+          onKeydown: ke
+        }), {
+          "right-icon": ne(() => [
+            O("button", {
+              tabindex: "-1",
+              type: "button",
+              class: "m-select-input__toggle-button maz-custom",
+              "aria-label": `${b.value ? "collapse" : "expand"} list of options`,
+              onClick: M(Ve, ["stop"])
+            }, [
+              N(I(z), { class: "m-select-chevron maz-text-xl" })
+            ], 8, Fe)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
+        N(Me, { name: be.value }, {
+          default: ne(() => [
+            b.value ? (V(), A(
+              "div",
+              {
+                key: 0,
+                ref_key: "optionsListElement",
+                ref: ee,
+                class: q(["m-select-list", {
+                  "--top": e.listPosition.includes("top"),
+                  "--left": e.listPosition.includes("left"),
+                  "--right": e.listPosition.includes("right"),
+                  "--bottom": e.listPosition.includes("bottom")
+                }]),
+                style: j({
+                  maxHeight: `${e.maxListHeight}px`,
+                  maxWidth: `${e.maxListWidth}px`,
+                  minHeight: `${e.minListHeight}px`,
+                  minWidth: `${e.minListWidth}px`
+                })
+              },
+              [
+                e.search ? (V(), se(re, {
+                  key: 0,
+                  ref_key: "searchInputComponent",
+                  ref: _,
+                  modelValue: w.value,
+                  "onUpdate:modelValue": [
+                    l[2] || (l[2] = (o) => w.value = o),
+                    l[4] || (l[4] = (o) => d.value = 0)
+                  ],
+                  size: "sm",
+                  color: e.color,
+                  placeholder: e.searchPlaceholder,
+                  name: "search",
+                  inputmode: "search",
+                  block: "",
+                  autocomplete: "off",
+                  tabindex: "-1",
+                  class: "m-select-list__search-input maz-flex-none",
+                  "left-icon": I(m),
+                  onKeydown: l[3] || (l[3] = (o) => le(o, !1))
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : Q("v-if", !0),
+                !y.value || y.value.length <= 0 ? G(e.$slots, "no-results", { key: 1 }, () => [
+                  O("span", Ue, [
+                    N(I(E), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  ])
+                ], !0) : (V(), A("div", We, [
+                  (V(!0), A(
+                    ie,
+                    null,
+                    Ee(y.value, (o, a) => (V(), A(
+                      ie,
+                      { key: a },
+                      [
+                        o.label && o.isOptGroup ? G(e.$slots, "optgroup", {
+                          key: 0,
+                          label: o.label
+                        }, () => [
+                          O(
+                            "span",
+                            qe,
+                            ue(o.label),
+                            1
+                            /* TEXT */
+                          )
+                        ], !0) : (V(), A("button", {
+                          key: 1,
+                          tabindex: "-1",
+                          type: "button",
+                          class: q(["m-select-list-item maz-custom maz-flex-none", [
+                            {
+                              "--is-keyboard-selected": d.value === a,
+                              "--is-selected": H(o),
+                              "--is-none-value": K(o[e.optionValueKey])
+                            }
+                          ]]),
+                          style: j(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
+                          onClick: M((c) => ae(o), ["prevent", "stop"])
+                        }, [
+                          e.multiple ? (V(), se(I(i), {
+                            key: 0,
+                            tabindex: "-1",
+                            "model-value": H(o),
+                            size: "sm",
+                            color: e.color
+                          }, null, 8, ["model-value", "color"])) : Q("v-if", !0),
+                          G(e.$slots, "default", {
+                            option: o,
+                            isSelected: H(o)
+                          }, () => [
+                            O(
+                              "span",
+                              null,
+                              ue(o[e.optionLabelKey]),
+                              1
+                              /* TEXT */
+                            )
+                          ], !0)
+                        ], 14, je))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    ))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]))
+              ],
+              6
+              /* CLASS, STYLE */
+            )) : Q("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name"])
+      ],
+      6
+      /* CLASS, STYLE */
+    )), [
+      [I(He), {
+        exclude: e.excludeSelectors,
+        handler: S
+      }]
+    ]);
+  }
+}), Xe = /* @__PURE__ */ $e(Qe, [["__scopeId", "data-v-0050f306"]]);
+export {
+  Xe as default
+};

package/components/chunks/MazSpinner-BVQYjLWp.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { _ as a } from "./MazInputTags-Bto9dVQq.mjs";
+import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(m) {
+    return (e, s) => (o(), t("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, s[0] || (s[0] = [
+      p(
+        "path",
+        { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+        null,
+        -1
+        /* HOISTED */
+      )
+    ]), 10, i));
+  }
+}), h = /* @__PURE__ */ a(l, [["__scopeId", "data-v-52831d3b"]]);
+export {
+  h as default
+};

package/components/chunks/{MazSpinner-yr9xVdAa.mjs → MazSpinner-BYlkcKf0.mjs}

@@ -1,13 +1,13 @@
-import { defineComponent as o, openBlock as s, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
 import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ o({
+import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {
     size: { default: "2em" },
     color: { default: "theme" }
   },
   setup(m) {
-    return (e, n) => (s(), t("svg", {
+    return (e, s) => (o(), t("svg", {
       width: e.size,
       height: e.size,
       version: "1.1",
@@ -16,9 +16,9 @@ import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE_
       y: "0px",
       viewBox: "0 0 50 50",
       "xml:space": "preserve",
-      class: r(["m-spinner", `m-spinner--${e.color}`]),
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
       style: { "enable-background": "new 0 0 50 50" }
-    }, n[0] || (n[0] = [
+    }, s[0] || (s[0] = [
       p(
         "path",
         { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
@@ -28,7 +28,7 @@ import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE_
       )
     ]), 10, i));
   }
-}), h = /* @__PURE__ */ a(l, [["__scopeId", "data-v-2868435d"]]);
+}), h = /* @__PURE__ */ a(l, [["__scopeId", "data-v-52831d3b"]]);
 export {
   h as default
 };

package/components/chunks/MazSpinner-B_THFs0t.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { _ as a } from "./MazDropzone-n0JE92da.mjs";
+import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(m) {
+    return (e, s) => (o(), t("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, s[0] || (s[0] = [
+      p(
+        "path",
+        { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+        null,
+        -1
+        /* HOISTED */
+      )
+    ]), 10, i));
+  }
+}), h = /* @__PURE__ */ a(l, [["__scopeId", "data-v-52831d3b"]]);
+export {
+  h as default
+};

package/components/chunks/MazSpinner-Bb1BgWPD.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as n, openBlock as o, createElementBlock as t, normalizeClass as r, createElementVNode as p } from "vue";
+import { _ as a } from "./MazPagination-sxkvTajI.mjs";
+import '../assets/MazSpinner.css';const i = ["width", "height"], l = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { default: "2em" },
+    color: { default: "theme" }
+  },
+  setup(m) {
+    return (e, s) => (o(), t("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: r(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, s[0] || (s[0] = [
+      p(
+        "path",
+        { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+        null,
+        -1
+        /* HOISTED */
+      )
+    ]), 10, i));
+  }
+}), h = /* @__PURE__ */ a(l, [["__scopeId", "data-v-52831d3b"]]);
+export {
+  h as default
+};