maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazCheckbox-040dc2c4.mjs

@@ -0,0 +1,117 @@
+import "../assets/MazCheckbox.css";
+import { defineComponent as g, useCssVars as C, getCurrentInstance as _, computed as t, openBlock as S, createElementBlock as I, unref as r, normalizeClass as m, createElementVNode as f, mergeProps as w, createVNode as B, renderSlot as A } from "vue";
+import { u as N, _ as M } from "./MazPhoneNumberInput-e1bf46f9.mjs";
+import E from "./check-31d7ba2f.mjs";
+const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H = /* @__PURE__ */ g({
+  __name: "MazCheckbox",
+  props: {
+    modelValue: {
+      type: [Boolean, Array],
+      default: void 0
+    },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    value: { type: [String, Number, Boolean], default: void 0 },
+    name: { type: String, default: "m-checkbox" },
+    size: { type: String, default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: [
+    /* emitted when value change */
+    "update:model-value",
+    /* emited when value change */
+    "change"
+  ],
+  setup(l, { emit: p }) {
+    C((a) => ({
+      "40cdf8ce": k.value,
+      "25e00d0a": x.value,
+      "5692b564": y.value,
+      "9df23cde": z.value
+    }));
+    const b = _(), e = l, n = p, s = N({
+      componentName: "MazCheckbox",
+      instance: b,
+      providedId: e.id
+    }), d = t(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), x = t(() => {
+      switch (e.size) {
+        case "xl":
+          return "2.25rem";
+        case "lg":
+          return "2rem";
+        default:
+          return "1.625rem";
+        case "sm":
+          return "1.425rem";
+        case "xs":
+          return "1.325rem";
+        case "mini":
+          return "1.2rem";
+      }
+    }), h = t(() => {
+      switch (e.size) {
+        case "xl":
+          return "maz-text-2xl";
+        case "lg":
+          return "maz-text-xl";
+        default:
+          return "maz-text-lg";
+        case "sm":
+          return "maz-text-base";
+        case "xs":
+          return "maz-text-sm";
+        case "mini":
+          return "maz-text-xs";
+      }
+    }), k = t(() => `var(--maz-color-${e.color}-contrast)`), y = t(() => `var(--maz-color-${e.color})`), z = t(
+      () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
+    );
+    function V(a) {
+      ["Space"].includes(a.code) && (a.preventDefault(), u(e.value ?? !e.modelValue));
+    }
+    function v(a) {
+      return typeof a == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof a != "boolean" ? e.modelValue.includes(a) ? e.modelValue.filter((o) => o !== a) : [...e.modelValue, a] : [a];
+    }
+    function u(a) {
+      const o = v(a);
+      n("update:model-value", o), n("change", o);
+    }
+    return (a, o) => (S(), I("label", {
+      for: r(s),
+      class: m(["m-checkbox", { "--disabled": l.disabled }]),
+      tabindex: "0",
+      role: "checkbox",
+      "aria-checked": d.value,
+      onKeydown: V
+    }, [
+      f("input", w({
+        id: r(s),
+        checked: d.value
+      }, a.$attrs, {
+        tabindex: "-1",
+        disabled: l.disabled,
+        name: l.name,
+        type: "checkbox",
+        onChange: o[0] || (o[0] = (c) => {
+          var i;
+          return u(l.value ?? ((i = c == null ? void 0 : c.target) == null ? void 0 : i.checked));
+        })
+      }), null, 16, D),
+      f("span", null, [
+        B(r(E), {
+          class: m(["check-icon", h.value])
+        }, null, 8, ["class"])
+      ]),
+      A(a.$slots, "default", {}, void 0, !0)
+    ], 42, q));
+  }
+});
+const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-141a5e53"]]);
+export {
+  j as default
+};

package/components/chunks/MazCheckbox-3a2b48b4.mjs

@@ -0,0 +1,117 @@
+import "../assets/MazCheckbox.css";
+import { defineComponent as g, useCssVars as C, getCurrentInstance as _, computed as t, openBlock as S, createElementBlock as I, unref as r, normalizeClass as m, createElementVNode as f, mergeProps as w, createVNode as B, renderSlot as A } from "vue";
+import { u as N, _ as M } from "./MazSelect-6ff6bb96.mjs";
+import E from "./check-31d7ba2f.mjs";
+const q = ["for", "aria-checked"], D = ["id", "checked", "disabled", "name"], H = /* @__PURE__ */ g({
+  __name: "MazCheckbox",
+  props: {
+    modelValue: {
+      type: [Boolean, Array],
+      default: void 0
+    },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    value: { type: [String, Number, Boolean], default: void 0 },
+    name: { type: String, default: "m-checkbox" },
+    size: { type: String, default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: [
+    /* emitted when value change */
+    "update:model-value",
+    /* emited when value change */
+    "change"
+  ],
+  setup(l, { emit: p }) {
+    C((a) => ({
+      "40cdf8ce": k.value,
+      "25e00d0a": x.value,
+      "5692b564": y.value,
+      "9df23cde": z.value
+    }));
+    const b = _(), e = l, n = p, s = N({
+      componentName: "MazCheckbox",
+      instance: b,
+      providedId: e.id
+    }), d = t(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), x = t(() => {
+      switch (e.size) {
+        case "xl":
+          return "2.25rem";
+        case "lg":
+          return "2rem";
+        default:
+          return "1.625rem";
+        case "sm":
+          return "1.425rem";
+        case "xs":
+          return "1.325rem";
+        case "mini":
+          return "1.2rem";
+      }
+    }), h = t(() => {
+      switch (e.size) {
+        case "xl":
+          return "maz-text-2xl";
+        case "lg":
+          return "maz-text-xl";
+        default:
+          return "maz-text-lg";
+        case "sm":
+          return "maz-text-base";
+        case "xs":
+          return "maz-text-sm";
+        case "mini":
+          return "maz-text-xs";
+      }
+    }), k = t(() => `var(--maz-color-${e.color}-contrast)`), y = t(() => `var(--maz-color-${e.color})`), z = t(
+      () => ["black", "transparent"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`
+    );
+    function V(a) {
+      ["Space"].includes(a.code) && (a.preventDefault(), u(e.value ?? !e.modelValue));
+    }
+    function v(a) {
+      return typeof a == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof a != "boolean" ? e.modelValue.includes(a) ? e.modelValue.filter((o) => o !== a) : [...e.modelValue, a] : [a];
+    }
+    function u(a) {
+      const o = v(a);
+      n("update:model-value", o), n("change", o);
+    }
+    return (a, o) => (S(), I("label", {
+      for: r(s),
+      class: m(["m-checkbox", { "--disabled": l.disabled }]),
+      tabindex: "0",
+      role: "checkbox",
+      "aria-checked": d.value,
+      onKeydown: V
+    }, [
+      f("input", w({
+        id: r(s),
+        checked: d.value
+      }, a.$attrs, {
+        tabindex: "-1",
+        disabled: l.disabled,
+        name: l.name,
+        type: "checkbox",
+        onChange: o[0] || (o[0] = (c) => {
+          var i;
+          return u(l.value ?? ((i = c == null ? void 0 : c.target) == null ? void 0 : i.checked));
+        })
+      }), null, 16, D),
+      f("span", null, [
+        B(r(E), {
+          class: m(["check-icon", h.value])
+        }, null, 8, ["class"])
+      ]),
+      A(a.$slots, "default", {}, void 0, !0)
+    ], 42, q));
+  }
+});
+const j = /* @__PURE__ */ M(H, [["__scopeId", "data-v-141a5e53"]]);
+export {
+  j as default
+};

package/components/chunks/MazDialog-44eda544.mjs

@@ -0,0 +1,250 @@
+import "../assets/MazDialog.css";
+import { defineComponent as $, ref as D, onMounted as L, watch as w, openBlock as c, createBlock as v, Teleport as V, createVNode as S, Transition as O, withCtx as y, createElementBlock as k, normalizeClass as b, createElementVNode as m, withModifiers as _, mergeProps as g, renderSlot as u, createCommentVNode as d, defineAsyncComponent as B, useAttrs as N, computed as h, createTextVNode as T, toDisplayString as F, unref as E } from "vue";
+const z = "--backdrop-present", P = () => {
+  document.documentElement.classList.add(z);
+}, H = async () => {
+  document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(z);
+}, K = $({
+  inheritAttrs: !1,
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    teleportSelector: { type: String, default: "body" },
+    beforeClose: {
+      // eslint-disable-next-line @typescript-eslint/ban-types
+      type: Function,
+      default: void 0
+    },
+    persistent: { type: Boolean, default: !1 },
+    noCloseOnEscKey: { type: Boolean, default: !1 },
+    transitionName: { type: String, default: "backdrop-anim" },
+    backdropClass: { type: [Array, String, Object], default: void 0 },
+    backdropContentClass: {
+      type: [Array, String, Object],
+      default: void 0
+    }
+  },
+  emits: ["open", "before-close", "close", "update:model-value"],
+  setup(e, { emit: n }) {
+    const s = D(e.modelValue), a = () => {
+      i(!1);
+    }, i = async (r) => {
+      var A;
+      r || (n("before-close"), await ((A = e.beforeClose) == null ? void 0 : A.call(e))), s.value = r;
+    }, f = () => {
+      n("open");
+    }, t = () => {
+      n("update:model-value", !1), n("close"), p();
+    }, l = () => {
+      e.persistent || a();
+    }, o = (r) => {
+      !e.noCloseOnEscKey && r.key === "Escape" && !e.persistent && a();
+    }, C = () => {
+      P(), document.addEventListener("keyup", o, !1);
+    }, p = () => {
+      document.removeEventListener("keyup", o), H();
+    };
+    return L(() => {
+      e.modelValue ? C() : p();
+    }), w(
+      () => e.modelValue,
+      (r) => {
+        s.value = r, r ? C() : p();
+      }
+    ), {
+      onBackdropAnimationEnter: f,
+      onBackdropAnimationLeave: t,
+      onBackdropClicked: l,
+      close: a,
+      present: s,
+      toggleModal: i,
+      onKeyPress: o
+    };
+  }
+});
+const M = (e, n) => {
+  const s = e.__vccOpts || e;
+  for (const [a, i] of n)
+    s[a] = i;
+  return s;
+};
+function W(e, n, s, a, i, f) {
+  return c(), v(V, { to: e.teleportSelector }, [
+    S(O, {
+      appear: "",
+      name: e.transitionName,
+      onAfterEnter: e.onBackdropAnimationEnter,
+      onAfterLeave: e.onBackdropAnimationLeave
+    }, {
+      default: y(() => [
+        e.present ? (c(), k(
+          "div",
+          {
+            key: 0,
+            class: b(["m-backdrop --present", [e.backdropClass]]),
+            tabindex: "-1",
+            role: "dialog"
+          },
+          [
+            m(
+              "button",
+              {
+                class: b(["m-backdrop-overlay", { "--disabled": e.persistent }]),
+                tabindex: "-1",
+                onClick: n[0] || (n[0] = _((...t) => e.onBackdropClicked && e.onBackdropClicked(...t), ["self"]))
+              },
+              null,
+              2
+              /* CLASS */
+            ),
+            m(
+              "div",
+              g({
+                class: ["m-backdrop-content", e.backdropContentClass]
+              }, e.$attrs, {
+                role: "document",
+                tabindex: "0"
+              }),
+              [
+                u(e.$slots, "default", { close: e.close })
+              ],
+              16
+              /* FULL_PROPS */
+            )
+          ],
+          2
+          /* CLASS */
+        )) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to"]);
+}
+const j = /* @__PURE__ */ M(K, [["render", W]]), I = {
+  key: 0,
+  class: "maz-my-0 maz-text-xl maz-font-semibold"
+}, q = { class: "m-dialog-content" }, U = {
+  key: 0,
+  class: "m-dialog-footer"
+}, X = /* @__PURE__ */ $({
+  __name: "MazDialog",
+  props: {
+    /** Modal's title in  header */
+    title: { type: String, default: void 0 },
+    /** Remove the close button in header */
+    noClose: { type: Boolean, default: !1 },
+    /** Modal's width */
+    width: { type: String, default: "500px" },
+    /** Modal's max-width */
+    maxWidth: { type: String, default: "95vw" },
+    /** Modal's max-height */
+    maxHeight: { type: String, default: "95vh" },
+    /**  Modal's content becomes scrollable - warning: a overflow is applied */
+    scrollable: { type: Boolean, default: !1 }
+  },
+  emits: [
+    /** Model binding */
+    "update:model-value",
+    /** Emitted when dialog is closed (after animation) */
+    "close",
+    /** Emitted when dialog is opened (after animation) */
+    "open"
+  ],
+  setup(e) {
+    const n = B(() => import("./MazBtn-6905cc39.mjs")), s = B(() => import("./x-mark-35f2f1e7.mjs")), a = N(), i = h(() => ({
+      ...a,
+      class: void 0,
+      style: void 0
+    })), f = h(() => ({
+      class: a.class,
+      style: a.style
+    }));
+    return (t, l) => (c(), v(
+      j,
+      g(i.value, {
+        "transition-name": "modal-anim",
+        onClose: l[0] || (l[0] = (o) => t.$emit("close", o)),
+        onOpen: l[1] || (l[1] = (o) => t.$emit("open", o)),
+        "onUpdate:modelValue": l[2] || (l[2] = (o) => t.$emit("update:model-value", o))
+      }),
+      {
+        default: y(({ close: o }) => [
+          m(
+            "div",
+            g({
+              class: ["m-dialog", { "--scrollable": e.scrollable }],
+              style: [{ width: e.width, maxWidth: e.maxWidth, maxHeight: e.maxHeight }]
+            }, f.value),
+            [
+              d(`
+          @slot Header slot
+            @binding {Function} close close function
+        `),
+              u(t.$slots, "header", { close: o }, () => [
+                m(
+                  "div",
+                  {
+                    class: b(["m-dialog-header", { "--has-title": t.$slots.title || e.title }])
+                  },
+                  [
+                    t.$slots.title || e.title ? (c(), k("h2", I, [
+                      d(`
+                @slot Title slot in the header
+              `),
+                      u(t.$slots, "title", {}, () => [
+                        T(
+                          F(e.title),
+                          1
+                          /* TEXT */
+                        )
+                      ], !0)
+                    ])) : d("v-if", !0),
+                    e.noClose ? d("v-if", !0) : (c(), v(E(n), {
+                      key: 1,
+                      class: "m-dialog-closebtn",
+                      color: "transparent",
+                      onClick: o
+                    }, {
+                      default: y(() => [
+                        S(E(s), { class: "maz-text-lg" })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["onClick"]))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], !0),
+              m("div", q, [
+                d(`
+            @slot Default content
+              @binding {Function} close close function
+          `),
+                u(t.$slots, "default", { close: o }, void 0, !0)
+              ]),
+              t.$slots.footer ? (c(), k("div", U, [
+                d(`
+            @slot Footer slot
+              @binding {Function} close close function
+          `),
+                u(t.$slots, "footer", { close: o }, void 0, !0)
+              ])) : d("v-if", !0)
+            ],
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
+  }
+});
+const Q = /* @__PURE__ */ M(X, [["__scopeId", "data-v-085e6d92"]]);
+export {
+  Q as M,
+  M as _
+};