maz-ui 3.50.1 → 4.0.0-alpha.2

package/dist/chunks/CountrySelector.DdswEbFD.js

@@ -0,0 +1,177 @@
+import { defineComponent as F, defineAsyncComponent as N, ref as P, computed as r, openBlock as i, createElementBlock as u, normalizeClass as a, normalizeStyle as D, renderSlot as c, createVNode as m, unref as n, createCommentVNode as y, mergeProps as I, withCtx as v, createElementVNode as C, toDisplayString as g } from "vue";
+import { u as M } from "./MazInputPhoneNumber.SX--TVUa.js";
+import O from "../components/MazSelect.js";
+import { countryFlagUrlFromFlagCdn as z } from "../helpers/countryFlagFromFlagCdn.js";
+import { injectStrict as E } from "../helpers/injectStrict.js";
+import { truthyFilter as R } from "../helpers/truthyFilter.js";
+import { _ as T } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/CountrySelector.Cnqbl3xF.css';const U = ["id"], j = {
+  key: 0,
+  class: "m-country-selector__select__item__flag-container"
+}, A = /* @__PURE__ */ F({
+  __name: "CountrySelector",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: {},
+    color: {},
+    size: {},
+    preferredCountries: { default: void 0 },
+    ignoredCountries: { default: void 0 },
+    onlyCountries: { default: void 0 },
+    customCountriesList: { default: void 0 },
+    locales: {},
+    listPosition: { default: "bottom left" },
+    noFlags: { type: Boolean },
+    noSearch: { type: Boolean },
+    disabled: { type: Boolean },
+    showCodeOnList: { type: Boolean },
+    countryLocale: { default: void 0 },
+    success: { type: Boolean },
+    error: { type: Boolean },
+    countrySelectorDisplayName: { type: Boolean },
+    searchThreshold: {},
+    width: { default: "9rem" },
+    excludeSelectors: { default: void 0 }
+  },
+  emits: ["update:model-value"],
+  setup(S) {
+    const t = S, f = N(() => import("../components/MazLazyImg.js")), { phoneNumber: b } = E("data"), p = P(), { getCountriesList: w } = M(), k = r(() => w(t.countryLocale, t.customCountriesList)), d = r(
+      () => {
+        var e;
+        return (e = k.value) == null ? void 0 : e.filter((l) => {
+          var o;
+          return !((o = t.ignoredCountries) != null && o.includes(l.iso2));
+        });
+      }
+    ), h = r(() => {
+      const e = t.onlyCountries || t.preferredCountries;
+      return e == null ? void 0 : e.map(
+        (l) => {
+          var o;
+          return (o = d.value) == null ? void 0 : o.find((s) => s.iso2.includes(l));
+        }
+      );
+    }), V = r(
+      () => {
+        var e;
+        return (e = d.value) == null ? void 0 : e.filter((l) => {
+          var o;
+          return !((o = t.preferredCountries) != null && o.includes(l.iso2));
+        });
+      }
+    ), L = r(
+      () => t.preferredCountries ? [...h.value ?? [], ...V.value ?? []] : t.onlyCountries ? h.value : d.value
+    ), $ = r(
+      () => {
+        var e;
+        return (e = L.value) == null ? void 0 : e.map(
+          (l) => l ? {
+            ...l,
+            dialCode: `+${l.dialCode}`
+          } : void 0
+        ).filter(R);
+      }
+    );
+    function B() {
+      var e;
+      (e = p.value) == null || e.openList();
+    }
+    return (e, l) => (i(), u("div", {
+      class: a(["m-country-selector", [t.class, { "--no-flags": e.noFlags }]]),
+      style: D(e.style)
+    }, [
+      e.modelValue && !e.noFlags ? (i(), u("button", {
+        key: 0,
+        id: `country-selector-flag-button-${e.id}`,
+        class: a(["m-country-selector__country-flag", {
+          "--should-have-bottom-flag": e.locales.countrySelector.placeholder.length > 0
+        }]),
+        tabindex: "-1",
+        type: "button",
+        onClick: B
+      }, [
+        c(e.$slots, "selector-flag", { countryCode: e.modelValue }, () => [
+          m(n(f), {
+            src: n(z)(e.modelValue, "h20"),
+            alt: e.modelValue,
+            width: "20",
+            height: "20",
+            "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
+          }, null, 8, ["src", "alt"])
+        ], !0)
+      ], 10, U)) : y("", !0),
+      m(O, I({
+        id: `country-selector-${e.id}`,
+        ref_key: "CountrySelectorRef",
+        ref: p,
+        "model-value": e.modelValue
+      }, { ...e.$attrs }, {
+        class: "m-country-selector__select",
+        "option-value-key": "iso2",
+        "option-label-key": "name",
+        "option-input-value-key": e.countrySelectorDisplayName ? "name" : "dialCode",
+        name: "country",
+        "max-list-width": 250,
+        "min-list-width": 200,
+        disabled: e.disabled,
+        color: e.color,
+        size: e.size,
+        error: e.error,
+        "list-position": e.listPosition,
+        "item-height": 38,
+        success: e.success,
+        search: !e.noSearch,
+        "search-placeholder": e.locales.countrySelector.searchPlaceholder,
+        "search-threshold": e.searchThreshold,
+        options: $.value,
+        hint: n(b) && !e.modelValue ? e.locales.countrySelector.error : void 0,
+        label: e.locales.countrySelector.placeholder,
+        style: {
+          width: e.width
+        },
+        "exclude-selectors": [`#country-selector-flag-button-${e.id}`, ...e.excludeSelectors ?? []],
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => e.$emit("update:model-value", o))
+      }), {
+        "no-results": v(() => [
+          c(e.$slots, "no-results", {}, void 0, !0)
+        ]),
+        default: v(({ option: o, isSelected: s }) => [
+          C("div", {
+            class: a(["m-country-selector__select__item", {
+              "m-country-selector__select__item--selected": s
+            }])
+          }, [
+            !e.noFlags && typeof o.iso2 == "string" ? (i(), u("span", j, [
+              c(e.$slots, "country-list-flag", {
+                countryCode: o.iso2,
+                option: o,
+                isSelected: s
+              }, () => [
+                m(n(f), {
+                  src: n(z)(o.iso2, "h20"),
+                  alt: `${o.name} flag`,
+                  width: "20",
+                  height: "20",
+                  "img-class": "maz-rounded-full maz-w-5 maz-h-5"
+                }, null, 8, ["src", "alt"])
+              ], !0)
+            ])) : y("", !0),
+            e.showCodeOnList ? (i(), u("span", {
+              key: 1,
+              class: a(["maz-w-9 maz-flex-none", { "maz-text-muted": !s }])
+            }, g(o.dialCode), 3)) : y("", !0),
+            C("span", {
+              class: a(["maz-flex-1 maz-truncate", { "maz-font-semibold": s }])
+            }, g(o.name), 3)
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "search-threshold", "options", "hint", "label", "style", "exclude-selectors"])
+    ], 6));
+  }
+}), X = /* @__PURE__ */ T(A, [["__scopeId", "data-v-1fafe602"]]);
+export {
+  X as default
+};

package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.js

@@ -0,0 +1,92 @@
+import { defineComponent as l, defineAsyncComponent as m, openBlock as d, createBlock as y, resolveDynamicComponent as f, unref as g, mergeProps as b } from "vue";
+import { Chart as h, CategoryScale as _, LinearScale as C, Title as S, Tooltip as A, Legend as B, BarElement as E, ArcElement as L, PointElement as P, LineElement as j } from "chart.js";
+const v = /* @__PURE__ */ l({
+  __name: "MazChart",
+  props: {
+    /**
+     * Chart.js chart type
+     */
+    type: {
+      type: String,
+      required: !0
+    },
+    /**
+     * The data object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/getting-started/
+     */
+    data: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * The options object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/general/options.html
+     */
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * The plugins array that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     */
+    plugins: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Key name to identificate dataset
+     */
+    datasetIdKey: {
+      type: String,
+      default: "label"
+    },
+    /**
+     * A mode string to indicate transition configuration should be used.
+     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
+     */
+    updateMode: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(a) {
+    const e = a;
+    h.register(
+      _,
+      C,
+      S,
+      A,
+      B,
+      E,
+      L,
+      P,
+      j
+    );
+    const n = m(async () => {
+      const { Bar: t, Bubble: r, Doughnut: o, Line: c, Pie: s, PolarArea: p, Radar: u, Scatter: i } = await import("vue-chartjs");
+      switch (e.type) {
+        case "bar":
+          return t;
+        case "line":
+          return c;
+        case "scatter":
+          return i;
+        case "bubble":
+          return r;
+        case "pie":
+          return s;
+        case "doughnut":
+          return o;
+        case "polarArea":
+          return p;
+        case "radar":
+          return u;
+      }
+    });
+    return (t, r) => (d(), y(f(g(n)), b({ class: "m-chart m-reset-css" }, e), null, 16));
+  }
+});
+export {
+  v as _
+};

package/dist/chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.4Oe-oHLl.js

@@ -0,0 +1,213 @@
+import { ref as S, defineComponent as K, computed as C, openBlock as f, createBlock as T, mergeProps as w, unref as c, withCtx as p, renderSlot as x, createTextVNode as $, toDisplayString as D, createElementVNode as L, createElementBlock as E, Fragment as N, renderList as U, createCommentVNode as O } from "vue";
+import P from "../components/MazBtn.js";
+import q from "../components/MazDialog.js";
+const B = {
+  cancelText: "Cancel",
+  confirmText: "Confirm",
+  cancelButton: {
+    text: "Cancel",
+    color: "danger"
+  },
+  confirmButton: {
+    text: "Confirm",
+    color: "success"
+  }
+}, G = S(B), y = S([]);
+function H(l, a) {
+  return new Promise((n, m) => {
+    y.value = [
+      ...y.value,
+      {
+        id: l,
+        isActive: !0,
+        resolve: async (r) => {
+          n(r), await (a == null ? void 0 : a());
+        },
+        reject: async (r) => {
+          m(r), await (a == null ? void 0 : a());
+        }
+      }
+    ];
+  });
+}
+function W(l) {
+  return y.value = y.value.filter(({ id: a }) => a !== l), y.value;
+}
+function M(l, a, n) {
+  var m;
+  a && ((m = a[l]) == null || m.call(a, n), a.isActive = !1, setTimeout(() => {
+    W(a.id);
+  }, 500));
+}
+function I() {
+  return {
+    data: G,
+    dialogState: y,
+    showDialogAndWaitChoice: H,
+    removeDialogFromState: W,
+    rejectDialog: async (l, a = new Error("cancel"), n) => (await (n == null ? void 0 : n()), M("reject", l, a)),
+    resolveDialog: async (l, a = "accept", n) => (await (n == null ? void 0 : n()), M("resolve", l, a))
+  };
+}
+const J = { class: "maz-flex maz-items-center maz-gap-2" }, Y = /* @__PURE__ */ K({
+  __name: "MazDialogPromise",
+  props: {
+    data: { default: void 0 },
+    message: { default: void 0 },
+    identifier: { default: void 0 },
+    buttons: { default: void 0 },
+    modelValue: { type: Boolean },
+    title: {},
+    noClose: { type: Boolean },
+    maxWidth: {},
+    minWidth: {},
+    scrollable: { type: Boolean },
+    persistent: { type: Boolean },
+    teleportSelector: {},
+    beforeClose: {},
+    noCloseOnEscKey: { type: Boolean },
+    transitionName: {},
+    backdropClass: {},
+    backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {},
+    cancelText: {},
+    cancelButton: { type: [Boolean, Object] },
+    confirmText: {},
+    confirmButton: { type: [Boolean, Object] }
+  },
+  emits: ["open", "close"],
+  setup(l, { expose: a }) {
+    const n = l, { dialogState: m, rejectDialog: r, resolveDialog: g, data: v } = I(), V = C(() => {
+      var e;
+      return n.buttons ?? ((e = n.data) == null ? void 0 : e.buttons) ?? v.value.buttons;
+    }), j = C(() => ({
+      ...B,
+      ...v.value,
+      ...n.data
+    })), z = C(() => {
+      var u, t, i, d;
+      if (!(((u = v.value) == null ? void 0 : u.cancelButton) ?? ((t = n.data) == null ? void 0 : t.cancelButton) ?? B.cancelButton))
+        return;
+      const o = {
+        ...B.cancelButton,
+        ...(i = v.value) == null ? void 0 : i.cancelButton,
+        ...(d = n.data) == null ? void 0 : d.cancelButton
+      };
+      return {
+        ...o,
+        text: n.cancelText || j.value.cancelText || o.text
+      };
+    }), k = C(() => {
+      var u, t, i, d;
+      if (!(((u = v.value) == null ? void 0 : u.confirmButton) ?? ((t = n.data) == null ? void 0 : t.confirmButton) ?? B.confirmButton))
+        return;
+      const o = {
+        ...B.confirmButton,
+        ...(i = v.value) == null ? void 0 : i.confirmButton,
+        ...(d = n.data) == null ? void 0 : d.confirmButton
+      };
+      return {
+        ...o,
+        text: n.confirmText || j.value.confirmText || o.text
+      };
+    }), s = C(
+      () => m.value.find(({ id: e }) => e === n.identifier)
+    ), A = S();
+    a({
+      close: () => {
+        var e, o;
+        return (o = (e = A.value) == null ? void 0 : e.close) == null ? void 0 : o.call(e);
+      }
+    });
+    function F(e) {
+      return "type" in e && (e.type === "resolve" || e.type === "reject");
+    }
+    function h(e, o) {
+      return F(o) ? o.type === "resolve" ? g(e, o.response) : r(e, o.response) : g(e, void 0, o.action);
+    }
+    return (e, o) => {
+      var u;
+      return f(), T(q, w({
+        ref_key: "dialog",
+        ref: A
+      }, { ...e.$attrs, ...n }, {
+        "model-value": ((u = s.value) == null ? void 0 : u.isActive) ?? e.modelValue ?? !1,
+        onClose: o[2] || (o[2] = (t) => e.$emit("close", t)),
+        onOpen: o[3] || (o[3] = (t) => e.$emit("open", t)),
+        "onUpdate:modelValue": o[4] || (o[4] = (t) => c(r)(s.value))
+      }), {
+        title: p(() => [
+          x(e.$slots, "title", {}, () => {
+            var t;
+            return [
+              $(D(e.title || ((t = j.value) == null ? void 0 : t.title)), 1)
+            ];
+          })
+        ]),
+        default: p(() => [
+          x(e.$slots, "default", {
+            resolve: (t) => c(g)(s.value, t),
+            reject: (t) => c(r)(s.value, t)
+          }, () => {
+            var t;
+            return [
+              $(D(e.message || ((t = j.value) == null ? void 0 : t.message)), 1)
+            ];
+          })
+        ]),
+        footer: p(() => [
+          x(e.$slots, "footer-button", {
+            resolve: (t) => c(g)(s.value, t),
+            reject: (t) => c(r)(s.value, t)
+          }, () => [
+            L("div", J, [
+              V.value ? (f(!0), E(N, { key: 0 }, U(V.value, (t, i) => (f(), T(P, w({
+                key: i,
+                ref_for: !0
+              }, {
+                ...t,
+                type: "button"
+              }, {
+                onClick: (d) => h(s.value, t)
+              }), {
+                default: p(() => [
+                  $(D(t.text), 1)
+                ]),
+                _: 2
+              }, 1040, ["onClick"]))), 128)) : (f(), E(N, { key: 1 }, [
+                z.value ? (f(), T(P, w({ key: 0 }, z.value, {
+                  onClick: o[0] || (o[0] = (t) => c(r)(s.value))
+                }), {
+                  default: p(() => [
+                    x(e.$slots, "cancel-text", {}, () => [
+                      $(D(z.value.text), 1)
+                    ])
+                  ]),
+                  _: 3
+                }, 16)) : O("", !0),
+                k.value ? (f(), T(P, w({ key: 1 }, k.value, {
+                  onClick: o[1] || (o[1] = (t) => c(g)(s.value))
+                }), {
+                  default: p(() => [
+                    x(e.$slots, "confirm-text", {}, () => [
+                      $(D(k.value.text), 1)
+                    ])
+                  ]),
+                  _: 3
+                }, 16)) : O("", !0)
+              ], 64))
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16, ["model-value"]);
+    };
+  }
+});
+export {
+  Y as _,
+  I as u
+};