maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazBtn-a7a913dd.mjs

@@ -0,0 +1,153 @@
+import "../assets/MazBtn.css";
+import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
+import { _ as N } from "./MazTabsBar-27965f16.mjs";
+const U = /* @__PURE__ */ M({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "link"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
+    },
+    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(e) {
+    const z = p(() => import("./MazSpinner-6e7c4705.mjs")), c = p(() => import("./MazIcon-95e31ff8.mjs")), { href: B, to: h } = E(), b = L(), n = e;
+    P(() => {
+      n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
+      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
+    ), v = t(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
+    return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
+      disabled: v.value,
+      class: ["m-btn", [
+        `--${e.size}`,
+        k.value,
+        I.value,
+        x.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--no-leading": e.noLeading,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": v.value,
+          "--icon": C.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]],
+      type: $.value
+    }), {
+      default: A(() => [
+        y.value ? (o(), m(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "left-icon", {}, () => [
+              e.leftIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        S.value ? (o(), m(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "icon", {}, () => [
+              e.icon ? (o(), u(d(c), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        D(
+          "span",
+          {
+            class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        g.value ? (o(), m(
+          "div",
+          {
+            key: 2,
+            class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "right-icon", {}, () => [
+              e.rightIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        l.value ? (o(), u(d(z), {
+          key: 3,
+          size: "2em",
+          color: e.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : a("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
+export {
+  q as default
+};

package/components/chunks/MazBtn-fb3c7af8.mjs

@@ -0,0 +1,153 @@
+import "../assets/MazBtn.css";
+import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
+import { _ as N } from "./MazCarousel-6da75122.mjs";
+const U = /* @__PURE__ */ M({
+  __name: "MazBtn",
+  props: {
+    variant: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "link"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
+    },
+    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(e) {
+    const z = p(() => import("./MazSpinner-452a1534.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
+    P(() => {
+      n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
+      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
+    ), v = t(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
+    return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
+      disabled: v.value,
+      class: ["m-btn", [
+        `--${e.size}`,
+        k.value,
+        I.value,
+        x.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--no-leading": e.noLeading,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": v.value,
+          "--icon": C.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]],
+      type: $.value
+    }), {
+      default: A(() => [
+        y.value ? (o(), m(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "left-icon", {}, () => [
+              e.leftIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        S.value ? (o(), m(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "icon", {}, () => [
+              e.icon ? (o(), u(d(c), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        D(
+          "span",
+          {
+            class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        g.value ? (o(), m(
+          "div",
+          {
+            key: 2,
+            class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
+          },
+          [
+            r(i.$slots, "right-icon", {}, () => [
+              e.rightIcon ? (o(), u(d(c), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : a("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : a("v-if", !0),
+        l.value ? (o(), u(d(z), {
+          key: 3,
+          size: "2em",
+          color: e.color,
+          class: "maz-absolute"
+        }, null, 8, ["color"])) : a("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["disabled", "class", "type"]));
+  }
+});
+const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
+export {
+  q as default
+};

package/components/chunks/MazCard-bcc36489.mjs

@@ -0,0 +1,214 @@
+import "../assets/MazCard.css";
+import { defineComponent as O, defineAsyncComponent as c, useSlots as A, ref as H, watch as V, computed as m, openBlock as a, createElementBlock as r, normalizeClass as d, createBlock as f, resolveDynamicComponent as p, withModifiers as C, withCtx as v, renderSlot as s, unref as h, createVNode as $, createCommentVNode as o, createElementVNode as k, withDirectives as j, vShow as x } from "vue";
+const D = {
+  key: 0,
+  class: "m-card__gallery__wrapper"
+}, E = { class: "maz-min-w-0 maz-flex-1" }, T = {
+  key: 0,
+  class: "m-card__title"
+}, W = {
+  key: 1,
+  class: "m-card__subtitle"
+}, I = {
+  key: 2,
+  class: "m-card__content"
+}, P = {
+  key: 2,
+  class: "m-card__actions maz-flex maz-p-2"
+}, R = /* @__PURE__ */ O({
+  __name: "MazCard",
+  props: {
+    // Images displayed
+    images: {
+      type: Array,
+      default: void 0
+    },
+    // Card variant: Must be `column | row | row-reverse | column-reverse`
+    orientation: {
+      type: String,
+      default: "column",
+      validator: (e) => ["column", "row", "row-reverse", "column-reverse"].includes(e)
+    },
+    // Make card a link (footer area excluded)
+    href: { type: String, default: void 0 },
+    // Target option of link: Muse be one of `_blank | _self | _parent | _top | framename`
+    hrefTarget: { type: String, default: "_self" },
+    // Footer text alignment: `right | left`
+    footerAlign: { type: String, default: "right" },
+    // Gallery image width
+    galleryWidth: { type: [String, Number], default: 200 },
+    // Gallery image height
+    galleryHeight: { type: [String, Number], default: 150 },
+    // Enable "zoom" image on click (can't be used when the card has a link)
+    zoom: { type: Boolean, default: !1 },
+    // Set elevation to card (box-shadow)
+    elevation: { type: Boolean, default: !0 },
+    // Set radius to card (box-shadow)
+    radius: { type: Boolean, default: !0 },
+    // Set border to card
+    bordered: { type: Boolean, default: !1 },
+    // Number of images shown in the gallery
+    imagesShowCount: { type: Number, default: 3 },
+    // Remove transparent layer with the remain count (ex: +2)
+    noRemaining: { type: Boolean, default: !0 },
+    // scale animation on hover (only linked cards)
+    scale: { type: Boolean, default: !0 },
+    wrapperClass: { type: String, default: void 0 },
+    noPadding: { type: Boolean, default: !1 },
+    overflowHidden: { type: Boolean, default: !1 },
+    collapsable: { type: Boolean, default: !1 },
+    collapseOpen: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const g = c(() => import("./MazBtn-5e426592.mjs")), u = c(() => import("./MazGallery-6b8ecedf.mjs")), y = c(() => import("./MazTransitionExpand-cd24498f.mjs")), z = c(() => import("./chevron-down-2b60111a.mjs")), n = e, S = A(), l = H(n.collapsable ? n.collapseOpen : !0);
+    V(
+      () => n.collapseOpen,
+      (t) => {
+        n.collapsable && (l.value = t);
+      }
+    );
+    const b = m(() => ["column", "column-reverse"].includes(n.orientation)), w = m(() => {
+      const t = /* @__PURE__ */ new Set(["default", "title", "subtitle", "content"]);
+      return Object.keys(S).some((i) => t.has(i));
+    }), B = m(() => w.value ? n.galleryWidth : "100%"), M = m(
+      () => n.footerAlign === "right" ? "maz-text-right" : "maz-text-left"
+    );
+    return (t, i) => (a(), r(
+      "div",
+      {
+        class: d(["m-card", [
+          {
+            "m-card--linked": e.href,
+            "m-card--no-scale": !e.scale,
+            "maz-elevation": e.elevation,
+            "maz-overflow-hidden": e.overflowHidden || !l.value,
+            "maz-rounded": e.radius,
+            "maz-border-2 maz-border-solid maz-border-color-lighter": e.bordered
+          }
+        ]])
+      },
+      [
+        t.$slots.header || e.collapsable ? (a(), f(p(e.collapsable ? "button" : "div"), {
+          key: 0,
+          class: d(["m-card__header maz-rounded-t-xl maz-border-b-2", [
+            l.value ? "maz-border-color-lighter" : "maz-border-transparent",
+            { "--is-collapsable": e.collapsable },
+            { "maz-justify-end": !t.$slots.header && e.collapsable },
+            { "maz-justify-between": t.$slots.header }
+          ]]),
+          tabindex: "-1",
+          onClick: i[1] || (i[1] = C((N) => e.collapsable ? l.value = !l.value : void 0, ["stop"]))
+        }, {
+          default: v(() => [
+            s(t.$slots, "header", {}, void 0, !0),
+            e.collapsable ? (a(), f(h(g), {
+              key: 0,
+              color: "transparent",
+              class: "maz-ml-2 maz-text-sm",
+              size: "xs",
+              onClick: i[0] || (i[0] = C((N) => l.value = !l.value, ["stop"]))
+            }, {
+              default: v(() => [
+                $(h(z), {
+                  class: d([{ "--is-open": l.value }, "m-card__collapse-icon maz-text-xl"])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+              /* STABLE */
+            })) : o("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["class"])) : o("v-if", !0),
+        (a(), f(p(e.href ? "a" : "div"), {
+          class: d(["m-card__wrapper", [`m-card__wrapper--${e.orientation}`, { "m-card__link": e.href }]]),
+          href: e.href,
+          target: e.href ? e.hrefTarget : null
+        }, {
+          default: v(() => [
+            e.images ? (a(), r("div", D, [
+              $(h(u), {
+                radius: e.radius,
+                width: B.value,
+                height: e.galleryHeight,
+                "images-shown-count": e.imagesShowCount,
+                images: e.images,
+                "no-zoom": !e.zoom,
+                "no-width": b.value,
+                "no-height": !b.value && w.value,
+                "no-remaining": e.noRemaining,
+                class: "m-card__gallery maz-flex-1"
+              }, null, 8, ["radius", "width", "height", "images-shown-count", "images", "no-zoom", "no-width", "no-height", "no-remaining"])
+            ])) : o("v-if", !0),
+            k("div", E, [
+              (a(), f(p(e.collapsable ? h(y) : "div"), null, {
+                default: v(() => [
+                  j(k(
+                    "div",
+                    {
+                      class: d([[e.wrapperClass, { "maz-p-4": !e.noPadding && !e.collapsable }], "m-card__content__wrapper"])
+                    },
+                    [
+                      s(t.$slots, "default", {}, () => [
+                        t.$slots.title ? (a(), r("div", T, [
+                          s(t.$slots, "title", {}, void 0, !0)
+                        ])) : o("v-if", !0),
+                        t.$slots.subtitle ? (a(), r("div", W, [
+                          s(t.$slots, "subtitle", {}, void 0, !0)
+                        ])) : o("v-if", !0),
+                        t.$slots.content ? (a(), r("div", I, [
+                          s(t.$slots, "content", {}, void 0, !0)
+                        ])) : o("v-if", !0)
+                      ], !0)
+                    ],
+                    2
+                    /* CLASS */
+                  ), [
+                    [x, l.value]
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }))
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["class", "href", "target"])),
+        t.$slots.footer ? (a(), r(
+          "div",
+          {
+            key: 1,
+            class: d(["m-card__footer maz-overflow-x-auto maz-p-3", [
+              {
+                "maz-border-t-2 maz-border-color-lighter": b.value && w.value
+              },
+              M.value
+            ]])
+          },
+          [
+            s(t.$slots, "footer", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        )) : o("v-if", !0),
+        t.$slots.actions ? (a(), r("div", P, [
+          o(" Slot above the gallery "),
+          s(t.$slots, "actions", {}, void 0, !0)
+        ])) : o("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const G = (e, g) => {
+  const u = e.__vccOpts || e;
+  for (const [y, z] of g)
+    u[y] = z;
+  return u;
+}, J = /* @__PURE__ */ G(R, [["__scopeId", "data-v-4654982c"]]);
+export {
+  J as M,
+  G as _
+};

package/components/chunks/MazCarousel-6da75122.mjs

@@ -0,0 +1,107 @@
+import "../assets/MazCarousel.css";
+import { defineComponent as x, defineAsyncComponent as m, useSlots as L, ref as p, openBlock as c, createElementBlock as a, normalizeClass as v, renderSlot as r, createCommentVNode as n, createVNode as i, unref as u, withCtx as k, createElementVNode as z, pushScopeId as W, popScopeId as $ } from "vue";
+const N = (t) => (W("data-v-e5ae2ebf"), t = t(), $(), t), T = { class: "m-carousel" }, V = { key: 0 }, w = {
+  key: 1,
+  class: "m-carousel__header__actions"
+}, E = /* @__PURE__ */ N(() => /* @__PURE__ */ z(
+  "div",
+  { class: "m-carousel__items__spacer" },
+  null,
+  -1
+  /* HOISTED */
+)), A = /* @__PURE__ */ x({
+  __name: "MazCarousel",
+  props: {
+    noScrollBtn: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const s = m(() => import("./MazBtn-fb3c7af8.mjs")), l = m(() => import("./chevron-left-39b4621e.mjs")), _ = m(() => import("./chevron-right-949a60fa.mjs")), d = t, h = L(), C = p(!1), S = p(!1), f = p(), I = () => !d.noScrollBtn || h.title, y = () => !!h.title, M = () => {
+      const e = f.value;
+      e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
+    }, b = () => {
+      const e = f.value;
+      e == null || e.scrollTo(e.scrollLeft - e.clientWidth, 0);
+    }, g = (e) => {
+      const o = e.target;
+      if (!o)
+        return;
+      C.value = o.scrollLeft >= 20;
+      const B = o.scrollWidth - o.clientWidth;
+      S.value = o.scrollLeft >= B - 20;
+    };
+    return (e, o) => (c(), a("div", T, [
+      I() ? (c(), a(
+        "div",
+        {
+          key: 0,
+          class: v(["m-carousel__header", { "--has-title": y() }])
+        },
+        [
+          y() ? (c(), a("div", V, [
+            r(e.$slots, "title", {}, void 0, !0)
+          ])) : n("v-if", !0),
+          t.noScrollBtn ? n("v-if", !0) : (c(), a("div", w, [
+            i(u(s), {
+              color: "transparent",
+              class: v(["m-carousel__btn", { "--muted": !C.value }]),
+              "no-elevation": "",
+              fab: "",
+              onClick: b
+            }, {
+              default: k(() => [
+                r(e.$slots, "previous-icon", {}, () => [
+                  i(u(l), { class: "maz-text-lg" })
+                ], !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class"]),
+            i(u(s), {
+              color: "transparent",
+              class: v(["m-carousel__btn", { "--muted": S.value }]),
+              fab: "",
+              "no-elevation": "",
+              onClick: M
+            }, {
+              default: k(() => [
+                r(e.$slots, "next-icon", {}, () => [
+                  i(u(_), { class: "maz-text-lg" })
+                ], !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["class"])
+          ]))
+        ],
+        2
+        /* CLASS */
+      )) : n("v-if", !0),
+      z(
+        "div",
+        {
+          ref_key: "MazCarouselItems",
+          ref: f,
+          class: "m-carousel__items",
+          onScroll: g
+        },
+        [
+          n(" Insert your items "),
+          r(e.$slots, "default", {}, void 0, !0),
+          E
+        ],
+        544
+        /* HYDRATE_EVENTS, NEED_PATCH */
+      )
+    ]));
+  }
+});
+const H = (t, s) => {
+  const l = t.__vccOpts || t;
+  for (const [_, d] of s)
+    l[_] = d;
+  return l;
+}, j = /* @__PURE__ */ H(A, [["__scopeId", "data-v-e5ae2ebf"]]);
+export {
+  j as M,
+  H as _
+};