maz-ui 3.50.1 → 4.0.0-alpha.2

package/dist/components/MazCarousel.js

@@ -0,0 +1,97 @@
+import { defineComponent as I, defineAsyncComponent as i, useSlots as N, ref as u, openBlock as o, createElementBlock as l, normalizeClass as s, renderSlot as a, createCommentVNode as d, createVNode as r, unref as n, withCtx as h, createElementVNode as b } from "vue";
+import { _ as W } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazCarousel.BQIrqJ8T.css';const x = { key: 0 }, $ = {
+  key: 1,
+  class: "m-carousel__header__actions"
+}, T = /* @__PURE__ */ I({
+  __name: "MazCarousel",
+  props: {
+    noScrollBtn: { type: Boolean },
+    ariaLabelPreviousButton: { default: "Scroll to previous items" },
+    ariaLabelNextButton: { default: "Scroll to next items" },
+    hideScrollbar: { type: Boolean }
+  },
+  setup(S) {
+    const C = S, m = i(() => import("./MazBtn.js")), B = i(() => import("../chunks/chevron-left.njfuF_Vt.js")), L = i(() => import("../chunks/chevron-right.CEEKGU2c.js")), f = N(), p = u(!1), v = u(!1), c = u();
+    function k() {
+      return !C.noScrollBtn || f.title;
+    }
+    function _() {
+      return !!f.title;
+    }
+    function z() {
+      const e = c.value;
+      e == null || e.scrollTo(e.scrollLeft + e.clientWidth, 0);
+    }
+    function y() {
+      const e = c.value;
+      e == null || e.scrollTo(e.scrollLeft - e.clientWidth, 0);
+    }
+    function M(e) {
+      const t = e.target;
+      if (!t)
+        return;
+      p.value = t.scrollLeft >= 20;
+      const g = t.scrollWidth - t.clientWidth;
+      v.value = t.scrollLeft >= g - 20;
+    }
+    return (e, t) => (o(), l("div", {
+      class: s(["m-carousel m-reset-css", {
+        "--hide-scrollbar": e.hideScrollbar
+      }])
+    }, [
+      k() ? (o(), l("div", {
+        key: 0,
+        class: s(["m-carousel__header", { "--has-title": _() }])
+      }, [
+        _() ? (o(), l("div", x, [
+          a(e.$slots, "title", {}, void 0, !0)
+        ])) : d("", !0),
+        e.noScrollBtn ? d("", !0) : (o(), l("div", $, [
+          r(n(m), {
+            color: "transparent",
+            class: s(["m-carousel__btn", { "--muted": !p.value }]),
+            "no-elevation": "",
+            fab: "",
+            "aria-label": e.ariaLabelPreviousButton,
+            onClick: y
+          }, {
+            default: h(() => [
+              a(e.$slots, "previous-icon", {}, () => [
+                r(n(B), { class: "maz-text-lg" })
+              ], !0)
+            ]),
+            _: 3
+          }, 8, ["class", "aria-label"]),
+          r(n(m), {
+            color: "transparent",
+            class: s(["m-carousel__btn", { "--muted": v.value }]),
+            fab: "",
+            "no-elevation": "",
+            "aria-label": e.ariaLabelNextButton,
+            onClick: z
+          }, {
+            default: h(() => [
+              a(e.$slots, "next-icon", {}, () => [
+                r(n(L), { class: "maz-text-lg" })
+              ], !0)
+            ]),
+            _: 3
+          }, 8, ["class", "aria-label"])
+        ]))
+      ], 2)) : d("", !0),
+      b("div", {
+        ref_key: "MazCarouselItems",
+        ref: c,
+        class: "m-carousel__items",
+        onScroll: M
+      }, [
+        a(e.$slots, "default", {}, void 0, !0),
+        t[0] || (t[0] = b("div", { class: "m-carousel__items__spacer" }, null, -1))
+      ], 544)
+    ], 2));
+  }
+}), P = /* @__PURE__ */ W(T, [["__scopeId", "data-v-7d01ae12"]]);
+export {
+  P as default
+};

package/dist/components/MazChart.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.js";
+export {
+  f as default
+};

package/dist/components/MazCheckbox.js

@@ -0,0 +1,134 @@
+import { defineComponent as N, computed as r, ref as E, openBlock as v, createElementBlock as k, unref as c, normalizeClass as u, normalizeStyle as t, createElementVNode as d, mergeProps as A, createVNode as M, renderSlot as _, createTextVNode as D, toDisplayString as y, createCommentVNode as R } from "vue";
+import { useInstanceUniqId as $ } from "../composables/useInstanceUniqId.js";
+import q from "../chunks/check.B-gxQRxL.js";
+import { _ as F } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazCheckbox.BQVJ7EUB.css';const H = ["for", "aria-checked"], K = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "MazCheckbox",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: { default: void 0 },
+    color: { default: "primary" },
+    value: { type: [String, Number, Boolean], default: void 0 },
+    name: { default: "m-checkbox" },
+    size: { default: "md" },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(z, { emit: g }) {
+    const o = z, l = g, i = $({
+      componentName: "MazCheckbox",
+      providedId: o.id
+    }), m = r(
+      () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
+    ), f = r(() => {
+      switch (o.size) {
+        case "xl":
+          return "2rem";
+        case "lg":
+          return "1.75rem";
+        case "sm":
+          return "1.25rem";
+        case "xs":
+          return "1rem";
+        case "mini":
+          return "0.75rem";
+        default:
+          return "1.5rem";
+      }
+    }), V = r(() => {
+      switch (o.size) {
+        case "xl":
+          return "maz-text-2xl";
+        case "lg":
+          return "maz-text-xl";
+        case "sm":
+          return "maz-text-base";
+        case "xs":
+          return "maz-text-sm";
+        case "mini":
+          return "maz-text-xs";
+        default:
+          return "maz-text-lg";
+      }
+    }), x = r(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), w = r(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), h = r(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
+    function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), p(o.value ?? !o.modelValue));
+    }
+    function S(e) {
+      return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((a) => a !== e) : [...o.modelValue, e] : [e];
+    }
+    function p(e) {
+      const a = S(e);
+      l("update:model-value", a), l("change", a);
+    }
+    const n = E();
+    function B(e) {
+      var a;
+      (a = n.value) == null || a.dispatchEvent(new Event("blur")), l("blur", e);
+    }
+    function I(e) {
+      var a;
+      (a = n.value) == null || a.dispatchEvent(new Event("focus")), l("focus", e);
+    }
+    return (e, a) => (v(), k("label", {
+      for: c(i),
+      class: u(["m-checkbox m-reset-css", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
+      tabindex: "0",
+      style: t([e.style, { "--checkbox-selected-color": w.value, "--checkbox-box-shadow-color": h.value }]),
+      role: "checkbox",
+      "aria-checked": m.value,
+      onKeydown: C,
+      onBlur: B,
+      onFocus: I
+    }, [
+      d("input", A({
+        id: c(i),
+        ref_key: "inputRef",
+        ref: n,
+        checked: m.value
+      }, e.$attrs, {
+        tabindex: "-1",
+        disabled: e.disabled,
+        name: e.name,
+        type: "checkbox",
+        onChange: a[0] || (a[0] = (s) => {
+          var b;
+          return p(e.value ?? ((b = s == null ? void 0 : s.target) == null ? void 0 : b.checked));
+        })
+      }), null, 16, K),
+      d("span", {
+        style: t({ width: f.value, height: f.value })
+      }, [
+        M(c(q), {
+          class: u(["check-icon", V.value]),
+          style: t({ color: x.value })
+        }, null, 8, ["class", "style"])
+      ], 4),
+      d("div", P, [
+        _(e.$slots, "default", { value: e.value }, () => [
+          D(y(e.label), 1)
+        ], !0),
+        e.hint ? (v(), k("span", {
+          key: 0,
+          class: u(["m-checkbox__hint", {
+            "--error": e.error,
+            "--success": e.success,
+            "--warning": e.warning
+          }]),
+          style: t({ boxShadow: `0 0 0 0.125rem ${h.value}` })
+        }, y(e.hint), 7)) : R("", !0)
+      ])
+    ], 46, H));
+  }
+}), L = /* @__PURE__ */ F(T, [["__scopeId", "data-v-7574d36c"]]);
+export {
+  L as default
+};

package/dist/components/MazChecklist.js

@@ -0,0 +1,124 @@
+import { defineComponent as F, defineAsyncComponent as m, ref as O, watch as B, computed as Q, openBlock as s, createElementBlock as a, renderSlot as i, createTextVNode as C, toDisplayString as g, createCommentVNode as p, createVNode as c, unref as f, mergeProps as _, withCtx as w, createElementVNode as h, Fragment as E, renderList as U } from "vue";
+import A from "./MazCardSpotlight.js";
+import D from "./MazCheckbox.js";
+import { normalizeString as v } from "../helpers/normalizeString.js";
+import { _ as L } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazChecklist.5ArDAEhG.css';const P = { class: "m-checklist m-reset-css" }, R = {
+  key: 0,
+  for: "query",
+  class: "search-label"
+}, T = {
+  key: 0,
+  class: "title"
+}, j = {
+  key: 0,
+  class: "no-results"
+}, G = { class: "no-results-content" }, H = { class: "no-results-text" }, J = ["for"], K = { class: "item-label" }, W = /* @__PURE__ */ F({
+  __name: "MazChecklist",
+  props: {
+    modelValue: { default: void 0 },
+    query: { default: void 0 },
+    items: { default: void 0 },
+    title: { default: void 0 },
+    elevation: { type: Boolean, default: !1 },
+    search: { default: () => ({
+      enabled: !1
+    }) },
+    searchOptions: {},
+    searchFunction: {},
+    color: { default: "primary" }
+  },
+  emits: ["update:query", "update:model-value"],
+  setup(q, { emit: z }) {
+    const o = q, y = z, I = m(() => import("./MazInput.js")), N = m(() => import("../chunks/magnifying-glass.6EkSEo-G.js")), M = m(() => import("../chunks/no-symbol.DqVEpOgn.js")), r = O(o.query);
+    B(
+      () => o.query,
+      (e) => {
+        r.value = e;
+      }
+    );
+    const b = Q(() => {
+      var l;
+      if (!r.value || !o.search.enabled)
+        return o.items;
+      const e = v(r.value, o.searchOptions);
+      return o.searchFunction ? o.searchFunction(e, o.items ?? []) : (l = o.items) == null ? void 0 : l.filter(
+        ({ label: n, value: u }) => v(n, o.searchOptions).includes(e) || v(u, o.searchOptions).includes(e)
+      );
+    });
+    function S(e) {
+      r.value = e, y("update:query", e);
+    }
+    return (e, l) => {
+      var n, u, k, V;
+      return s(), a("div", P, [
+        (n = e.search) != null && n.enabled ? (s(), a("label", R, [
+          e.$slots.title || e.title ? (s(), a("span", T, [
+            i(e.$slots, "title", {}, () => [
+              C(g(e.title), 1)
+            ], !0)
+          ])) : p("", !0),
+          c(f(I), _({
+            id: "query",
+            "model-value": r.value
+          }, e.search, {
+            color: e.color,
+            "left-icon": e.search.leftIcon ?? f(N),
+            debounce: e.search.debounce ?? 300,
+            label: (u = e.search) == null ? void 0 : u.label,
+            name: ((k = e.search) == null ? void 0 : k.name) ?? "search",
+            placeholder: (V = e.search) == null ? void 0 : V.placeholder,
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => S(d))
+          }), null, 16, ["model-value", "color", "left-icon", "debounce", "label", "name", "placeholder"])
+        ])) : p("", !0),
+        c(A, {
+          color: e.color,
+          "no-elevation": !e.elevation,
+          padding: !1,
+          "content-class": "card-content"
+        }, {
+          default: w(() => {
+            var d;
+            return [
+              ((d = b.value) == null ? void 0 : d.length) === 0 ? (s(), a("div", j, [
+                i(e.$slots, "no-results", {}, () => [
+                  h("div", G, [
+                    c(f(M), { class: "no-results-icon" }),
+                    h("span", H, [
+                      i(e.$slots, "no-results-text", {}, () => [
+                        l[2] || (l[2] = C(" No results found "))
+                      ], !0)
+                    ])
+                  ])
+                ], !0)
+              ])) : p("", !0),
+              (s(!0), a(E, null, U(b.value, (t) => (s(), a("label", {
+                key: t.value,
+                for: t.value,
+                class: "m-checklist-item m-reset-css"
+              }, [
+                c(D, {
+                  id: t.value,
+                  "model-value": o.modelValue,
+                  value: t.value,
+                  color: e.color,
+                  "onUpdate:modelValue": l[1] || (l[1] = ($) => y("update:model-value", $))
+                }, null, 8, ["id", "model-value", "value", "color"]),
+                i(e.$slots, "item", {
+                  selectedValues: e.modelValue,
+                  item: t
+                }, () => [
+                  h("span", K, g(t.label), 1)
+                ], !0)
+              ], 8, J))), 128))
+            ];
+          }),
+          _: 3
+        }, 8, ["color", "no-elevation"])
+      ]);
+    };
+  }
+}), oe = /* @__PURE__ */ L(W, [["__scopeId", "data-v-7d05b15d"]]);
+export {
+  oe as default
+};

package/dist/components/MazCircularProgressBar.js

@@ -0,0 +1,132 @@
+import { defineComponent as S, defineAsyncComponent as M, useSlots as I, computed as n, ref as f, onMounted as b, onBeforeUnmount as A, openBlock as i, createElementBlock as p, normalizeStyle as E, createElementVNode as r, unref as l, renderSlot as m, createBlock as L, createSlots as N, withCtx as y, createTextVNode as w, toDisplayString as z, normalizeClass as V } from "vue";
+import { useInstanceUniqId as D } from "../composables/useInstanceUniqId.js";
+import { _ as R } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazCircularProgressBar.DywLXEfR.css';const U = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = ["id"], G = ["stop-color"], O = ["stop-color"], T = ["stroke-width", "stroke-dashoffset", "stroke", "stroke-linecap"], F = /* @__PURE__ */ S({
+  __name: "MazCircularProgressBar",
+  props: {
+    percentage: { default: 0 },
+    size: { default: "10em" },
+    duration: { default: 1e3 },
+    delay: {},
+    color: { default: void 0 },
+    autoColor: { type: Boolean },
+    prefix: { default: void 0 },
+    suffix: { default: void 0 },
+    strokeLinecap: { default: "round" },
+    strokeWidth: { default: 6 },
+    stroke: { default: void 0 },
+    successPercentage: { default: 100 },
+    warningPercentage: { default: 75 },
+    dangerPercentage: { default: 50 },
+    once: { type: Boolean, default: !0 }
+  },
+  setup(C) {
+    const o = C, _ = M(() => import("./MazAnimatedCounter.js")), u = I(), B = n(() => !!o.prefix || !!u.prefix), P = n(() => !!o.suffix || !!u.suffix), v = D({
+      componentName: "MazCircularProgressBar"
+    }), g = n(() => o.percentage > 100 ? 100 : o.percentage <= 0 ? 0.5 : o.percentage), s = n(
+      () => o.autoColor ? x(g.value) : o.color
+    );
+    function x(e) {
+      return e < o.dangerPercentage || e > 100 ? "danger" : e < o.warningPercentage ? "warning" : e >= o.successPercentage ? "success" : "primary";
+    }
+    const $ = n(() => `${o.duration}ms`), h = n(() => Math.round(290 - 290 * (g.value / 100))), c = f(!1), a = f(null), k = f(!1);
+    let t = null;
+    return b(() => {
+      t = new IntersectionObserver(([e]) => {
+        var d;
+        (!c.value || !o.once) && (c.value = e.isIntersecting), o.once && a.value && (t == null || t.unobserve(a.value), (d = a.value) == null || d.addEventListener("animationend", () => {
+          k.value = !0;
+        }));
+      }), a.value && t.observe(a.value);
+    }), A(() => t == null ? void 0 : t.disconnect()), (e, d) => (i(), p("div", {
+      class: "m-circular-progress-bar m-reset-css",
+      style: E([
+        {
+          "--animation-duration": $.value,
+          "--dashoffset": h.value,
+          "--delay": `${e.delay}ms`
+        },
+        {
+          fontSize: e.size
+        }
+      ])
+    }, [
+      r("div", U, [
+        r("div", W, [
+          l(u).default ? (i(), p("span", j, [
+            m(e.$slots, "default", {}, void 0, !0)
+          ])) : (i(), L(l(_), {
+            key: 1,
+            count: e.percentage,
+            duration: e.duration,
+            delay: e.delay,
+            once: e.once
+          }, N({ _: 2 }, [
+            B.value ? {
+              name: "prefix",
+              fn: y(() => [
+                m(e.$slots, "prefix", {}, () => [
+                  w(z(e.prefix), 1)
+                ], !0)
+              ]),
+              key: "0"
+            } : void 0,
+            P.value ? {
+              name: "suffix",
+              fn: y(() => [
+                m(e.$slots, "suffix", {}, () => [
+                  w(z(e.suffix), 1)
+                ], !0)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["count", "duration", "delay", "once"]))
+        ])
+      ]),
+      (i(), p("svg", {
+        ref_key: "circleRef",
+        ref: a,
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "1em",
+        width: "1em",
+        class: V({
+          animate: c.value
+        }),
+        viewBox: "0 0 100 100"
+      }, [
+        r("defs", null, [
+          r("linearGradient", {
+            id: `${l(v)}-gradient`,
+            x1: "0",
+            x2: "0",
+            y1: "1",
+            y2: "0"
+          }, [
+            r("stop", {
+              offset: "0%",
+              "stop-color": s.value ? `var(--maz-color-${s.value}-400)` : "var(--maz-color-primary)"
+            }, null, 8, G),
+            r("stop", {
+              offset: "100%",
+              "stop-color": s.value ? `var(--maz-color-${s.value}-700)` : "var(--maz-color-secondary)"
+            }, null, 8, O)
+          ], 8, q)
+        ]),
+        r("circle", {
+          cx: "50",
+          cy: "50",
+          r: "46",
+          "stroke-width": e.strokeWidth,
+          "stroke-dasharray": "290",
+          "stroke-dashoffset": k.value ? h.value : 290,
+          stroke: e.stroke ? e.stroke : `url(#${l(v)}-gradient)`,
+          fill: "none",
+          "stroke-linecap": e.strokeLinecap
+        }, null, 8, T)
+      ], 2))
+    ], 4));
+  }
+}), Q = /* @__PURE__ */ R(F, [["__scopeId", "data-v-d08529b7"]]);
+export {
+  Q as default
+};

package/dist/components/MazDialog.js

@@ -0,0 +1,135 @@
+import { defineComponent as W, defineAsyncComponent as f, useAttrs as A, ref as v, computed as l, useSlots as M, watch as j, nextTick as E, openBlock as a, createBlock as y, mergeProps as g, withCtx as N, createElementVNode as m, renderSlot as s, normalizeClass as b, createElementBlock as C, createTextVNode as O, toDisplayString as P, createCommentVNode as u, unref as h } from "vue";
+import S from "./MazBackdrop.js";
+import { _ as I } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazDialog.BLzdH8aa.css';const K = {
+  key: 0,
+  id: "dialogTitle",
+  class: "m-dialog-title"
+}, F = {
+  key: 0,
+  class: "m-dialog-footer"
+}, U = /* @__PURE__ */ W({
+  name: "MazDialog",
+  inheritAttrs: !1,
+  __name: "MazDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: void 0 },
+    noClose: { type: Boolean, default: !1 },
+    maxWidth: { default: "100%" },
+    minWidth: { default: "32rem" },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    teleportSelector: {},
+    beforeClose: {},
+    noCloseOnEscKey: { type: Boolean },
+    transitionName: {},
+    backdropClass: {},
+    backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {}
+  },
+  emits: ["open", "close", "update:model-value"],
+  setup(k, { expose: B }) {
+    const i = k, $ = f(() => import("./MazBtn.js")), V = f(() => import("../chunks/x-mark.DTWA3lfG.js")), n = A(), p = v();
+    B({
+      close: () => {
+        var e, o;
+        return (o = (e = p.value) == null ? void 0 : e.close) == null ? void 0 : o.call(e);
+      }
+    });
+    const z = l(() => {
+      const e = [
+        "modelValue",
+        "title",
+        "noClose",
+        "maxWidth",
+        "minWidth",
+        "scrollable"
+      ];
+      return Object.fromEntries(
+        Object.entries(i).filter(([o]) => !e.includes(o))
+      );
+    }), w = l(() => ({
+      ...n,
+      class: void 0,
+      style: void 0
+    })), D = l(() => ({
+      class: n.class,
+      style: n.style
+    })), r = v(), T = M(), c = l(() => !!T.footer);
+    return i.scrollable && j(() => i.modelValue, async (e) => {
+      await E(), e && r.value && setTimeout(() => {
+        var o;
+        (o = r.value) == null || o.scrollTo({ top: 0, behavior: "instant" });
+      }, 0);
+    }), (e, o) => (a(), y(S, g({ ...w.value, ...z.value }, {
+      ref_key: "backdrop",
+      ref: p,
+      "model-value": e.modelValue,
+      "transition-name": "modal-anim",
+      "aria-labelledby": "dialogTitle",
+      "aria-describedby": "dialogDesc",
+      "content-padding": "",
+      justify: "center",
+      variant: "dialog",
+      onClose: o[0] || (o[0] = (t) => e.$emit("close", t)),
+      onOpen: o[1] || (o[1] = (t) => e.$emit("open", t)),
+      "onUpdate:modelValue": o[2] || (o[2] = (t) => e.$emit("update:model-value", t))
+    }), {
+      default: N(({ close: t, onBackdropClicked: d }) => [
+        m("div", g({
+          class: ["m-dialog", { "--scrollable": e.scrollable }],
+          role: "dialog",
+          "aria-modal": "true",
+          style: [{ "--max-width": e.maxWidth, "--min-width": e.minWidth }]
+        }, D.value), [
+          s(e.$slots, "header", {
+            close: t,
+            onBackdropClicked: d
+          }, () => [
+            m("div", {
+              class: b(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
+            }, [
+              e.$slots.title || e.title ? (a(), C("h2", K, [
+                s(e.$slots, "title", {}, () => [
+                  O(P(e.title), 1)
+                ], !0)
+              ])) : u("", !0),
+              !e.noClose && !e.persistent ? (a(), y(h($), {
+                key: 1,
+                color: "transparent",
+                size: "sm",
+                icon: h(V),
+                onClick: t
+              }, null, 8, ["icon", "onClick"])) : u("", !0)
+            ], 2)
+          ], !0),
+          m("div", {
+            id: "dialogDesc",
+            ref_key: "dialogContent",
+            ref: r,
+            class: b(["m-dialog-content", { "--bottom-padding": !c.value }])
+          }, [
+            s(e.$slots, "default", {
+              close: t,
+              onBackdropClicked: d
+            }, void 0, !0)
+          ], 2),
+          c.value ? (a(), C("div", F, [
+            s(e.$slots, "footer", {
+              close: t,
+              onBackdropClicked: d
+            }, void 0, !0)
+          ])) : u("", !0)
+        ], 16)
+      ]),
+      _: 3
+    }, 16, ["model-value"]));
+  }
+}), H = /* @__PURE__ */ I(U, [["__scopeId", "data-v-b59c94a7"]]);
+export {
+  H as default
+};

package/dist/components/MazDialogPromise.js

@@ -0,0 +1,6 @@
+import { _ as o } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.4Oe-oHLl.js";
+import { u as e } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.4Oe-oHLl.js";
+export {
+  o as default,
+  e as useMazDialogPromise
+};