maz-ui 3.36.0 → 3.36.2

package/components/chunks/{MazCheckbox-EG8AZPtG.mjs → MazCheckbox-RBgGXFPZ.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazCheckbox.css";
 import { defineComponent as C, useCssVars as g, getCurrentInstance as I, computed as l, openBlock as S, createElementBlock as _, unref as r, normalizeClass as i, normalizeStyle as w, createElementVNode as m, mergeProps as A, createVNode as B, renderSlot as N } from "vue";
-import { u as M, _ as E } from "./MazSelect-8_n2ovqP.mjs";
+import { u as M, _ as E } from "./MazSelect-D3ti4T0X.mjs";
 import q from "./check-7UA4j2f2.mjs";
 const D = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], K = /* @__PURE__ */ C({
   inheritAttrs: !1,

package/components/chunks/{MazDialog-DtQm-sV0.mjs → MazDialog-CW8YIBc1.mjs}

@@ -147,7 +147,7 @@ const M = "--backdrop-present", I = /* @__PURE__ */ T({
     "open"
   ],
   setup(n) {
-    const c = S(() => import("./MazBtn-CEuoZU_j.mjs")), i = S(() => import("./x-mark-BP8zWe_C.mjs")), s = x(), u = w(() => ({
+    const c = S(() => import("./MazBtn-DE96LeuR.mjs")), i = S(() => import("./x-mark-BP8zWe_C.mjs")), s = x(), u = w(() => ({
       ...s,
       class: void 0,
       style: void 0
@@ -247,7 +247,7 @@ const M = "--backdrop-present", I = /* @__PURE__ */ T({
   for (const [s, u] of c)
     i[s] = u;
   return i;
-}, R = /* @__PURE__ */ G(j, [["__scopeId", "data-v-a9f3580e"]]);
+}, R = /* @__PURE__ */ G(j, [["__scopeId", "data-v-3981521c"]]);
 export {
   R as M,
   G as _

package/components/chunks/{MazDialogPromise-CWl8N4Af.mjs → MazDialogPromise-Cd5B1cpr.mjs}

@@ -171,7 +171,7 @@ const G = j(), b = j([]), J = (t, n) => new Promise((r, i) => {
     "open"
   ],
   setup(t) {
-    const n = M(() => import("./MazBtn-pY3gOUjM.mjs")), r = M(() => import("./x-mark-BP8zWe_C.mjs")), i = U(), c = T(() => ({
+    const n = M(() => import("./MazBtn-kLavxmjX.mjs")), r = M(() => import("./x-mark-BP8zWe_C.mjs")), i = U(), c = T(() => ({
       ...i,
       class: void 0,
       style: void 0
@@ -271,7 +271,7 @@ const G = j(), b = j([]), J = (t, n) => new Promise((r, i) => {
   for (const [i, c] of n)
     r[i] = c;
   return r;
-}, oe = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-a9f3580e"]]), ne = { class: "maz-space-x-2" }, ae = /* @__PURE__ */ V({
+}, oe = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-3981521c"]]), ne = { class: "maz-space-x-2" }, ae = /* @__PURE__ */ V({
   __name: "MazDialogPromise",
   props: {
     /** Dialog Data - type DialogData */
@@ -282,7 +282,7 @@ const G = j(), b = j([]), J = (t, n) => new Promise((r, i) => {
     buttons: { type: Array, default: () => [] }
   },
   setup(t) {
-    const n = M(() => import("./MazBtn-pY3gOUjM.mjs")), r = t, { dialogState: i, rejectDialog: c, resolveDialog: u } = Q(), o = T(
+    const n = M(() => import("./MazBtn-kLavxmjX.mjs")), r = t, { dialogState: i, rejectDialog: c, resolveDialog: u } = Q(), o = T(
       () => i.value.find(({ id: s }) => s === r.identifier)
     );
     return (s, l) => {

package/components/chunks/{MazIcon-pcOKJiIX.mjs → MazIcon-BHpbiW6o.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as b, ref as f, computed as g, onMounted as P, watchEffect as _, openBlock as p, createElementBlock as h, Fragment as A, createCommentVNode as s, mergeProps as C, nextTick as $ } from "vue";
-import { i as q } from "./MazTable-DECLgD3Z.mjs";
+import { i as q } from "./MazTable-BrIKi66i.mjs";
 const H = ["innerHTML"], G = /* @__PURE__ */ b({
   __name: "MazIcon",
   props: {

package/components/chunks/{MazPagination-Ch7JcLI8.mjs → MazPagination-BOia4I5Z.mjs}

@@ -25,7 +25,7 @@ const X = /* @__PURE__ */ q({
     contentClass: { default: void 0 }
   },
   setup(y) {
-    const V = L(() => import("./MazSpinner-CB4XzJJF.mjs")), d = L(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: P, to: C } = H(), B = J(), e = y;
+    const V = L(() => import("./MazSpinner-Bxelx5NH.mjs")), d = L(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: P, to: C } = H(), B = J(), e = y;
     K(() => {
       e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -382,7 +382,7 @@ const X = /* @__PURE__ */ q({
       ])
     ]));
   }
-}), ie = /* @__PURE__ */ G(ne, [["__scopeId", "data-v-0b7b19dd"]]);
+}), ie = /* @__PURE__ */ G(ne, [["__scopeId", "data-v-372731c9"]]);
 export {
   ie as M,
   G as _

package/components/chunks/{MazPhoneNumberInput-dbbjH9lI.mjs → MazPhoneNumberInput-DswH2fTx.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazPhoneNumberInput.css";
-import { computed as f, defineComponent as ke, defineAsyncComponent as O, ref as h, getCurrentInstance as Se, onMounted as Ee, useSlots as Me, openBlock as v, createElementBlock as k, normalizeClass as E, normalizeStyle as ae, createElementVNode as q, createCommentVNode as y, renderSlot as Y, createBlock as D, unref as V, resolveDynamicComponent as Be, withDirectives as De, mergeProps as $e, toHandlers as Ue, vModelDynamic as Re, createTextVNode as Ce, toDisplayString as X, withModifiers as pe, withCtx as fe, createVNode as Z, useCssVars as He, onBeforeMount as Oe, Transition as qe, Fragment as Le, renderList as We, nextTick as x, reactive as Ye, watch as ce } from "vue";
-import { isSupportedCountry as je, getCountryCallingCode as Ve, getExampleNumber as Qe, getCountries as Ge, parsePhoneNumberFromString as Je, AsYouType as Xe } from "libphonenumber-js";
+import { computed as f, defineComponent as ke, defineAsyncComponent as H, ref as h, getCurrentInstance as Se, onMounted as Ee, useSlots as Me, openBlock as v, createElementBlock as k, normalizeClass as E, normalizeStyle as ae, createElementVNode as q, createCommentVNode as y, renderSlot as Y, createBlock as D, unref as V, resolveDynamicComponent as Be, withDirectives as De, mergeProps as $e, toHandlers as Ue, vModelDynamic as Oe, createTextVNode as Ce, toDisplayString as X, withModifiers as pe, withCtx as fe, createVNode as Z, useCssVars as Re, onBeforeMount as He, Transition as qe, Fragment as Le, renderList as We, nextTick as x, reactive as Ye, watch as ce } from "vue";
+import { isSupportedCountry as je, getCountryCallingCode as Ve, getExampleNumber as Ge, getCountries as Qe, parsePhoneNumberFromString as Je, AsYouType as Xe } from "libphonenumber-js";
 function Ne(u) {
   return !!u;
 }
@@ -41,7 +41,7 @@ function to(u, s) {
 function lo(u) {
   var s;
   try {
-    return u ? (s = Qe(u, we)) == null ? void 0 : s.formatNational() : void 0;
+    return u ? (s = Ge(u, we)) == null ? void 0 : s.formatNational() : void 0;
   } catch (a) {
     console.error(`[maz-ui](MazPhoneNumberInput) ${a}`);
   }
@@ -53,7 +53,7 @@ function no(u) {
   return !s && !a ? u.replaceAll(/[^\d.]/g, "") : u;
 }
 function ao(u, s) {
-  const a = [], L = Ge();
+  const a = [], L = Qe();
   u = u ?? Te().browserLocale ?? "en-US";
   for (const $ of L) {
     const W = xe(u, $, s);
@@ -195,7 +195,7 @@ const fo = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(u, { emit: s }) {
-    const a = O(() => import("./MazBtn-GCCDnqJA.mjs")), L = O(() => import("./MazIcon-Cxrv3_OK.mjs")), $ = O(() => import("./eye-slash-tjfxO0LK.mjs")), W = O(() => import("./eye-DqO_Jx56.mjs")), U = O(() => import("./check-7UA4j2f2.mjs")), t = u, P = s, A = h(!1), m = h(!1), c = h(), re = Se(), ue = Pe({
+    const a = H(() => import("./MazBtn-CvXujRc7.mjs")), L = H(() => import("./MazIcon-Cxrv3_OK.mjs")), $ = H(() => import("./eye-slash-tjfxO0LK.mjs")), W = H(() => import("./eye-DqO_Jx56.mjs")), U = H(() => import("./check-7UA4j2f2.mjs")), t = u, P = s, A = h(!1), m = h(!1), c = h(), re = Se(), ue = Pe({
       componentName: "MazInput",
       instance: re,
       providedId: t.id
@@ -232,11 +232,11 @@ const fo = {
         }
         return "--default-border";
       }
-    }), N = Me(), R = f(() => {
+    }), N = Me(), O = f(() => {
       const { required: l, placeholder: g } = t;
       if (g)
         return l ? `${g} *` : g;
-    }), H = f(() => M.value !== void 0 && M.value !== ""), T = po(
+    }), R = f(() => M.value !== void 0 && M.value !== ""), T = po(
       (l) => {
         M.value = l;
       },
@@ -248,14 +248,14 @@ const fo = {
           return T(l);
         P("update:model-value", l);
       }
-    }), ee = f(() => (!!t.label || !!t.hint) && (m.value || !!H.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), oe = f(() => !!t.label || !!t.hint);
+    }), ee = f(() => (!!t.label || !!t.hint) && (m.value || !!R.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), oe = f(() => !!t.label || !!t.hint);
     function w() {
       return !!N["right-icon"] || j.value || !!N["valid-button"] || t.validButton || !!t.rightIcon;
     }
-    function Q() {
+    function G() {
       return !!N["left-icon"] || !!t.leftIcon;
     }
-    function G(l) {
+    function Q(l) {
       P("focus", l), m.value = !0;
     }
     function b(l) {
@@ -294,7 +294,7 @@ const fo = {
             ]])
           },
           [
-            Q() ? (v(), k("div", fo, [
+            G() ? (v(), k("div", fo, [
               y(`
           @slot left-icon - The icon to display on the left of the input
         `),
@@ -319,7 +319,7 @@ const fo = {
                 name: l.name
               }, l.$attrs, {
                 inputmode: l.inputmode,
-                placeholder: R.value,
+                placeholder: O.value,
                 "aria-label": l.label || l.placeholder,
                 disabled: l.disabled,
                 readonly: l.readonly,
@@ -327,12 +327,12 @@ const fo = {
                 class: "m-input-input"
               }, Ue({
                 blur: b,
-                focus: G,
+                focus: Q,
                 change: B
               }, !0), {
                 onClick: g[1] || (g[1] = (z) => l.$emit("click", z))
               }), null, 16, yo), [
-                [Re, M.value]
+                [Oe, M.value]
               ]),
               l.label || l.hint ? (v(), k(
                 "span",
@@ -465,12 +465,12 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
   },
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(u, { emit: s }) {
-    He((e) => ({
-      "021d98d9": j.value,
-      "3f038458": re.value,
-      c194e680: ue.value
+    Re((e) => ({
+      "39733c9a": j.value,
+      "014b4cd9": re.value,
+      56278181: ue.value
     }));
-    const a = O(() => import("./MazCheckbox-BAC8XgFg.mjs")), L = O(() => import("./magnifying-glass-DZGg7953.mjs")), $ = O(() => import("./chevron-down-CzMH-gFW.mjs")), W = O(() => import("./no-symbol-QAqP9IlR.mjs")), U = Se(), t = u, P = s, A = h(!1), m = h(), c = f(
+    const a = H(() => import("./MazCheckbox-CEH7cTwM.mjs")), L = H(() => import("./magnifying-glass-DZGg7953.mjs")), $ = H(() => import("./chevron-down-CzMH-gFW.mjs")), W = H(() => import("./no-symbol-QAqP9IlR.mjs")), U = Se(), t = u, P = s, A = h(!1), m = h(), c = f(
       () => ["black", "transparent", "white"].includes(t.color)
     ), re = f(
       () => c.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
@@ -490,7 +490,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         [t.optionInputValueKey]: e
       };
     }
-    function R(e) {
+    function O(e) {
       return {
         ...e,
         [t.optionValueKey]: e[t.optionValueKey],
@@ -498,46 +498,49 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         [t.optionInputValueKey]: e[t.optionInputValueKey]
       };
     }
-    const H = f(() => {
+    const R = f(() => {
       var n;
       const e = [];
       if (!((n = t.options) != null && n.length))
         return [];
       for (const r of t.options)
         typeof r == "string" || typeof r == "number" || typeof r == "boolean" ? e.push(N(r)) : "options" in r && Array.isArray(r.options) ? e.push(
-          { label: r.label },
+          { label: r.label, isOptGroup: !0 },
           ...r.options.map(
-            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? N(i) : R(i)
+            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? N(i) : O(i)
           )
-        ) : e.push(R(r));
+        ) : e.push(O(r));
       return e;
     }), T = f(
       () => {
         var e;
-        return ((e = H.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !w(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !w(n[t.optionValueKey]))) ?? [];
+        return ((e = R.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !w(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !w(n[t.optionValueKey]))) ?? [];
       }
     );
-    Oe(() => {
+    He(() => {
       var e;
       (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), o();
     });
     const _ = h(), M = h(), ee = h(), oe = h(), w = (e) => e == null;
-    function Q(e) {
+    function G(e) {
       var r;
       return (((r = T.value) == null ? void 0 : r.some(
         (i) => i[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !w(e[t.optionValueKey]);
     }
-    const G = f(() => {
-      var e, n;
-      return t.multiple && t.modelValue && Array.isArray(t.modelValue) ? t.modelValue.map(
-        (r) => {
-          var i, p;
-          return (p = (i = H.value) == null ? void 0 : i.find((C) => C[t.optionValueKey] === r)) == null ? void 0 : p[t.optionInputValueKey];
-        }
-      ).join(", ") : (n = (e = H.value) == null ? void 0 : e.find(
-        (r) => t.modelValue && r[t.optionValueKey] === t.modelValue
-      )) == null ? void 0 : n[t.optionInputValueKey];
+    const Q = f(() => {
+      var n;
+      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
+        return t.modelValue.map(
+          (r) => {
+            var i, p;
+            return (p = (i = R.value) == null ? void 0 : i.find((C) => C[t.optionValueKey] === r)) == null ? void 0 : p[t.optionInputValueKey];
+          }
+        ).join(", ");
+      const e = (n = R.value) == null ? void 0 : n.find(
+        (r) => r[t.optionValueKey] === t.modelValue
+      );
+      return w(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
     }), b = f(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
     ), B = h(""), l = h("");
@@ -549,10 +552,10 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     );
     function I(e) {
       var n;
-      return e ? (n = H.value) == null ? void 0 : n.filter((r) => {
+      return e ? (n = R.value) == null ? void 0 : n.filter((r) => {
         const i = r[t.optionLabelKey], p = r[t.optionValueKey], C = r[t.optionInputValueKey];
         return z(i, e) || z(p, e) || z(C, e);
-      }) : H.value;
+      }) : R.value;
     }
     const F = f(() => I(B.value)), te = async (e) => {
       var n;
@@ -653,7 +656,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           required: e.required,
           "border-active": A.value,
           color: e.color,
-          "model-value": G.value,
+          "model-value": Q.value,
           autocomplete: "off",
           size: e.size,
           disabled: e.disabled,
@@ -734,7 +737,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
               @slot Custom optgroup label
                 @binding {String} label - the label of the optgroup
             `),
-                        r.label && w(r[e.optionValueKey]) ? Y(e.$slots, "optgroup", {
+                        r.label && r.isOptGroup ? Y(e.$slots, "optgroup", {
                           key: 0,
                           label: r.label
                         }, () => [
@@ -752,7 +755,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                           class: E(["m-select-list-item maz-custom maz-flex-none", [
                             {
                               "--is-keyboard-selected": m.value === i,
-                              "--is-selected": Q(r),
+                              "--is-selected": G(r),
                               "--is-none-value": w(r[e.optionValueKey])
                             }
                           ]]),
@@ -762,7 +765,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
                           e.multiple ? (v(), D(V(a), {
                             key: 0,
                             tabindex: "-1",
-                            "model-value": Q(r),
+                            "model-value": G(r),
                             size: "sm",
                             color: e.color
                           }, null, 8, ["model-value", "color"])) : y("v-if", !0),
@@ -773,7 +776,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
               `),
                           Y(e.$slots, "default", {
                             option: r,
-                            isSelected: Q(r)
+                            isSelected: G(r)
                           }, () => [
                             q(
                               "span",
@@ -805,7 +808,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), So = /* @__PURE__ */ Ae(ko, [["__scopeId", "data-v-48c93d79"]]), $o = ["id"], Po = {
+}), So = /* @__PURE__ */ Ae(ko, [["__scopeId", "data-v-6be8854d"]]), $o = ["id"], Po = {
   key: 0,
   class: "maz-text-lg"
 }, Ao = /* @__PURE__ */ ke({
@@ -864,9 +867,9 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
       start: 0,
       end: 0,
       cursorAtEnd: !0
-    }), N = h(!1), R = h(!1), H = f(() => U(c.countryLocale, c.customCountriesList)), T = f(() => {
+    }), N = h(!1), O = h(!1), R = f(() => U(c.countryLocale, c.customCountriesList)), T = f(() => {
       var o;
-      return (o = H.value) == null ? void 0 : o.filter((d) => {
+      return (o = R.value) == null ? void 0 : o.filter((d) => {
         var e;
         return !((e = c.ignoredCountries) != null && e.includes(d.iso2));
       });
@@ -893,7 +896,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     }), w = f(() => ({
       ...Ze,
       ...c.translations
-    })), Q = f(() => {
+    })), G = f(() => {
       if (c.placeholder)
         return c.placeholder;
       const o = w.value.phoneInput.placeholder;
@@ -903,17 +906,17 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
         const d = t(b.value);
         return I.value.isValid || !d ? o : `${w.value.phoneInput.example} ${d}`;
       }
-    }), G = h(
+    }), Q = h(
       c.countryCode || c.defaultCountryCode
     );
     ce(
       () => c.countryCode || c.defaultCountryCode,
       (o) => {
-        G.value = o;
+        Q.value = o;
       }
     );
     const b = f({
-      get: () => G.value,
+      get: () => Q.value,
       set: (o) => {
         m("country-code", o), m("update:country-code", o), o && (he(o), me(z.value));
       }
@@ -999,7 +1002,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
     }
     function le(o, d = !1) {
       try {
-        ro(o) && (G.value = o, d && de());
+        ro(o) && (Q.value = o, d && de());
       } catch (e) {
         console.error(`[maz-ui](MazPhoneNumberInput) ${e}`);
       }
@@ -1089,7 +1092,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           style: ae({
             width: o.countrySelectorWidth
           }),
-          onFocus: d[1] || (d[1] = (p) => R.value = !1)
+          onFocus: d[1] || (d[1] = (p) => O.value = !1)
         }, {
           default: fe(({ option: p, isSelected: C }) => [
             q(
@@ -1151,7 +1154,7 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           ref_key: "PhoneNumberInput",
           ref: j,
           "model-value": z.value,
-          label: Q.value,
+          label: G.value,
           disabled: o.disabled,
           color: o.color,
           error: o.error || (o.noValidationError ? !1 : !!z.value && !((n = I.value) != null && n.isValid))
@@ -1165,10 +1168,10 @@ const zo = ["aria-label"], Co = { class: "m-select-list__no-results" }, Vo = {
           class: ["m-phone-number-input__input maz-flex-1", {
             "--border-radius": !o.noCountrySelector,
             "--error": o.error || !((i = I.value) != null && i.isValid),
-            "--focused": R.value
+            "--focused": O.value
           }],
-          onFocus: d[2] || (d[2] = (p) => R.value = !0),
-          onBlur: d[3] || (d[3] = (p) => R.value = !1),
+          onFocus: d[2] || (d[2] = (p) => O.value = !0),
+          onBlur: d[3] || (d[3] = (p) => O.value = !1),
           "onUpdate:modelValue": d[4] || (d[4] = (p) => me(p))
         }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"])
       ], 14, $o);