maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/chunks/MazDropdown.vue_vue_type_style_index_0_lang.BfXJ_MY5.js

@@ -1,240 +0,0 @@
-import { defineComponent as _, defineAsyncComponent as m, ref as $, computed as x, watch as A, withDirectives as B, openBlock as a, createElementBlock as v, unref as s, normalizeClass as p, normalizeStyle as M, createElementVNode as E, withModifiers as h, renderSlot as d, createTextVNode as g, toDisplayString as z, createCommentVNode as O, createVNode as S, mergeProps as C, createSlots as ee, withCtx as b, createBlock as w, resolveDynamicComponent as oe, Transition as ne, Fragment as te, renderList as le, vShow as re } from "vue";
-import { useInstanceUniqId as se } from "../composables/useInstanceUniqId.js";
-import { vClickOutside as ie } from "../directives/vClickOutside.js";
-import { debounce as ae } from "../helpers/debounce.js";
-import '../assets/MazDropdown.CtzsOmDR.css';const de = ["id"], ue = ["aria-expanded"], ce = ["id"], pe = ["onClick"], we = /* @__PURE__ */ _({
-  inheritAttrs: !1,
-  __name: "MazDropdown",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    items: { default: () => [] },
-    open: { type: Boolean },
-    id: { default: void 0 },
-    trigger: { default: "both" },
-    color: { default: "transparent" },
-    position: { default: "bottom left" },
-    noCloseOnClick: { type: Boolean },
-    disabled: { type: Boolean },
-    noChevron: { type: Boolean },
-    screenReaderDescription: { default: "Open menu dropdown" },
-    menuPanelClass: {},
-    menuPanelStyle: {},
-    block: { type: Boolean },
-    dropdownIcon: {},
-    dropdownIconAnimation: { type: Boolean, default: !0 },
-    size: { default: "md" }
-  },
-  emits: ["menuitem-clicked", "update:open"],
-  setup(L, { emit: N }) {
-    const n = L, D = N, P = m(() => import("../components/MazBtn.js")), F = m(() => import("../components/MazIcon.js")), U = m(() => import("../components/MazLink.js")), f = se({
-      componentName: "MazDropdown",
-      providedId: n.id
-    }), V = m(() => import("./chevron-down.CWWH3GZ1.js")), l = $(n.open), r = $(), y = x(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), u = ae((e) => {
-      i(e);
-    }, 200);
-    function H() {
-      l.value && i(!1);
-    }
-    function R() {
-      i(!l.value);
-    }
-    function q() {
-      ["click"].includes(n.trigger) && R();
-    }
-    function T() {
-      ["hover", "both"].includes(n.trigger) && i(!0);
-    }
-    function K() {
-      ["hover", "both"].includes(n.trigger) && (l.value === !1 ? i(!0) : u(!0));
-    }
-    function j() {
-      ["hover", "both"].includes(n.trigger) && u(!1);
-    }
-    function G() {
-      u(!1);
-    }
-    function i(e) {
-      n.disabled || (l.value = e, D("update:open", e));
-    }
-    function J(e) {
-      return "action" in e;
-    }
-    function Q(e) {
-      return "href" in e || "to" in e;
-    }
-    async function W(e, t) {
-      var o;
-      D("menuitem-clicked", t), await ((o = e.action) == null ? void 0 : o.call(e)), n.noCloseOnClick || k();
-    }
-    function k() {
-      n.noCloseOnClick === !1 && i(!1);
-    }
-    function I(e) {
-      e.key === "Escape" ? (e.preventDefault(), i(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? Y(e) : e.key === "Enter" && typeof r.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[r.value].click(), k());
-    }
-    function X(e) {
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && l.value === !1 && (e.preventDefault(), i(!0));
-    }
-    function Y(e) {
-      var c;
-      e.preventDefault();
-      const t = e.key;
-      l.value || i(!0);
-      const o = (c = n.items) == null ? void 0 : c.length;
-      o && (typeof r.value == "number" ? r.value === o - 1 && t === "ArrowDown" ? r.value = 0 : r.value === 0 && t === "ArrowUp" ? r.value = o - 1 : r.value = t === "ArrowDown" ? r.value + 1 : r.value - 1 : r.value = t === "ArrowDown" ? 0 : o - 1);
-    }
-    return A(
-      () => l.value,
-      (e) => {
-        e ? document.addEventListener("keydown", I) : document.removeEventListener("keydown", I), r.value = void 0;
-      }
-    ), A(
-      () => n.open,
-      (e) => i(e)
-    ), (e, t) => B((a(), v("div", {
-      id: s(f),
-      class: p(["m-dropdown m-reset-css", [n.class, { "--block": e.block }]]),
-      style: M(e.style)
-    }, [
-      E("div", {
-        role: "button",
-        tabindex: "0",
-        class: "m-dropdown__wrapper",
-        "aria-expanded": l.value,
-        "aria-haspopup": "menu",
-        onClick: h(q, ["stop"]),
-        onFocus: T,
-        onBlur: G,
-        onKeydown: X,
-        onMouseenter: K,
-        onMouseleave: j
-      }, [
-        e.screenReaderDescription || e.$slots["screen-reader-description"] ? (a(), v("span", {
-          key: 0,
-          id: `${s(f)}-labelspan`,
-          class: "maz-sr-only"
-        }, [
-          d(e.$slots, "screen-reader-description", {}, () => [
-            g(z(e.screenReaderDescription), 1)
-          ])
-        ], 8, ce)) : O("", !0),
-        d(e.$slots, "element", { isOpen: l.value }, () => [
-          S(s(P), C({
-            "aria-labelledby": `${s(f)}-labelspan`,
-            color: e.color,
-            disabled: e.disabled
-          }, e.$attrs, {
-            tabindex: "-1",
-            block: e.block,
-            size: e.size
-          }), ee({
-            default: b(() => [
-              d(e.$slots, "default")
-            ]),
-            _: 2
-          }, [
-            e.noChevron ? void 0 : {
-              name: "right-icon",
-              fn: b(() => [
-                d(e.$slots, "dropdown-icon", { isOpen: l.value }, () => [
-                  typeof e.dropdownIcon == "string" ? (a(), w(s(F), {
-                    key: 0,
-                    name: e.dropdownIcon,
-                    class: p([{ "--open": l.value && e.dropdownIconAnimation }, y.value])
-                  }, null, 8, ["name", "class"])) : e.dropdownIcon ? (a(), w(oe(e.dropdownIcon), {
-                    key: 1,
-                    class: p([[{ "--open": l.value && e.dropdownIconAnimation }, y.value], "m-dropdown__icon"])
-                  }, null, 8, ["class"])) : (a(), w(s(V), {
-                    key: 2,
-                    class: p([[{ "--open": l.value && e.dropdownIconAnimation }, y.value], "m-dropdown__icon"])
-                  }, null, 8, ["class"]))
-                ])
-              ]),
-              key: "0"
-            }
-          ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size"])
-        ])
-      ], 40, ue),
-      S(ne, { name: "maz-scale-fade" }, {
-        default: b(() => [
-          B(E("div", {
-            role: "menu",
-            "aria-label": "Menu",
-            class: p(["menu", [{
-              "--top": e.position.includes("top"),
-              "--left": e.position.includes("left"),
-              "--right": e.position.includes("right"),
-              "--bottom": e.position.includes("bottom")
-            }, e.menuPanelClass]]),
-            tabindex: "-1",
-            style: M(e.menuPanelStyle),
-            onFocus: t[0] || (t[0] = (o) => s(u)(!0)),
-            onBlur: t[1] || (t[1] = (o) => s(u)(!1)),
-            onMouseenter: t[2] || (t[2] = (o) => ["hover", "both"].includes(e.trigger) ? s(u)(!0) : void 0),
-            onMouseleave: t[3] || (t[3] = (o) => ["hover", "both"].includes(e.trigger) ? s(u)(!1) : void 0)
-          }, [
-            d(e.$slots, "dropdown", { items: e.items }, () => [
-              (a(!0), v(te, null, le(e.items, (o, c) => d(e.$slots, "menuitem", {
-                key: c,
-                item: o
-              }, () => [
-                Q(o) ? (a(), w(s(U), C({
-                  key: 0,
-                  target: o.href ? o.target ?? "_self" : void 0,
-                  to: o.to,
-                  href: o.href,
-                  color: o.color ?? "theme",
-                  ref_for: !0
-                }, o, {
-                  "underline-only-hover": o.underlineOnlyHover ?? !1,
-                  class: ["menuitem", [
-                    {
-                      "--is-keyboard-selected": r.value === c
-                    },
-                    o.class
-                  ]],
-                  tabindex: "-1",
-                  onClick: h(k, ["stop"])
-                }), {
-                  default: b(() => [
-                    d(e.$slots, "menuitem-label", { item: o }, () => [
-                      g(z(o.label), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : J(o) ? (a(), v("button", C({
-                  key: 1,
-                  tabindex: "-1",
-                  type: "button",
-                  ref_for: !0
-                }, o, {
-                  class: ["menuitem menuitem__button", [
-                    {
-                      "--is-keyboard-selected": r.value === c
-                    },
-                    o.class,
-                    `--${o.color ?? "theme"}`
-                  ]],
-                  onClick: h((Z) => W(o, Z), ["stop"])
-                }), [
-                  d(e.$slots, "menuitem-label", { item: o }, () => [
-                    g(z(o.label), 1)
-                  ])
-                ], 16, pe)) : O("", !0)
-              ])), 128))
-            ])
-          ], 38), [
-            [re, l.value]
-          ])
-        ]),
-        _: 3
-      })
-    ], 14, de)), [
-      [s(ie), H]
-    ]);
-  }
-});
-export {
-  we as _
-};

package/dist/chunks/MazIcon.vue_vue_type_script_setup_true_lang.CMbhrIdI.js

@@ -1,103 +0,0 @@
-import { defineComponent as T, ref as m, computed as v, onMounted as x, watchEffect as L, openBlock as _, createElementBlock as P, mergeProps as A, createCommentVNode as C, nextTick as $ } from "vue";
-import { injectStrict as q } from "../helpers/injectStrict.js";
-const H = ["innerHTML"], V = /* @__PURE__ */ T({
-  __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: (i) => i
-    }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(i, { emit: p }) {
-    const o = i, u = p, a = {}, s = m(), d = m();
-    function g() {
-      try {
-        return q("mazIconPath");
-      } catch {
-        return;
-      }
-    }
-    const f = v(() => o.path ?? g()), S = v(() => o.src ? o.src : f.value ? `${f.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 h(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 w(e) {
-      return Object.keys(e).reduce((r, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (r[t] = e[t]), r), {});
-    }
-    function y(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 E(e) {
-      e.cloneNode(!0);
-      const r = o.transformSource(e);
-      return o.title && h(r, o.title), e.innerHTML;
-    }
-    async function M(e) {
-      a[e] || (a[e] = z(e));
-      try {
-        s.value = await a[e], await $(), u("loaded", d.value);
-      } catch (r) {
-        s.value && (s.value = void 0, u("unloaded")), delete a[e], u("error", r);
-      }
-    }
-    function z(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 c = new DOMParser().parseFromString(n.responseText, "text/xml").querySelectorAll("svg")[0];
-              c ? (c = o.transformSource(c), r(c)) : t(new Error('Loaded file is not valid SVG"'));
-            } catch (l) {
-              t(l);
-            }
-          else
-            t(new Error("Error loading SVG"));
-        }), n.addEventListener("error", (l) => t(l)), n.send();
-      });
-    }
-    return L(() => M(S.value)), (e, r) => s.value ? (_(), P("svg", A({
-      key: 0,
-      ref_key: "svgElem",
-      ref: d,
-      class: "m-icon m-reset-css",
-      width: "1em",
-      height: "1em"
-    }, {
-      ...y(s.value),
-      ...w(e.$attrs)
-    }, {
-      style: `font-size: ${i.size}`,
-      innerHTML: E(s.value)
-    }), null, 16, H)) : C("", !0);
-  }
-});
-export {
-  V as _
-};

package/dist/chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BC7pKYyR.js

@@ -1,126 +0,0 @@
-import { defineComponent as h, defineAsyncComponent as s, computed as r, openBlock as a, createElementBlock as F, normalizeClass as E, normalizeStyle as T, createBlock as v, unref as i, withCtx as y, createVNode as m, createCommentVNode as z, mergeProps as A, withKeys as B, withModifiers as k } from "vue";
-import D from "../components/MazInput.js";
-import { debounce as K } from "../helpers/debounce.js";
-import '../assets/MazInputNumber.BQgG6Qvc.css';const G = /* @__PURE__ */ h({
-  inheritAttrs: !1,
-  __name: "MazInputNumber",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    max: { default: Number.POSITIVE_INFINITY },
-    min: { default: Number.NEGATIVE_INFINITY },
-    step: { default: 1 },
-    size: { default: "md" },
-    noButtons: { type: Boolean, default: !1 },
-    textCenter: { type: Boolean, default: !0 },
-    inputmode: { default: "numeric" },
-    block: { type: Boolean },
-    error: { type: Boolean },
-    hint: {},
-    success: { type: Boolean },
-    warning: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(I, { emit: C }) {
-    const n = I, N = C, d = s(() => import("../components/MazBtn.js")), V = s(() => import("./minus.BHEyT7J2.js")), g = s(() => import("./plus.CNCGxFPJ.js")), t = r({
-      get: () => n.modelValue,
-      set: (e) => l(e)
-    });
-    function w(e) {
-      return Math.round(e / n.step) * n.step;
-    }
-    function M(e) {
-      if (typeof e == "number")
-        return e <= n.min ? n.min : e >= n.max ? n.max : w(e);
-    }
-    const $ = K((e) => l(e), 300);
-    function l(e) {
-      e = M(e), t.value !== e && N("update:model-value", e);
-    }
-    l(t.value);
-    const p = r(() => n.modelValue && n.modelValue >= n.max), b = r(() => n.modelValue && n.modelValue <= n.min);
-    function f() {
-      if (!(n.disabled || p.value)) {
-        if ((t.value === void 0 || t.value === null) && Number.isFinite(n.min)) {
-          t.value = n.min;
-          return;
-        }
-        t.value = (t.value ?? 0) + 1 * n.step;
-      }
-    }
-    function c() {
-      if (!(n.disabled || b.value)) {
-        if ((t.value === void 0 || t.value === null) && Number.isFinite(n.min)) {
-          t.value = n.min;
-          return;
-        }
-        t.value = (t.value ?? 0) - 1 * n.step;
-      }
-    }
-    return (e, o) => (a(), F("div", {
-      class: E(["m-input-number m-reset-css", [`m-input-number--${e.size}`, n.class, { "--block": e.block }]]),
-      style: T(e.style)
-    }, [
-      e.noButtons ? z("", !0) : (a(), v(i(d), {
-        key: 0,
-        color: "transparent",
-        size: e.size,
-        tabindex: "-1",
-        class: "m-input-number__button m-input-number__decrement-button",
-        disabled: b.value || e.disabled,
-        onClick: c
-      }, {
-        default: y(() => [
-          m(i(V), { class: "m-input-number__button__icon" })
-        ]),
-        _: 1
-      }, 8, ["size", "disabled"])),
-      m(D, A({
-        "model-value": t.value,
-        type: "number",
-        class: ["m-input-number__input", { "--no-buttons": e.noButtons, "--text-center": e.textCenter }],
-        disabled: e.disabled,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        error: e.error,
-        success: e.success,
-        warning: e.warning,
-        hint: e.hint
-      }, e.$attrs, {
-        inputmode: e.inputmode,
-        size: e.size,
-        block: "",
-        onKeydown: [
-          B(k(f, ["prevent"]), ["up"]),
-          B(k(c, ["prevent"]), ["down"])
-        ],
-        onFocus: o[0] || (o[0] = (u) => e.$emit("focus", u)),
-        onChange: o[1] || (o[1] = (u) => e.$emit("change", u)),
-        onBlur: o[2] || (o[2] = (u) => e.$emit("blur", u)),
-        onClick: o[3] || (o[3] = (u) => e.$emit("click", u)),
-        "onUpdate:modelValue": o[4] || (o[4] = (u) => i($)(u))
-      }), null, 16, ["model-value", "class", "disabled", "min", "max", "step", "error", "success", "warning", "hint", "inputmode", "size", "onKeydown"]),
-      e.noButtons ? z("", !0) : (a(), v(i(d), {
-        key: 1,
-        color: "transparent",
-        "no-shadow": "",
-        tabindex: "-1",
-        size: e.size,
-        class: "m-input-number__button m-input-number__increment-button",
-        disabled: p.value || e.disabled,
-        onClick: f
-      }, {
-        default: y(() => [
-          m(i(g), { class: "m-input-number__button__icon" })
-        ]),
-        _: 1
-      }, 8, ["size", "disabled"]))
-    ], 6));
-  }
-});
-export {
-  G as _
-};