maz-ui 3.23.4 → 3.24.0

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

@@ -1,345 +0,0 @@
-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
-};