maz-ui 3.47.1 → 3.47.2-beta.2

package/components/MazDropdown.mjs

@@ -1,64 +1,64 @@
-import { useId as ne, computed as oe, ref as b, nextTick as te, defineComponent as le, defineAsyncComponent as $, watch as I, withDirectives as T, openBlock as p, createElementBlock as h, unref as a, normalizeClass as E, normalizeStyle as S, createElementVNode as L, withModifiers as B, createCommentVNode as d, renderSlot as v, createTextVNode as M, toDisplayString as z, createVNode as U, mergeProps as A, createSlots as re, withCtx as w, createBlock as N, Transition as se, Fragment as F, renderList as ie, vShow as ae } from "vue";
+import { useId as ee, computed as oe, ref as y, nextTick as ne, defineComponent as te, defineAsyncComponent as D, watch as I, withDirectives as T, openBlock as v, createElementBlock as b, unref as a, normalizeClass as $, normalizeStyle as S, createElementVNode as L, withModifiers as E, renderSlot as p, createTextVNode as z, toDisplayString as B, createCommentVNode as O, createVNode as U, mergeProps as A, createSlots as re, withCtx as h, createBlock as N, Transition as le, Fragment as se, renderList as ie, vShow as ae } from "vue";
 import './assets/MazDropdown.css';function ue({
   componentName: t,
-  providedId: l
+  providedId: r
 }) {
-  const o = ne();
-  return oe(() => l ?? `${t}-${o}`);
+  const n = ee();
+  return oe(() => r ?? `${t}-${n}`);
 }
-b("system");
-b("system");
-const C = "__maz-click-outside__";
-function P() {
+y("system");
+y("system");
+const w = "__maz-click-outside__";
+function F() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-async function V(t, l) {
+async function P(t, r) {
   try {
-    H(t);
-    const o = l.instance, c = l.value, f = typeof c == "function";
-    if (!f)
+    V(t);
+    const n = r.instance, c = r.value, d = typeof c == "function";
+    if (!d)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await te(), t[C] = (k) => {
-      if ((!t || k.target && !t.contains(k.target)) && c && f)
-        return c.call(o, k);
+    await ne(), t[w] = (k) => {
+      if ((!t || k.target && !t.contains(k.target)) && c && d)
+        return c.call(n, k);
     };
-    const g = P();
-    document.addEventListener(g, t[C], { passive: !0 });
-  } catch (o) {
-    console.error("[maz-ui](vClickOutside)", o);
+    const C = F();
+    document.addEventListener(C, t[w], { passive: !0 });
+  } catch (n) {
+    console.error("[maz-ui](vClickOutside)", n);
   }
 }
-function H(t) {
+function V(t) {
   try {
-    const l = P();
-    document.removeEventListener(l, t[C], !1), delete t[C];
-  } catch (l) {
-    console.error("[maz-ui](vClickOutside)", l);
+    const r = F();
+    document.removeEventListener(r, t[w], !1), delete t[w];
+  } catch (r) {
+    console.error("[maz-ui](vClickOutside)", r);
   }
 }
-function ce(t, l) {
+function ce(t, r) {
   try {
-    if (l.value === l.oldValue)
+    if (r.value === r.oldValue)
       return;
-    V(t, l);
-  } catch (o) {
-    console.error("[maz-ui](vClickOutside)", o);
+    P(t, r);
+  } catch (n) {
+    console.error("[maz-ui](vClickOutside)", n);
   }
 }
 const de = {
-  mounted: V,
+  mounted: P,
   updated: ce,
-  unmounted: H
+  unmounted: V
 };
-function fe(t, l) {
-  let o;
+function fe(t, r) {
+  let n;
   return function(...c) {
-    clearTimeout(o), o = setTimeout(() => {
+    clearTimeout(n), n = setTimeout(() => {
       t.apply(this, c);
-    }, l);
+    }, r);
   };
 }
-const me = {
+const pe = {
   cancelText: "Cancel",
   confirmText: "Confirm",
   cancelButton: {
@@ -70,9 +70,9 @@ const me = {
     color: "success"
   }
 };
-b(me);
-b([]);
-const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /* @__PURE__ */ le({
+y(pe);
+y([]);
+const me = ["id"], ve = ["aria-expanded"], ye = ["id"], ke = ["onClick"], he = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: {
@@ -93,75 +93,75 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
     block: { type: Boolean }
   },
   emits: ["menuitem-clicked", "update:open"],
-  setup(t, { emit: l }) {
-    const o = t, c = l, f = ue({
+  setup(t, { emit: r }) {
+    const n = t, c = r, d = ue({
       componentName: "MazDropdown",
-      providedId: o.id
-    }), g = $(() => import("./chunks/MazBtn-C28vKP_v.mjs")), k = $(() => import("./chunks/MazLink-Dl9ePCGm.mjs")), R = $(() => import("./chunks/chevron-down-BkvtON3b.mjs")), i = b(o.open), s = b(), m = fe((e) => {
+      providedId: n.id
+    }), C = D(() => import("./chunks/MazBtn-cDJlUVVY.mjs")), k = D(() => import("./chunks/MazLink-C_3Wya94.mjs")), H = D(() => import("./chunks/chevron-down-BkvtON3b.mjs")), i = y(n.open), s = y(), f = fe((e) => {
       u(e);
     }, 200);
-    function q() {
+    function R() {
       i.value && u(!1);
     }
-    function K() {
+    function q() {
       u(!i.value);
     }
+    function K() {
+      ["click"].includes(n.trigger) && q();
+    }
     function Q() {
-      ["click"].includes(o.trigger) && K();
+      ["hover", "both"].includes(n.trigger) && u(!0);
     }
     function j() {
-      ["hover", "both"].includes(o.trigger) && u(!0);
+      ["hover", "both"].includes(n.trigger) && (i.value === !1 ? u(!0) : f(!0));
     }
     function G() {
-      ["hover", "both"].includes(o.trigger) && (i.value === !1 ? u(!0) : m(!0));
+      ["hover", "both"].includes(n.trigger) && f(!1);
     }
     function J() {
-      ["hover", "both"].includes(o.trigger) && m(!1);
-    }
-    function W() {
-      m(!1);
+      f(!1);
     }
     function u(e) {
-      o.disabled || (i.value = e, c("update:open", e));
+      n.disabled || (i.value = e, c("update:open", e));
     }
-    function X(e) {
+    function W(e) {
       return "action" in e;
     }
-    function Y(e) {
+    function X(e) {
       return "href" in e || "to" in e;
     }
-    async function Z(e, r) {
-      var n;
-      c("menuitem-clicked", r), await ((n = e.action) == null ? void 0 : n.call(e)), o.noCloseOnClick || D();
+    async function Y(e, l) {
+      var o;
+      c("menuitem-clicked", l), await ((o = e.action) == null ? void 0 : o.call(e)), n.noCloseOnClick || g();
     }
-    function D() {
-      o.noCloseOnClick === !1 && u(!1);
+    function g() {
+      n.noCloseOnClick === !1 && u(!1);
     }
-    function O(e) {
-      e.key === "Escape" ? (e.preventDefault(), u(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? x(e) : e.key === "Enter" && typeof s.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[s.value].click(), D());
+    function M(e) {
+      e.key === "Escape" ? (e.preventDefault(), u(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? _(e) : e.key === "Enter" && typeof s.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${d.value} .menuitem`)[s.value].click(), g());
     }
-    function _(e) {
+    function Z(e) {
       ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && i.value === !1 && (e.preventDefault(), u(!0));
     }
-    function x(e) {
-      var y;
+    function _(e) {
+      var m;
       e.preventDefault();
-      const r = e.key;
+      const l = e.key;
       i.value || u(!0);
-      const n = (y = o.items) == null ? void 0 : y.length;
-      n && (typeof s.value == "number" ? s.value === n - 1 && r === "ArrowDown" ? s.value = 0 : s.value === 0 && r === "ArrowUp" ? s.value = n - 1 : s.value = r === "ArrowDown" ? s.value + 1 : s.value - 1 : s.value = r === "ArrowDown" ? 0 : n - 1);
+      const o = (m = n.items) == null ? void 0 : m.length;
+      o && (typeof s.value == "number" ? s.value === o - 1 && l === "ArrowDown" ? s.value = 0 : s.value === 0 && l === "ArrowUp" ? s.value = o - 1 : s.value = l === "ArrowDown" ? s.value + 1 : s.value - 1 : s.value = l === "ArrowDown" ? 0 : o - 1);
     }
     return I(
       () => i.value,
       (e) => {
-        e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O), s.value = void 0;
+        e ? document.addEventListener("keydown", M) : document.removeEventListener("keydown", M), s.value = void 0;
       }
     ), I(
-      () => o.open,
+      () => n.open,
       (e) => u(e)
-    ), (e, r) => T((p(), h("div", {
-      id: a(f),
-      class: E(["m-dropdown", [o.class, { "--block": e.block }]]),
+    ), (e, l) => T((v(), b("div", {
+      id: a(d),
+      class: $(["m-dropdown", [n.class, { "--block": e.block }]]),
       style: S(e.style)
     }, [
       L("div", {
@@ -170,53 +170,47 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
         class: "m-dropdown__wrapper",
         "aria-expanded": i.value,
         "aria-haspopup": "menu",
-        onClick: B(Q, ["stop"]),
-        onFocus: j,
-        onBlur: W,
-        onKeydown: _,
-        onMouseenter: G,
-        onMouseleave: J
+        onClick: E(K, ["stop"]),
+        onFocus: Q,
+        onBlur: J,
+        onKeydown: Z,
+        onMouseenter: j,
+        onMouseleave: G
       }, [
-        e.screenReaderDescription || e.$slots["screen-reader-description"] ? (p(), h("span", {
+        e.screenReaderDescription || e.$slots["screen-reader-description"] ? (v(), b("span", {
           key: 0,
-          id: `${a(f)}-labelspan`,
+          id: `${a(d)}-labelspan`,
           class: "maz-sr-only"
         }, [
-          d(" @slot Description for screen reader (hidden) "),
-          v(e.$slots, "screen-reader-description", {}, () => [
-            M(
-              z(e.screenReaderDescription),
+          p(e.$slots, "screen-reader-description", {}, () => [
+            z(
+              B(e.screenReaderDescription),
               1
               /* TEXT */
             )
           ])
-        ], 8, ye)) : d("v-if", !0),
-        d(`
-        @slot Custom Element
-          @binding {Boolen} is-open close function
-          @default \`<MazBtn />\`
-      `),
-        v(e.$slots, "element", { isOpen: i.value }, () => [
-          U(a(g), A({
-            "aria-labelledby": `${a(f)}-labelspan`,
+        ], 8, ye)) : O("v-if", !0),
+        p(e.$slots, "element", { isOpen: i.value }, () => [
+          U(a(C), A({
+            "aria-labelledby": `${a(d)}-labelspan`,
             color: e.color,
             disabled: e.disabled
-          }, { ...e.$attrs }, {
+          }, e.$attrs, {
             tabindex: "-1",
             block: e.block
           }), re({
-            default: w(() => [
-              v(e.$slots, "default")
+            default: h(() => [
+              p(e.$slots, "default")
             ]),
             _: 2
             /* DYNAMIC */
           }, [
             e.noChevron ? void 0 : {
               name: "right-icon",
-              fn: w(() => [
-                e.noChevron ? d("v-if", !0) : (p(), N(a(R), {
+              fn: h(() => [
+                e.noChevron ? O("v-if", !0) : (v(), N(a(H), {
                   key: 0,
-                  class: E([{ "maz-rotate-180": i.value }, "chevron-icon"])
+                  class: $([{ "maz-rotate-180": i.value }, "chevron-icon"])
                 }, null, 8, ["class"]))
               ]),
               key: "0"
@@ -224,17 +218,17 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
           ]), 1040, ["aria-labelledby", "color", "disabled", "block"])
         ])
       ], 40, ve),
-      U(se, {
+      U(le, {
         name: "maz-scale-fade",
         persisted: ""
       }, {
-        default: w(() => [
+        default: h(() => [
           T(L(
             "div",
             {
               role: "menu",
               "aria-label": "Menu",
-              class: E(["menu", [{
+              class: $(["menu", [{
                 "--top": e.position.includes("top"),
                 "--left": e.position.includes("left"),
                 "--right": e.position.includes("right"),
@@ -242,90 +236,73 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
               }, e.menuPanelClass]]),
               tabindex: "-1",
               style: S(e.menuPanelStyle),
-              onFocus: r[0] || (r[0] = (n) => a(m)(!0)),
-              onBlur: r[1] || (r[1] = (n) => a(m)(!1)),
-              onMouseenter: r[2] || (r[2] = (n) => ["hover", "both"].includes(e.trigger) ? a(m)(!0) : void 0),
-              onMouseleave: r[3] || (r[3] = (n) => ["hover", "both"].includes(e.trigger) ? a(m)(!1) : void 0)
+              onFocus: l[0] || (l[0] = (o) => a(f)(!0)),
+              onBlur: l[1] || (l[1] = (o) => a(f)(!1)),
+              onMouseenter: l[2] || (l[2] = (o) => ["hover", "both"].includes(e.trigger) ? a(f)(!0) : void 0),
+              onMouseleave: l[3] || (l[3] = (o) => ["hover", "both"].includes(e.trigger) ? a(f)(!1) : void 0)
             },
             [
-              d(`
-          @slot Custom dropdown panel
-            @binding {Array} items - items prop data
-        `),
-              v(e.$slots, "dropdown", { items: e.items }, () => [
-                (p(!0), h(
-                  F,
+              p(e.$slots, "dropdown", { items: e.items }, () => [
+                (v(!0), b(
+                  se,
                   null,
-                  ie(e.items, (n, y) => (p(), h(
-                    F,
-                    { key: y },
-                    [
-                      d(`
-              @slot Custom menu item
-                @binding {MenuItem} item - menu item
-            `),
-                      v(e.$slots, "menuitem", { item: n }, () => [
-                        Y(n) ? (p(), N(a(k), A({
-                          key: 0,
-                          target: n.href ? n.target ?? "_self" : void 0,
-                          to: n.to,
-                          href: n.href,
-                          color: n.color ?? "theme",
-                          ref_for: !0
-                        }, n, {
-                          "underline-only-hover": n.underlineOnlyHover ?? !1,
-                          class: ["menuitem", [
-                            {
-                              "--is-keyboard-selected": s.value === y
-                            },
-                            n.class
-                          ]],
-                          tabindex: "-1",
-                          onClick: B(D, ["stop"])
-                        }), {
-                          default: w(() => [
-                            d(`
-                    @slot Custom label for menu item
-                      @binding {MenuItem} - item menu item
-                  `),
-                            v(e.$slots, "menuitem-label", { item: n }, () => [
-                              M(
-                                z(n.label),
-                                1
-                                /* TEXT */
-                              )
-                            ])
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : X(n) ? (p(), h("button", A({
-                          key: 1,
-                          tabindex: "-1",
-                          type: "button",
-                          ref_for: !0
-                        }, n, {
-                          class: ["menuitem menuitem__button", [
-                            {
-                              "--is-keyboard-selected": s.value === y
-                            },
-                            n.class,
-                            `--${n.color ?? "theme"}`
-                          ]],
-                          onClick: B((ee) => Z(n, ee), ["stop"])
-                        }), [
-                          v(e.$slots, "menuitem-label", { item: n }, () => [
-                            M(
-                              z(n.label),
-                              1
-                              /* TEXT */
-                            )
-                          ])
-                        ], 16, be)) : d("v-if", !0)
+                  ie(e.items, (o, m) => p(e.$slots, "menuitem", {
+                    key: m,
+                    item: o
+                  }, () => [
+                    X(o) ? (v(), N(a(k), A({
+                      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": s.value === m
+                        },
+                        o.class
+                      ]],
+                      tabindex: "-1",
+                      onClick: E(g, ["stop"])
+                    }), {
+                      default: h(() => [
+                        p(e.$slots, "menuitem-label", { item: o }, () => [
+                          z(
+                            B(o.label),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : W(o) ? (v(), b("button", A({
+                      key: 1,
+                      tabindex: "-1",
+                      type: "button",
+                      ref_for: !0
+                    }, o, {
+                      class: ["menuitem menuitem__button", [
+                        {
+                          "--is-keyboard-selected": s.value === m
+                        },
+                        o.class,
+                        `--${o.color ?? "theme"}`
+                      ]],
+                      onClick: E((x) => Y(o, x), ["stop"])
+                    }), [
+                      p(e.$slots, "menuitem-label", { item: o }, () => [
+                        z(
+                          B(o.label),
+                          1
+                          /* TEXT */
+                        )
                       ])
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  ))),
+                    ], 16, ke)) : O("v-if", !0)
+                  ])),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -340,8 +317,8 @@ const pe = ["id"], ve = ["aria-expanded"], ye = ["id"], be = ["onClick"], he = /
         _: 3
         /* FORWARDED */
       })
-    ], 14, pe)), [
-      [a(de), q]
+    ], 14, me)), [
+      [a(de), R]
     ]);
   }
 });

package/components/MazExpandAnimation.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as d, mergeModels as u, useCssVars as m, useModel as f, ref as l, onMounted as c, onUnmounted as v, openBlock as p, createElementBlock as _, normalizeClass as E, createElementVNode as x, mergeProps as h, createCommentVNode as g, renderSlot as M } from "vue";
-import './assets/MazExpandAnimation.css';const V = ["aria-hidden"], A = /* @__PURE__ */ d({
+import { defineComponent as l, mergeModels as u, useCssVars as m, useModel as f, ref as d, onMounted as v, onUnmounted as c, openBlock as p, createElementBlock as _, normalizeClass as E, createElementVNode as x, mergeProps as h, renderSlot as g } from "vue";
+import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], A = /* @__PURE__ */ l({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
   props: /* @__PURE__ */ u({
@@ -15,22 +15,22 @@ import './assets/MazExpandAnimation.css';const V = ["aria-hidden"], A = /* @__PU
       "3628b947": e.duration,
       "239277b5": e.timingFunction
     }));
-    const n = f(i, "modelValue"), a = l(!n.value), t = l();
+    const n = f(i, "modelValue"), t = d(!n.value), a = d();
     function s() {
-      n.value || (a.value = !0);
+      n.value || (t.value = !0);
     }
     function r() {
-      n.value && (a.value = !1);
+      n.value && (t.value = !1);
     }
-    return c(() => {
+    return v(() => {
       var e, o;
-      (e = t.value) == null || e.addEventListener("transitionstart", s, !1), (o = t.value) == null || o.addEventListener("transitionend", r, !1);
-    }), v(() => {
+      (e = a.value) == null || e.addEventListener("transitionstart", s, !1), (o = a.value) == null || o.addEventListener("transitionend", r, !1);
+    }), c(() => {
       var e, o;
-      (e = t.value) == null || e.removeEventListener("transitionstart", s, !1), (o = t.value) == null || o.removeEventListener("transitionend", r, !1);
+      (e = a.value) == null || e.removeEventListener("transitionstart", s, !1), (o = a.value) == null || o.removeEventListener("transitionend", r, !1);
     }), (e, o) => (p(), _("div", {
       ref_key: "expandAnimationRef",
-      ref: t,
+      ref: a,
       class: E(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
       "aria-hidden": !n.value,
       role: "region"
@@ -39,24 +39,23 @@ import './assets/MazExpandAnimation.css';const V = ["aria-hidden"], A = /* @__PU
         "div",
         h({ class: "m-expand-animation__inner" }, e.$attrs, {
           class: {
-            "--overflow-hidden": a.value
+            "--overflow-hidden": t.value
           }
         }),
         [
-          g(" @slot Default Slot - Display content "),
-          M(e.$slots, "default", {}, void 0, !0)
+          g(e.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
       )
-    ], 10, V));
+    ], 10, M));
   }
-}), b = (i, n) => {
-  const a = i.__vccOpts || i;
-  for (const [t, s] of n)
-    a[t] = s;
-  return a;
-}, y = /* @__PURE__ */ b(A, [["__scopeId", "data-v-b7ca6b97"]]);
+}), V = (i, n) => {
+  const t = i.__vccOpts || i;
+  for (const [a, s] of n)
+    t[a] = s;
+  return t;
+}, k = /* @__PURE__ */ V(A, [["__scopeId", "data-v-b7ca6b97"]]);
 export {
-  y as default
+  k as default
 };

package/components/MazGallery.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazGallery-BMFwld84.mjs";
+import { M as f } from "./chunks/MazGallery-CXQiXWFr.mjs";
 export {
   f as default
 };

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-CBiCdd0F.mjs";
+import { M as f } from "./chunks/MazInput-DzWkS-g8.mjs";
 export {
   f as default
 };