maz-ui 3.46.1-beta.3 → 3.46.1-beta.5

package/components/chunks/{MazLazyImg-D2seDVoC.mjs → MazLazyImg-RHZ9wOy2.mjs}

@@ -2,7 +2,7 @@ import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
 var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as C, normalizeStyle as y, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as k } from "./MazAvatar-BXZpFUaZ.mjs";
+import { _ as k } from "./MazAvatar-BmaVqPui.mjs";
 const H = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", w = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -200,11 +200,12 @@ const M = {
     loadOnce: { type: Boolean },
     imageHeightFull: { type: Boolean },
     observerOptions: { default: void 0 },
-    fallbackSrc: { default: void 0 }
+    fallbackSrc: { default: void 0 },
+    imgClass: {}
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-gYRmfrSM.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-5w4SkOOl.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });
@@ -229,7 +230,8 @@ const M = {
         L("img", P(o.$attrs, {
           src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
           loading: "lazy",
-          alt: o.alt
+          alt: o.alt,
+          class: o.imgClass
         }), null, 16, D),
         o.noLoader ? z("v-if", !0) : (d(), c("div", $, [
           S(g(s), { size: "2em" })
@@ -252,7 +254,7 @@ const M = {
       }]
     ]);
   }
-}), q = /* @__PURE__ */ k(N, [["__scopeId", "data-v-1003b940"]]);
+}), q = /* @__PURE__ */ k(N, [["__scopeId", "data-v-f94782ce"]]);
 export {
   q as default
 };

package/components/chunks/{MazLazyImg-Db6BYACF.mjs → MazLazyImg-i-z6hcwF.mjs}

@@ -1,7 +1,7 @@
 import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
 var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
-import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as y, normalizeStyle as C, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
+import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as C, normalizeStyle as y, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
 const k = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", H = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -199,19 +199,20 @@ const M = {
     loadOnce: { type: Boolean },
     imageHeightFull: { type: Boolean },
     observerOptions: { default: void 0 },
-    fallbackSrc: { default: void 0 }
+    fallbackSrc: { default: void 0 },
+    imgClass: {}
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-D_Xqx8Vb.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-ByWRmwig.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });
     return (o, l) => I((d(), c(
       "picture",
       {
-        class: y(["m-lazy-img-component", [{ "--use-loader": !o.noLoader, "--height-full": o.imageHeightFull }, e.class]]),
-        style: C(o.style)
+        class: C(["m-lazy-img-component", [{ "--use-loader": !o.noLoader, "--height-full": o.imageHeightFull }, e.class]]),
+        style: y(o.style)
       },
       [
         (d(!0), c(
@@ -228,7 +229,8 @@ const M = {
         L("img", P(o.$attrs, {
           src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
           loading: "lazy",
-          alt: o.alt
+          alt: o.alt,
+          class: o.imgClass
         }), null, 16, T),
         o.noLoader ? z("v-if", !0) : (d(), c("div", D, [
           S(g(s), { size: "2em" })
@@ -256,8 +258,8 @@ const M = {
   for (const [t, r] of e)
     s[t] = r;
   return s;
-}, R = /* @__PURE__ */ N($, [["__scopeId", "data-v-1003b940"]]);
+}, V = /* @__PURE__ */ N($, [["__scopeId", "data-v-f94782ce"]]);
 export {
-  R as M,
+  V as M,
   N as _
 };

package/components/chunks/{MazLink-HJI1YmdA.mjs → MazLink-Dl9ePCGm.mjs}

@@ -21,7 +21,7 @@ import '../assets/MazLink.css';const y = /* @__PURE__ */ u({
   setup(c) {
     const f = d(
       () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
-    ), i = d(() => import("./MazIcon-BDGxCy9M.mjs"));
+    ), i = d(() => import("./MazIcon-BbvBov5G.mjs"));
     return (e, g) => (o(), n(r(e.to ? "router-link" : "a"), s({
       id: e.id,
       class: ["m-link", [

package/components/chunks/MazPagination-Cqnr19iI.mjs

@@ -0,0 +1,360 @@
+import { defineComponent as q, defineAsyncComponent as T, useAttrs as H, useSlots as J, computed as l, openBlock as i, createBlock as f, resolveDynamicComponent as O, normalizeClass as y, withCtx as C, createCommentVNode as s, renderSlot as p, unref as v, createElementBlock as N, createVNode as g, createElementVNode as d, mergeProps as k, createTextVNode as V, toDisplayString as B, Fragment as K, renderList as Q } from "vue";
+import '../assets/MazPagination.css';const W = {
+  key: 2,
+  class: "m-btn-loader-container"
+}, X = /* @__PURE__ */ q({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean }
+  },
+  setup(P) {
+    const o = P, e = T(() => import("./MazSpinner-JbfjMNFL.mjs")), b = T(() => import("./MazIcon-BbvBov5G.mjs")), { href: h, to: E } = H(), S = J(), I = l(() => h ? "a" : E ? "router-link" : "button"), u = l(
+      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
+    ), c = l(
+      () => (o.loading || o.disabled) && I.value === "button"
+    ), z = l(() => c.value ? "--cursor-default" : "--cursor-pointer"), R = l(() => `--is-${o.variant}`), D = l(() => o.loading && o.variant === "button"), L = l(() => !!S["left-icon"] || o.leftIcon), F = l(() => !!S["right-icon"] || o.rightIcon), U = l(() => L.value || F.value), j = l(() => o.icon || !!S.icon), w = l(() => I.value === "button" ? o.type : void 0), m = l(() => o.size === "xl" ? "maz-text-3xl" : o.size === "lg" ? "maz-text-2xl" : o.size === "md" ? "maz-text-xl" : o.size === "sm" ? "maz-text-lg" : o.size === "xs" ? "maz-text-base" : o.size === "mini" ? "maz-text-sm" : "md");
+    return (a, $) => (i(), f(O(I.value), {
+      disabled: c.value || void 0,
+      class: y(["m-btn", [
+        `--${a.size}`,
+        !a.fab && !a.rounded && a.roundedSize && `--rounded-${a.roundedSize}`,
+        u.value,
+        z.value,
+        R.value,
+        {
+          "--block": a.block,
+          "--no-underline": a.noUnderline,
+          "--fab": a.fab,
+          "--loading": a.loading,
+          "--disabled": c.value,
+          "--icon": U.value,
+          "--rounded": a.rounded,
+          "--no-rounded": a.noRounded,
+          "--no-padding": a.noPadding,
+          "--no-elevation": a.noElevation
+        }
+      ]]),
+      type: w.value
+    }, {
+      default: C(() => [
+        s(`
+      @slot left-icon - The icon to display on the left of the button
+    `),
+        p(a.$slots, "left-icon", {}, () => [
+          typeof a.leftIcon == "string" ? (i(), f(v(b), {
+            key: 0,
+            name: a.leftIcon,
+            class: y([m.value])
+          }, null, 8, ["name", "class"])) : a.leftIcon ? (i(), f(O(a.leftIcon), {
+            key: 1,
+            class: y([m.value])
+          }, null, 8, ["class"])) : s("v-if", !0)
+        ], !0),
+        s(`
+      @slot icon - The icon to display on the fab button
+    `),
+        j.value ? p(a.$slots, "icon", { key: 0 }, () => [
+          typeof a.icon == "string" ? (i(), f(v(b), {
+            key: 0,
+            name: a.icon,
+            class: y([m.value])
+          }, null, 8, ["name", "class"])) : a.icon ? (i(), f(O(a.icon), {
+            key: 1,
+            class: y([m.value])
+          }, null, 8, ["class"])) : s("v-if", !0)
+        ], !0) : s("v-if", !0),
+        s(`
+      @slot default - The content of the button
+    `),
+        p(a.$slots, "default", {}, void 0, !0),
+        s(`
+      @slot left-icon - The icon to display on the left of the button
+    `),
+        F.value ? p(a.$slots, "right-icon", { key: 1 }, () => [
+          typeof a.rightIcon == "string" ? (i(), f(v(b), {
+            key: 0,
+            name: a.rightIcon,
+            class: y([m.value])
+          }, null, 8, ["name", "class"])) : a.rightIcon ? (i(), f(O(a.rightIcon), {
+            key: 1,
+            class: y([m.value])
+          }, null, 8, ["class"])) : s("v-if", !0)
+        ], !0) : s("v-if", !0),
+        D.value ? (i(), N("div", W, [
+          g(v(e), {
+            size: "2em",
+            color: a.color
+          }, null, 8, ["color"])
+        ])) : s("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "type"]));
+  }
+}), G = (P, o) => {
+  const e = P.__vccOpts || P;
+  for (const [b, h] of o)
+    e[b] = h;
+  return e;
+}, A = /* @__PURE__ */ G(X, [["__scopeId", "data-v-8deef21f"]]), Y = {
+  class: "m-pagination",
+  role: "navigation",
+  "aria-label": "page navigation"
+}, Z = { class: "maz-sr-only" }, _ = { class: "maz-sr-only" }, x = ["id"], ee = { class: "maz-sr-only" }, ae = { class: "maz-sr-only" }, te = { class: "maz-sr-only" }, ne = /* @__PURE__ */ q({
+  __name: "MazPagination",
+  props: {
+    modelValue: { default: 1 },
+    buttonProps: { default: void 0 },
+    resultsSize: { default: void 0 },
+    activeColor: { default: "primary" },
+    size: { default: "md" },
+    totalPages: {},
+    pageRange: { default: 2 },
+    loading: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(P, { emit: o }) {
+    const e = P, b = o, h = T(() => import("./chevron-left-BqVOLRdC.mjs")), E = T(() => import("./chevron-double-left-D4-NpyrF.mjs")), S = T(() => import("./ellipsis-horizontal-6n158ATI.mjs")), I = {
+      size: "md",
+      color: "theme",
+      outline: !0,
+      noElevation: !0,
+      fab: !0
+    }, u = l(() => ({
+      ...I,
+      ...e.buttonProps
+    })), c = l(() => e.modelValue > 1 ? e.modelValue - 1 : 1), z = l(
+      () => e.modelValue < e.totalPages ? e.modelValue + 1 : e.totalPages
+    ), R = l(
+      () => Array.from({ length: e.totalPages }, (t, r) => {
+        const n = r + 1;
+        return {
+          number: n,
+          isActive: n === e.modelValue,
+          loading: n === e.modelValue && e.loading
+        };
+      })
+    ), D = l(
+      () => e.modelValue - e.pageRange > 1 ? R.value.slice(0, 1) : []
+    ), L = l(
+      () => e.modelValue < e.totalPages - e.pageRange ? R.value.slice(-1) : []
+    ), F = l(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), U = l(
+      () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
+    ), j = l(() => R.value.slice(F.value, U.value)), w = l(
+      () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
+    ), m = l(
+      () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
+    ), a = l(() => [
+      ...D.value,
+      ...w.value,
+      ...j.value,
+      ...m.value,
+      ...L.value
+    ]);
+    function $(t) {
+      t !== e.modelValue && b("update:model-value", t);
+    }
+    return (t, r) => (i(), N("nav", Y, [
+      d("ul", null, [
+        d("li", null, [
+          g(A, k(u.value, {
+            disabled: t.modelValue === 1,
+            "aria-label": "First Page, Page 1",
+            "aria-setsize": t.resultsSize ?? void 0,
+            "aria-posinset": "1",
+            size: t.size,
+            onClick: r[0] || (r[0] = (n) => $(1))
+          }), {
+            default: C(() => [
+              d("span", Z, [
+                s(`
+              @slot Accessible text for screen reader of the previous page button
+                @binding {number} page - first page number
+            `),
+                p(t.$slots, "first-page-sr", { page: 1 }, () => [
+                  r[4] || (r[4] = V("First Page, page 1"))
+                ], !0)
+              ]),
+              g(v(E))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-setsize", "size"])
+        ]),
+        d("li", null, [
+          g(A, k(u.value, {
+            disabled: t.modelValue === 1,
+            "aria-label": `Previous Page, Page ${c.value}`,
+            "aria-setsize": t.resultsSize ?? void 0,
+            "aria-posinset": c.value,
+            size: t.size,
+            onClick: r[1] || (r[1] = (n) => $(c.value))
+          }), {
+            default: C(() => [
+              d("span", _, [
+                s(`
+              @slot Accessible text for screen reader of the first page button
+                @binding {number} page - previous page number
+            `),
+                p(t.$slots, "previous-page-sr", { page: c.value }, () => [
+                  V(
+                    " Previous Page, page " + B(c.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              g(v(h))
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        (i(!0), N(
+          K,
+          null,
+          Q(a.value, (n, M) => (i(), N("li", {
+            id: "number" in n ? `button-${M}-${n.number}` : `ellipsis-${M}`,
+            key: "number" in n ? `button-${M}-${n.number}` : `ellipsis-${M}`
+          }, [
+            "number" in n ? (i(), f(A, k({
+              key: 0,
+              ref_for: !0
+            }, {
+              ...u.value,
+              color: n.isActive ? t.activeColor : u.value.color,
+              outline: n.isActive ? !1 : u.value.outline
+            }, {
+              size: t.size,
+              "aria-label": `Page ${n.number}`,
+              "aria-current": n.isActive ? "true" : "false",
+              "aria-setsize": t.resultsSize ?? void 0,
+              loading: n.loading,
+              "aria-posinset": n.number,
+              class: { active: n.isActive },
+              onClick: (oe) => n.isActive ? void 0 : $(n.number)
+            }), {
+              default: C(() => [
+                d("span", ee, [
+                  s(`
+                @slot Accessible text for screen reader of the current page button
+                  @binding {number} page - current page number
+              `),
+                  p(t.$slots, "page-sr", {
+                    page: n.number
+                  }, () => [
+                    V(
+                      "Page " + B(n.number),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                V(
+                  " " + B(n.number),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : n.divider ? (i(), N(
+              "div",
+              k({
+                key: 1,
+                ref_for: !0
+              }, u.value, { class: "flex p-2 flex-center" }),
+              [
+                g(v(S))
+              ],
+              16
+              /* FULL_PROPS */
+            )) : s("v-if", !0)
+          ], 8, x))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        d("li", null, [
+          g(A, k(u.value, {
+            disabled: t.modelValue === t.totalPages,
+            "aria-label": `Next Page, Page ${z.value}`,
+            "aria-setsize": t.resultsSize ?? void 0,
+            "aria-posinset": z.value,
+            size: t.size,
+            onClick: r[2] || (r[2] = (n) => $(z.value))
+          }), {
+            default: C(() => [
+              d("span", ae, [
+                s(`
+              @slot Accessible text for screen reader of the next page button
+                @binding {number} page - next page number
+            `),
+                p(t.$slots, "next-page-sr", { page: z.value }, () => [
+                  V(
+                    "Next Page, page " + B(z.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              g(v(h), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ]),
+        d("li", null, [
+          g(A, k(u.value, {
+            disabled: t.modelValue === t.totalPages,
+            "aria-label": `Next Page, Page ${t.totalPages}`,
+            "aria-setsize": t.resultsSize ?? void 0,
+            "aria-posinset": t.totalPages,
+            size: t.size,
+            onClick: r[3] || (r[3] = (n) => $(t.totalPages))
+          }), {
+            default: C(() => [
+              d("span", te, [
+                s(`
+              @slot Accessible text for screen reader of the last page button
+                @binding {number} page - last page number
+            `),
+                p(t.$slots, "last-page-sr", { page: t.totalPages }, () => [
+                  V(
+                    "Last Page, page " + B(t.totalPages),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ]),
+              g(v(E), { class: "-maz-rotate-180" })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
+        ])
+      ])
+    ]));
+  }
+}), se = /* @__PURE__ */ G(ne, [["__scopeId", "data-v-8b9651c3"]]);
+export {
+  se as M,
+  G as _
+};