maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazDropdown-6f2248b0.mjs

@@ -0,0 +1,345 @@
+import "../assets/MazDropdown.css";
+import { defineComponent as N, defineAsyncComponent as S, useAttrs as V, useSlots as P, onBeforeMount as R, computed as r, openBlock as i, createBlock as w, resolveDynamicComponent as T, mergeProps as F, withCtx as I, createElementBlock as y, normalizeClass as z, renderSlot as g, unref as u, createCommentVNode as m, createElementVNode as j, getCurrentInstance as q, ref as A, watch as E, createVNode as L, withModifiers as O, Transition as H, Fragment as U, renderList as x, createTextVNode as K, toDisplayString as G } from "vue";
+const J = /* @__PURE__ */ N({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (n) => ["button", "link"].includes(n)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (n) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(n)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (n) => ["button", "submit", "reset"].includes(n)
+    },
+    rounded: { type: Boolean, default: !1 },
+    noRounded: { type: Boolean, default: !1 },
+    outline: { type: Boolean, default: !1 },
+    pastel: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    noUnderline: { type: Boolean, default: !1 },
+    noLeading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fab: { type: Boolean, default: !1 },
+    icon: { type: String, default: void 0 },
+    leftIcon: { type: String, default: void 0 },
+    rightIcon: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    noElevation: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const s = S(() => import("./MazSpinner-4c02cfd2.mjs")), a = S(() => import("./MazIcon-52a76873.mjs")), { href: p, to: k } = V(), d = P(), t = n;
+    R(() => {
+      t.icon && !t.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const $ = r(() => p ? "a" : k ? "router-link" : "button"), f = r(
+      () => t.pastel ? `--${t.color}-pastel` : t.outline ? `--${t.color}-outline` : `--${t.color}`
+    ), c = r(
+      () => (t.loading || t.disabled) && $.value === "button"
+    ), D = r(() => c.value ? "--cursor-default" : "--cursor-pointer"), h = r(() => `--is-${t.variant}`), b = r(() => t.loading && t.variant === "button"), B = r(() => !!d["left-icon"] || t.leftIcon), C = r(() => !!d["right-icon"] || t.rightIcon), e = r(() => B.value || C.value), l = r(() => t.fab && t.icon), o = r(() => $.value === "button" ? t.type : void 0);
+    return (v, M) => (i(), w(T($.value), F(v.$attrs, {
+      disabled: c.value,
+      class: ["m-btn", [
+        `--${n.size}`,
+        f.value,
+        D.value,
+        h.value,
+        {
+          "--block": n.block,
+          "--no-underline": n.noUnderline,
+          "--no-leading": n.noLeading,
+          "--fab": n.fab,
+          "--loading": n.loading,
+          "--disabled": c.value,
+          "--icon": e.value,
+          "--rounded": n.rounded,
+          "--no-rounded": n.noRounded,
+          "--no-padding": n.noPadding,
+          "--no-elevation": n.noElevation
+        }
+      ]],
+      type: o.value
+    }), {
+      default: I(() => [
+        B.value ? (i(), y(
+          "div",
+          {
+            key: 0,
+            class: z(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": b.value }])
+          },
+          [
+            g(v.$slots, "left-icon", {}, () => [
+              n.leftIcon ? (i(), w(u(a), {
+                key: 0,
+                name: n.leftIcon
+              }, null, 8, ["name"])) : m("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : m("v-if", !0),
+        l.value ? (i(), y(
+          "div",
+          {
+            key: 1,
+            class: z(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": b.value }])
+          },
+          [
+            g(v.$slots, "icon", {}, () => [
+              n.icon ? (i(), w(u(a), {
+                key: 0,
+                name: n.icon
+              }, null, 8, ["name"])) : m("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : m("v-if", !0),
+        j(
+          "span",
+          {
+            class: z(["maz-flex maz-flex-center", { "maz-invisible": b.value }])
+          },
+          [
+            g(v.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        C.value ? (i(), y(
+          "div",
+          {
+            key: 2,
+            class: z(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": b.value }])
+          },
+          [
+            g(v.$slots, "right-icon", {}, () => [
+              n.rightIcon ? (i(), w(u(a), {
+                key: 0,
+                name: n.rightIcon
+              }, null, 8, ["name"])) : m("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : m("v-if", !0),
+        b.value ? (i(), w(u(s), {
+          key: 3,
+          size: "2em",
+          color: n.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : m("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const Q = (n, s) => {
+  const a = n.__vccOpts || n;
+  for (const [p, k] of s)
+    a[p] = k;
+  return a;
+}, W = /* @__PURE__ */ Q(J, [["__scopeId", "data-v-06ad874b"]]), X = ({
+  componentName: n,
+  instance: s,
+  providedId: a
+}) => r(() => a ?? `${n}-${s == null ? void 0 : s.uid}`);
+function Y(n, s) {
+  let a;
+  return function(...p) {
+    clearTimeout(a), a = setTimeout(() => {
+      n.apply(this, p);
+    }, s);
+  };
+}
+const Z = ["id"], ne = /* @__PURE__ */ N({
+  __name: "MazDropdown",
+  props: {
+    items: {},
+    open: { type: Boolean },
+    id: { default: "maz-dropdown" },
+    trigger: { default: "both" },
+    color: { default: "transparent" },
+    position: { default: "bottom left" },
+    noCloseOnClick: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: [
+    /**
+     * emitted when a menu item is clicked
+     */
+    "menuitem-clicked",
+    /**
+     * Triggers when the number changes
+     *
+     * @property {boolean} open new value
+     */
+    "update:open"
+  ],
+  setup(n, { emit: s }) {
+    const a = n, p = s, k = X({
+      componentName: "MazCheckbox",
+      instance: q(),
+      providedId: a.id
+    }), d = A(a.open), t = A();
+    function $() {
+      f(!d.value);
+    }
+    const f = (e) => {
+      a.disabled || (d.value = e, p("update:open", e));
+    }, c = Y((e) => {
+      f(e);
+    }, 200);
+    async function D(e, l) {
+      var o;
+      p("menuitem-clicked", l), await ((o = e.action) == null ? void 0 : o.call(e)), h();
+    }
+    function h() {
+      a.noCloseOnClick === !1 && f(!1);
+    }
+    function b(e) {
+      e.key === "Escape" ? (e.preventDefault(), f(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? C(e) : e.key === "Enter" && typeof t.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${k.value} .menuitem`)[t.value].click(), h());
+    }
+    function B(e) {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && d.value === !1 && (e.preventDefault(), f(!0));
+    }
+    function C(e) {
+      var v;
+      e.preventDefault();
+      const l = e.key;
+      d.value || f(!0);
+      const o = (v = a.items) == null ? void 0 : v.length;
+      o && (typeof t.value == "number" ? t.value === o - 1 && l === "ArrowDown" ? t.value = 0 : t.value === 0 && l === "ArrowUp" ? t.value = o - 1 : t.value = l === "ArrowDown" ? t.value + 1 : t.value - 1 : t.value = l === "ArrowDown" ? 0 : o - 1);
+    }
+    return E(
+      () => d.value,
+      (e) => {
+        e ? document.addEventListener("keydown", b) : document.removeEventListener("keydown", b), t.value = void 0;
+      }
+    ), E(
+      () => a.open,
+      (e) => f(e)
+    ), (e, l) => (i(), y("div", {
+      id: u(k),
+      class: "m-dropdown"
+    }, [
+      L(W, F({
+        color: e.color,
+        size: "md",
+        "aria-expanded": d.value,
+        "aria-haspopup": "menu",
+        disabled: e.disabled
+      }, e.$attrs, {
+        onClick: l[0] || (l[0] = O((o) => ["click"].includes(e.trigger) ? $() : void 0, ["stop"])),
+        onFocus: l[1] || (l[1] = (o) => ["hover", "both"].includes(e.trigger) ? f(!0) : void 0),
+        onBlur: l[2] || (l[2] = (o) => u(c)(!1)),
+        onKeydown: B,
+        onMouseenter: l[3] || (l[3] = (o) => ["hover", "both"].includes(e.trigger) ? d.value === !1 ? f(!0) : u(c)(!0) : void 0),
+        onMouseleave: l[4] || (l[4] = (o) => ["hover", "both"].includes(e.trigger) ? u(c)(!1) : void 0)
+      }), {
+        default: I(() => [
+          m(" @slot Menu Label "),
+          g(e.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["color", "aria-expanded", "disabled"]),
+      L(H, { name: "maz-scale-fade" }, {
+        default: I(() => [
+          d.value ? (i(), y(
+            "div",
+            {
+              key: 0,
+              role: "menu",
+              "aria-label": "Menu",
+              class: z(["menu", {
+                "--top": e.position.includes("top"),
+                "--left": e.position.includes("left"),
+                "--right": e.position.includes("right"),
+                "--bottom": e.position.includes("bottom")
+              }]),
+              tabindex: "-1",
+              onFocus: l[5] || (l[5] = (o) => u(c)(!0)),
+              onBlur: l[6] || (l[6] = (o) => u(c)(!1)),
+              onMouseenter: l[7] || (l[7] = (o) => ["hover", "both"].includes(e.trigger) ? u(c)(!0) : void 0),
+              onMouseleave: l[8] || (l[8] = (o) => ["hover", "both"].includes(e.trigger) ? u(c)(!1) : void 0)
+            },
+            [
+              (i(!0), y(
+                U,
+                null,
+                x(e.items, (o, v) => (i(), y(
+                  U,
+                  null,
+                  [
+                    m(`
+            @slot Custom menu item
+              @binding {Object} item - menu item
+          `),
+                    g(e.$slots, "menuitem", { item: o }, () => [
+                      (i(), w(T(o.to ? "router-link" : o.action ? "button" : "a"), {
+                        key: v,
+                        href: o.href,
+                        tabindex: "-1",
+                        target: o.href ? o.target ?? "_self" : void 0,
+                        type: o.action ? "button" : void 0,
+                        class: z([[
+                          {
+                            "--is-keyboard-selected": t.value === v
+                          },
+                          o.class
+                        ], "menuitem"]),
+                        to: o.to,
+                        onClick: O((M) => o.action ? D(o, M) : h(), ["stop"])
+                      }, {
+                        default: I(() => [
+                          m(`
+                @slot Custom menu item label
+                  @binding {Object} item - menu item
+              `),
+                          g(e.$slots, "menuitem-label", { item: o }, () => [
+                            K(
+                              G(o.label),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["href", "target", "type", "class", "to", "onClick"]))
+                    ])
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))),
+                256
+                /* UNKEYED_FRAGMENT */
+              ))
+            ],
+            34
+            /* CLASS, HYDRATE_EVENTS */
+          )) : m("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ], 8, Z));
+  }
+});
+export {
+  Q as _,
+  ne as a
+};

package/components/chunks/MazDropzone-8cac10a6.mjs

@@ -0,0 +1,242 @@
+import "../assets/MazDropzone.css";
+import { defineAsyncComponent as L, defineComponent as H, ref as v, computed as Q, onMounted as V, onBeforeUnmount as j, resolveComponent as I, openBlock as h, createElementBlock as N, normalizeStyle as T, renderSlot as f, createElementVNode as i, toDisplayString as y, createBlock as W } from "vue";
+const J = L(() => import("./MazSpinner-08ee440b.mjs")), G = `<div class="dz-preview dz-file-preview maz-flex-1">
+  <div class="dz-image">
+      <div data-dz-thumbnail-bg></div>
+  </div>
+  <div class="dz-details">
+      <div class="dz-filename"><span data-dz-name></span></div>
+      <div class="dz-size"><span data-dz-size></span></div>
+  </div>
+  <div class="dz-progress">
+    <span class="dz-upload" data-dz-uploadprogress></span>
+  </div>
+  <div class="dz-success-mark">
+    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>
+  </div>
+  <div class="dz-error-mark">
+    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
+  </div>
+</div>`, K = H({
+  name: "MazDropzone",
+  components: { MazSpinner: J },
+  props: {
+    options: { type: Object, required: !0 },
+    height: {
+      type: [Number, String],
+      default: "245px"
+    },
+    width: {
+      type: [Number, String],
+      default: "100%"
+    },
+    noDestroyOnUnmount: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "thumbnail",
+    "error",
+    "drop",
+    "dragstart",
+    "dragend",
+    "dragenter",
+    "dragover",
+    "dragleave",
+    "paste",
+    "addedfile",
+    "addedfiles",
+    "removedfile",
+    "success",
+    "processing",
+    "processingmultiple",
+    "uploadprogress",
+    "totaluploadprogress",
+    "sending",
+    "sendingmultiple",
+    "canceled",
+    "canceledmultiple",
+    "complete",
+    "completemultiple",
+    "maxfilesexceeded",
+    "maxfilesreached",
+    "queuecomplete",
+    "reset"
+  ],
+  setup(n, { emit: t }) {
+    const r = v(), c = v(!1);
+    let e;
+    const m = v(), g = Q(() => ({
+      width: typeof n.width == "number" ? `${n.width}px` : n.width,
+      height: typeof n.height == "number" ? `${n.height}px` : n.height
+    })), p = (s, l) => {
+      t("thumbnail", { file: s, dataUrl: l });
+      let o;
+      s.previewElement.classList.remove("dz-file-preview"), s.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((d) => {
+        o = d, o.alt = s.name, o.style.backgroundImage = `url('${l}')`;
+      }), s.status === "success" && e.emit("complete", s);
+    }, u = (s, l, o) => {
+      t("error", { file: s, message: l, xhr: o }), e.options.autoRemoveOnError && setTimeout(() => e.removeFile(s), 3e3);
+    }, w = (s, l, o) => {
+      t("error", { files: s, message: l, xhr: o }), e.options.autoRemoveOnError && setTimeout(() => {
+        for (const a of s)
+          e.removeFile(a);
+      }, 3e3);
+    };
+    V(async () => {
+      const s = {
+        parallelUploads: n.options.maxFiles,
+        previewTemplate: G,
+        addRemoveLinks: !0
+      };
+      if (r.value) {
+        const { default: l } = await import("dropzone");
+        e = new l(r.value, {
+          ...s,
+          ...n.options
+        }), e && (m.value = e.options, c.value = !0, e.on("thumbnail", p), e.on("error", u), e.on("errormultiple", w), e.on("drop", (o) => t("drop", o)), e.on("dragstart", (o) => t("dragstart", o)), e.on("dragend", (o) => t("dragend", o)), e.on("dragenter", (o) => t("dragenter", o)), e.on("dragover", (o) => t("dragover", o)), e.on("dragleave", (o) => t("dragleave", o)), e.on("paste", (o) => t("paste", o)), e.on("addedfile", (o) => t("addedfile", o)), e.on("addedfiles", (o) => t("addedfiles", o)), e.on("removedfile", (o) => t("removedfile", o)), e.on(
+          "success",
+          (o, a) => t("success", { file: o, response: a })
+        ), e.on(
+          "successmultiple",
+          (o, a) => t("success", { files: o, responseText: a })
+        ), e.on("processing", (o) => t("processing", o)), e.on(
+          "processingmultiple",
+          (o) => t("processingmultiple", o)
+        ), e.on(
+          "uploadprogress",
+          (o, a, d) => t("uploadprogress", { file: o, progress: a, bytesSent: d })
+        ), e.on(
+          "totaluploadprogress",
+          (o, a, d) => t("totaluploadprogress", {
+            totalProgress: o,
+            totalBytes: a,
+            totalBytesSent: d
+          })
+        ), e.on(
+          "sending",
+          (o, a, d) => t("sending", { file: o, xhr: a, formData: d })
+        ), e.on(
+          "sendingmultiple",
+          (o, a, d) => t("sendingmultiple", { files: o, xhr: a, formData: d })
+        ), e.on("canceled", (o) => t("canceled", o)), e.on(
+          "canceledmultiple",
+          (o) => t("canceledmultiple", o)
+        ), e.on("complete", (o) => t("complete", o)), e.on(
+          "completemultiple",
+          (o) => t("completemultiple", o)
+        ), e.on("maxfilesexceeded", (o) => t("maxfilesexceeded", o)), e.on(
+          "maxfilesreached",
+          (o) => t("maxfilesreached", o)
+        ), e.on("queuecomplete", () => {
+          z().every((o) => o.manuallyAdded) || t("queuecomplete");
+        }), e.on("reset", () => t("reset")));
+      }
+    });
+    const F = (s, l) => (e.options = {
+      ...e.options,
+      [s]: l
+    }, e.options), _ = (s, l) => {
+      e.emit("addedfile", s), e.emit("thumbnail", s, l), e.files.push(s);
+    }, b = (s) => e.removeAllFiles(s), x = () => e.processQueue(), M = () => e.destroy(), S = () => e.disable(), A = () => e.enable(), O = (s, l) => e.accept(s, l), k = (s) => e.addFile(s), B = (s, l, o, a, d) => e.resizeImage(s, l, o, a, d), C = (s) => e.cancelUpload(s), z = () => e.getAcceptedFiles(), E = () => e.getRejectedFiles(), D = () => e.getFilesWithStatus(status), $ = () => e.getQueuedFiles(), R = () => e.getUploadingFiles(), U = () => e.getAddedFiles(), q = () => e.getActiveFiles();
+    return j(() => {
+      n.noDestroyOnUnmount || e.destroy();
+    }), {
+      ButtonElement: r,
+      dropzoneReady: c,
+      dropzoneOptions: m,
+      dropzoneStyle: g,
+      setOption: F,
+      manuallyAddFile: _,
+      removeAllFiles: b,
+      processQueue: x,
+      destroy: M,
+      disable: S,
+      enable: A,
+      accept: O,
+      addFile: k,
+      resizeImage: B,
+      cancelUpload: C,
+      getAcceptedFiles: z,
+      getRejectedFiles: E,
+      getFilesWithStatus: D,
+      getQueuedFiles: $,
+      getUploadingFiles: R,
+      getAddedFiles: U,
+      getActiveFiles: q
+    };
+  }
+});
+const P = (n, t) => {
+  const r = n.__vccOpts || n;
+  for (const [c, e] of t)
+    r[c] = e;
+  return r;
+}, X = { class: "dz-message" }, Y = /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "2em",
+    width: "2em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    class: "maz-dropzone__main-icon maz-text-normal",
+    "aria-hidden": "true"
+  },
+  [
+    /* @__PURE__ */ i("path", {
+      d: "M0 0h24v24H0V0z",
+      fill: "none"
+    }),
+    /* @__PURE__ */ i("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z" })
+  ],
+  -1
+  /* HOISTED */
+), Z = { class: "maz-my-2 maz-text-normal" }, ee = { class: "maz-my-0 maz-text-muted" };
+function oe(n, t, r, c, e, m) {
+  const g = I("MazSpinner");
+  return h(), N(
+    "button",
+    {
+      ref: "ButtonElement",
+      type: "button",
+      name: "maz-dropzone",
+      class: "maz-dropzone",
+      style: T([n.dropzoneStyle])
+    },
+    [
+      n.dropzoneReady ? f(n.$slots, "default", {
+        key: 0,
+        options: n.dropzoneOptions
+      }, () => {
+        var p, u;
+        return [
+          i("div", X, [
+            f(n.$slots, "icon", {}, () => [
+              Y
+            ]),
+            i(
+              "p",
+              Z,
+              y((p = n.dropzoneOptions) == null ? void 0 : p.dictDefaultMessage),
+              1
+              /* TEXT */
+            ),
+            i(
+              "p",
+              ee,
+              y((u = n.dropzoneOptions) == null ? void 0 : u.dictFilesDescriptions),
+              1
+              /* TEXT */
+            )
+          ])
+        ];
+      }) : (h(), W(g, { key: 1 }))
+    ],
+    4
+    /* STYLE */
+  );
+}
+const ne = /* @__PURE__ */ P(K, [["render", oe]]);
+export {
+  ne as M,
+  P as _
+};