maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazBtn-1e61862b.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 "./MazDrawer-b628b37e.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-c67b05bb.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/MazBtn-2d1d1ba5.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 "./MazPhoneNumberInput-e1bf46f9.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-85080b43.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/MazBtn-3d74f737.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 "./MazDialogPromise-eec5acde.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-7eee202e.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/MazBtn-4a447126.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 "./MazBottomSheet-c24f92f8.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-cb8fbe9a.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
+};