gather-vue 8.6.0

package/dist/MazBtn.1qp5aQ4N-DU0ii1Xr.js

@@ -0,0 +1,103 @@
+import { defineComponent as $, defineAsyncComponent as m, useAttrs as h, computed as t, createBlock as l, openBlock as n, resolveDynamicComponent as s, normalizeStyle as S, normalizeClass as a, withCtx as j, renderSlot as u, createElementBlock as C, createCommentVNode as d, unref as r, createVNode as _ } from "vue";
+import { s as O } from "./MazPhoneNumberInput-Cz50Ts4U.js";
+const A = {
+  key: 0,
+  class: "m-btn-loader-container"
+}, E = /* @__PURE__ */ $({
+  __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(v) {
+    const o = v, y = m(() => import("./MazSpinner.DZT5jj-c-y1IYJMcd.js")), c = m(() => import("./MazIcon.B5hPzeLk-C20gse35.js")), { href: b, to: g } = h(), p = t(() => b ? "a" : g ? "router-link" : "button"), z = t(() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`), f = t(
+      () => (o.loading || o.disabled) && p.value === "button"
+    ), B = t(() => f.value ? "--cursor-default" : "--cursor-pointer"), k = t(() => `--is-${o.variant}`), x = t(() => o.loading && o.variant === "button"), I = t(() => p.value === "button" ? o.type : void 0), i = t(() => o.size === "xl" ? "maz-text-3xl" : o.size === "lg" ? "maz-text-2xl" : o.size === "md" ? "maz-text-xl" : o.size === "sm" ? "maz-text-lg" : o.size === "xs" ? "maz-text-base" : o.size === "mini" ? "maz-text-sm" : "maz-text-xl");
+    return (e, F) => (n(), l(s(p.value), {
+      disabled: f.value || void 0,
+      class: a(["m-btn m-reset-css", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        z.value,
+        B.value,
+        k.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": f.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      style: S([`--justify: ${e.justify}`]),
+      type: I.value
+    }, {
+      default: j(() => [
+        u(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (n(), l(r(c), {
+            key: 0,
+            name: e.leftIcon,
+            class: a([i.value])
+          }, null, 8, ["name", "class"])) : e.leftIcon ? (n(), l(s(e.leftIcon), {
+            key: 1,
+            class: a([i.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        u(e.$slots, "icon", {}, () => [
+          typeof e.icon == "string" ? (n(), l(r(c), {
+            key: 0,
+            name: e.icon,
+            class: a([i.value])
+          }, null, 8, ["name", "class"])) : e.icon ? (n(), l(s(e.icon), {
+            key: 1,
+            class: a([i.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        u(e.$slots, "default", {}, void 0, !0),
+        u(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (n(), l(r(c), {
+            key: 0,
+            name: e.rightIcon,
+            class: a([i.value])
+          }, null, 8, ["name", "class"])) : e.rightIcon ? (n(), l(s(e.rightIcon), {
+            key: 1,
+            class: a([i.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        x.value ? (n(), C("div", A, [
+          _(r(y), {
+            size: "2em",
+            color: e.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "style", "type"]));
+  }
+}), N = /* @__PURE__ */ O(E, [["__scopeId", "data-v-6b881156"]]);
+export {
+  N as default
+};

package/dist/MazCheckbox.UAnkvAoS-pse3PCQf.js

@@ -0,0 +1,149 @@
+import { defineComponent as E, computed as o, ref as N, createElementBlock as b, openBlock as x, normalizeStyle as t, normalizeClass as n, unref as s, createElementVNode as u, mergeProps as $, createVNode as A, renderSlot as I, createCommentVNode as D, createTextVNode as K, toDisplayString as y } from "vue";
+import { s as M, w as P } from "./MazPhoneNumberInput-Cz50Ts4U.js";
+import T from "./check.C9Q_W85g-DmgtOx7Q.js";
+const F = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], J = { class: "m-checkbox__text" }, R = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "MazCheckbox",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: { default: void 0 },
+    color: { default: "primary" },
+    value: { type: [String, Number, Boolean], default: void 0 },
+    name: { default: "m-checkbox" },
+    size: { default: "md" },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(z, { emit: g }) {
+    const a = z, r = g, d = P({
+      componentName: "MazCheckbox",
+      providedId: a.id
+    }), m = o(
+      () => typeof a.value != "boolean" && Array.isArray(a.modelValue) ? a.modelValue.includes(a.value) : typeof a.modelValue == "boolean" ? a.modelValue : !1
+    ), i = o(() => {
+      switch (a.size) {
+        case "xl":
+          return "2rem";
+        case "lg":
+          return "1.75rem";
+        case "sm":
+          return "1.25rem";
+        case "xs":
+          return "1rem";
+        case "mini":
+          return "0.75rem";
+        default:
+          return "1.5rem";
+      }
+    }), k = o(() => {
+      switch (a.size) {
+        case "xl":
+          return "maz-text-2xl";
+        case "lg":
+          return "maz-text-xl";
+        case "sm":
+          return "maz-text-base";
+        case "xs":
+          return "maz-text-sm";
+        case "mini":
+          return "maz-text-xs";
+        default:
+          return "maz-text-lg";
+      }
+    }), V = o(() => a.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${a.color}-contrast)`), w = o(() => a.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${a.color})`), v = o(() => a.error ? "var(--maz-color-danger)" : a.warning ? "var(--maz-color-warning)" : a.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`);
+    function B(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), f(a.value ?? !a.modelValue));
+    }
+    function _(e) {
+      return typeof e == "boolean" && (typeof a.modelValue == "boolean" || a.modelValue === void 0 || a.modelValue === null) ? !a.modelValue : Array.isArray(a.modelValue) && typeof e != "boolean" ? a.modelValue.includes(e) ? a.modelValue.filter((l) => l !== e) : [...a.modelValue, e] : [e];
+    }
+    function f(e) {
+      const l = _(e);
+      r("update:model-value", l), r("change", l);
+    }
+    const c = N();
+    function C(e) {
+      var l;
+      (l = c.value) == null || l.dispatchEvent(new Event("blur")), r("blur", e);
+    }
+    function S(e) {
+      var l;
+      (l = c.value) == null || l.dispatchEvent(new Event("focus")), r("focus", e);
+    }
+    return (e, l) => (x(), b("label", {
+      for: s(d),
+      class: n(["m-checkbox m-reset-css", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
+      tabindex: "0",
+      style: t([e.style, { "--checkbox-selected-color": w.value, "--checkbox-box-shadow-color": v.value }]),
+      role: "checkbox",
+      "aria-checked": m.value,
+      onKeydown: B,
+      onBlur: C,
+      onFocus: S
+    }, [
+      u("input", $({
+        id: s(d),
+        ref_key: "inputRef",
+        ref: c,
+        checked: m.value
+      }, e.$attrs, {
+        tabindex: "-1",
+        disabled: e.disabled,
+        name: e.name,
+        type: "checkbox",
+        onChange: l[0] || (l[0] = (p) => {
+          var h;
+          return f(e.value ?? ((h = p == null ? void 0 : p.target) == null ? void 0 : h.checked));
+        })
+      }), null, 16, H),
+      u(
+        "span",
+        {
+          style: t({ width: i.value, height: i.value })
+        },
+        [
+          A(s(T), {
+            class: n(["check-icon", k.value]),
+            style: t({ color: V.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      u("div", J, [
+        I(e.$slots, "default", { value: e.value }, () => [
+          K(
+            y(e.label),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        e.hint ? (x(), b(
+          "span",
+          {
+            key: 0,
+            class: n(["m-checkbox__hint", {
+              "--error": e.error,
+              "--success": e.success,
+              "--warning": e.warning
+            }]),
+            style: t({ boxShadow: `0 0 0 0.125rem ${v.value}` })
+          },
+          y(e.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : D("v-if", !0)
+      ])
+    ], 46, F));
+  }
+}), L = /* @__PURE__ */ M(R, [["__scopeId", "data-v-66c21eaf"]]);
+export {
+  L as default
+};

package/dist/MazIcon.B5hPzeLk-C20gse35.js

@@ -0,0 +1,103 @@
+import { defineComponent as z, ref as f, computed as m, onMounted as x, createElementBlock as L, createCommentVNode as k, watchEffect as T, openBlock as H, mergeProps as N, nextTick as $ } from "vue";
+import { N as C } from "./MazPhoneNumberInput-Cz50Ts4U.js";
+const P = ["innerHTML"], G = /* @__PURE__ */ z({
+  __name: "MazIcon",
+  props: {
+    /** The source path of the SVG file - e.g: `/icons/home.svg` */
+    src: { type: String, default: void 0 },
+    /** The path of the folder where the SVG files are stored - e.g: `/icons` */
+    path: { type: String, default: void 0 },
+    /** The name of the SVG file - e.g: `home` */
+    name: { type: String, default: void 0 },
+    /** The size of the SVG file - e.g: `1em` */
+    size: { type: String, default: void 0 },
+    /** The title of the SVG file - e.g: `Home` */
+    title: { type: String, default: void 0 },
+    /** The function to transform the source of the SVG file - e.g: `(svg) => svg` */
+    transformSource: {
+      type: Function,
+      default: (l) => l
+    }
+  },
+  emits: ["loaded", "unloaded", "error"],
+  setup(l, { emit: v }) {
+    const o = l, i = v, u = {}, s = f(), c = f();
+    function p() {
+      try {
+        return C("mazIconPath");
+      } catch {
+        return;
+      }
+    }
+    const d = m(() => o.path ?? p()), g = m(() => o.src ? o.src : d.value ? `${d.value}/${o.name}.svg` : `/${o.name}.svg`);
+    x(() => {
+      !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
+    });
+    function y(e, r) {
+      const t = e.querySelectorAll("title");
+      if (t.length > 0)
+        t[0].textContent = r;
+      else {
+        const n = document.createElementNS("http://www.w3.org/2000/svg", "title");
+        n.textContent = r, e.append(n);
+      }
+    }
+    function h(e) {
+      return Object.keys(e).reduce((r, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (r[t] = e[t]), r), {});
+    }
+    function S(e) {
+      const r = {}, t = e.attributes;
+      if (!t)
+        return r;
+      for (let n = t.length - 1; n >= 0; n--)
+        r[t[n].name] = t[n].value;
+      return r;
+    }
+    function w(e) {
+      e.cloneNode(!0);
+      const r = o.transformSource(e);
+      return o.title && y(r, o.title), e.innerHTML;
+    }
+    async function E(e) {
+      u[e] || (u[e] = M(e));
+      try {
+        s.value = await u[e], await $(), i("loaded", c.value);
+      } catch (r) {
+        s.value && (s.value = void 0, i("unloaded")), delete u[e], i("error", r);
+      }
+    }
+    function M(e) {
+      return new Promise((r, t) => {
+        const n = new XMLHttpRequest();
+        n.open("GET", e, !0), n.addEventListener("load", () => {
+          if (n.status >= 200 && n.status < 400)
+            try {
+              let a = new DOMParser().parseFromString(n.responseText, "text/xml").querySelectorAll("svg")[0];
+              a ? (a = o.transformSource(a), r(a)) : t(new Error('Loaded file is not valid SVG"'));
+            } catch (a) {
+              t(a);
+            }
+          else
+            t(new Error("Error loading SVG"));
+        }), n.addEventListener("error", (a) => t(a)), n.send();
+      });
+    }
+    return T(() => E(g.value)), (e, r) => s.value ? (H(), L("svg", N({
+      key: 0,
+      ref_key: "svgElem",
+      ref: c,
+      class: "m-icon m-reset-css",
+      width: "1em",
+      height: "1em"
+    }, {
+      ...S(s.value),
+      ...h(e.$attrs)
+    }, {
+      style: `font-size: ${l.size}`,
+      innerHTML: w(s.value)
+    }), null, 16, P)) : k("v-if", !0);
+  }
+});
+export {
+  G as default
+};