maz-ui 3.37.3 → 3.37.4

package/components/chunks/MazPhoneNumberInput-BDiyO_6j.mjs

@@ -1,1423 +0,0 @@
-import '../assets/MazPhoneNumberInput.css';
-import { getCurrentInstance as to, computed as v, defineComponent as re, defineAsyncComponent as U, ref as I, onMounted as we, useSlots as lo, openBlock as C, createElementBlock as P, normalizeClass as E, normalizeStyle as _, createElementVNode as R, createCommentVNode as V, renderSlot as H, createBlock as K, unref as b, resolveDynamicComponent as Fe, withDirectives as Ne, mergeProps as pe, toHandlers as no, vModelDynamic as ao, createTextVNode as Ce, toDisplayString as G, withModifiers as x, withCtx as ae, createVNode as q, nextTick as ee, useCssVars as ro, onBeforeMount as so, Transition as uo, Fragment as Ae, renderList as io, reactive as co, mergeModels as Le, useModel as po, watch as he } from "vue";
-import { getCountries as Te, getCountryCallingCode as de, getExampleNumber as fo, isSupportedCountry as mo, parsePhoneNumberFromString as yo, AsYouType as vo } from "libphonenumber-js";
-function ho(t, l) {
-  let o;
-  return function(...c) {
-    clearTimeout(o), o = setTimeout(() => {
-      t.apply(this, c);
-    }, l);
-  };
-}
-const ke = ({
-  componentName: t,
-  providedId: l
-}) => {
-  const o = to();
-  return v(() => l ?? `${t}-${o == null ? void 0 : o.uid}`);
-}, bo = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, go = { class: "m-input-wrapper-input" }, zo = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Co = { key: 0 }, Vo = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, wo = /* @__PURE__ */ re({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean], default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 },
-    block: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(t, { emit: l }) {
-    const o = U(() => import("./MazBtn-D5q0p_mK.mjs")), c = U(() => import("./MazIcon-Cxrv3_OK.mjs")), m = U(() => import("./eye-slash-tjfxO0LK.mjs")), f = U(() => import("./eye-DqO_Jx56.mjs")), n = U(() => import("./check-7UA4j2f2.mjs")), i = t, k = l, h = I(!1), B = I(!1), M = I(), d = ke({
-      componentName: "MazInput",
-      providedId: i.id
-    });
-    we(() => {
-      var r;
-      i.autoFocus && ((r = M.value) == null || r.focus());
-    });
-    const g = v(() => i.type === "password"), y = v(() => h.value ? "text" : i.type), F = v(() => {
-      if (!i.noBorder) {
-        if (i.error)
-          return "maz-border-danger";
-        if (i.success)
-          return "maz-border-success";
-        if (i.warning)
-          return "maz-border-warning";
-        if (B.value || i.borderActive) {
-          if (i.color === "black")
-            return "maz-border-black";
-          if (i.color === "danger")
-            return "maz-border-danger";
-          if (i.color === "info")
-            return "maz-border-info";
-          if (i.color === "primary")
-            return "maz-border-primary";
-          if (i.color === "secondary")
-            return "maz-border-secondary";
-          if (i.color === "success")
-            return "maz-border-success";
-          if (i.color === "warning")
-            return "maz-border-warning";
-          if (i.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), z = lo(), $ = v(() => {
-      const { required: r, placeholder: L } = i;
-      if (L)
-        return r ? `${L} *` : L;
-    }), a = v(() => N.value !== void 0 && N.value !== ""), S = ho(
-      (r) => {
-        N.value = r;
-      },
-      typeof i.debounce == "number" ? i.debounce : i.debounceDelay ?? 500
-    ), N = v({
-      get: () => i.modelValue,
-      set: (r) => {
-        if (i.debounce)
-          return S(r);
-        k("update:model-value", r);
-      }
-    }), ue = v(() => (!!i.label || !!i.hint) && (B.value || !!a.value || !!i.placeholder || ["date", "month", "week"].includes(i.type))), ie = v(() => !!i.label || !!i.hint);
-    function O() {
-      return !!z["right-icon"] || g.value || !!z["valid-button"] || i.validButton || !!i.rightIcon;
-    }
-    function te() {
-      return !!z["left-icon"] || !!i.leftIcon;
-    }
-    function fe(r) {
-      k("focus", r), B.value = !0;
-    }
-    function me(r) {
-      k("blur", r), B.value = !1;
-    }
-    function j(r) {
-      return k("change", r);
-    }
-    return (r, L) => (C(), P(
-      "div",
-      {
-        class: E(["m-input", [
-          {
-            "--is-focused": B.value || r.borderActive,
-            "--should-up": ue.value,
-            "--has-label": ie.value,
-            "--is-disabled": r.disabled,
-            "--is-readonly": r.readonly,
-            "--has-z-2": r.error || r.warning || r.success,
-            "--has-state": r.error || r.warning || r.success,
-            "--block": r.block
-          },
-          i.class,
-          `--${r.color}`,
-          `--${r.size}`
-        ]]),
-        style: _(r.style)
-      },
-      [
-        R(
-          "div",
-          {
-            class: E(["m-input-wrapper", [
-              r.inputClasses,
-              F.value,
-              r.roundedSize ? `--rounded-${r.roundedSize}` : { "maz-rounded": !r.noRadius }
-            ]])
-          },
-          [
-            te() ? (C(), P("div", bo, [
-              V(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              r.$slots["left-icon"] || r.leftIcon ? H(r.$slots, "left-icon", { key: 0 }, () => [
-                typeof r.leftIcon == "string" ? (C(), K(b(c), {
-                  key: 0,
-                  name: r.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.leftIcon ? (C(), K(Fe(r.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : V("v-if", !0)
-              ], !0) : V("v-if", !0)
-            ])) : V("v-if", !0),
-            R("div", go, [
-              Ne(R("input", pe({
-                id: b(d),
-                ref_key: "input",
-                ref: M,
-                "onUpdate:modelValue": L[0] || (L[0] = (Y) => N.value = Y),
-                type: y.value,
-                name: r.name
-              }, r.$attrs, {
-                inputmode: r.inputmode,
-                placeholder: $.value,
-                "aria-label": r.label || r.placeholder,
-                disabled: r.disabled,
-                readonly: r.readonly,
-                required: r.required,
-                class: "m-input-input"
-              }, no({
-                blur: me,
-                focus: fe,
-                change: j
-              }, !0), {
-                onClick: L[1] || (L[1] = (Y) => r.$emit("click", Y))
-              }), null, 16, zo), [
-                [ao, N.value]
-              ]),
-              r.label || r.hint ? (C(), P(
-                "span",
-                {
-                  key: 0,
-                  ref: "label",
-                  class: E(["m-input-label", [
-                    {
-                      "maz-text-danger-600": r.error,
-                      "maz-text-success-600": r.success,
-                      "maz-text-warning-600": r.warning
-                    }
-                  ]])
-                },
-                [
-                  Ce(
-                    G(r.hint || r.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  r.required ? (C(), P("sup", Co, "*")) : V("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : V("v-if", !0)
-            ]),
-            O() ? (C(), P("div", Vo, [
-              V(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              r.$slots["right-icon"] || r.rightIcon ? H(r.$slots, "right-icon", { key: 0 }, () => [
-                typeof r.rightIcon == "string" ? (C(), K(b(c), {
-                  key: 0,
-                  name: r.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : r.rightIcon ? (C(), K(Fe(r.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : V("v-if", !0)
-              ], !0) : V("v-if", !0),
-              g.value ? (C(), K(b(o), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: L[2] || (L[2] = x((Y) => h.value = !h.value, ["stop"]))
-              }, {
-                default: ae(() => [
-                  h.value ? (C(), K(b(m), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (C(), K(b(f), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : V("v-if", !0),
-              V(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              r.$slots["valid-button"] || r.validButton ? H(r.$slots, "valid-button", { key: 2 }, () => [
-                q(b(o), {
-                  color: "transparent",
-                  disabled: r.disabled,
-                  tabindex: "-1",
-                  loading: r.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: ae(() => [
-                    q(b(n), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : V("v-if", !0)
-            ])) : V("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), se = (t, l) => {
-  const o = t.__vccOpts || t;
-  for (const [c, m] of l)
-    o[c] = m;
-  return o;
-}, Ve = /* @__PURE__ */ se(wo, [["__scopeId", "data-v-78090be8"]]);
-let be = null;
-function ko(t, l) {
-  be && clearTimeout(be), be = setTimeout(t, l);
-}
-const ce = "__maz-click-outside__", De = () => document.ontouchstart === null ? "touchstart" : "click";
-async function Ue(t, l) {
-  try {
-    Re(t);
-    const o = l.instance, c = l.value, m = typeof c == "function";
-    if (!m)
-      throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await ee(), t[ce] = (n) => {
-      if ((!t || n.target && !t.contains(n.target)) && c && m)
-        return c.call(o, n);
-    };
-    const f = De();
-    document.addEventListener(f, t[ce], { passive: !0 });
-  } catch (o) {
-    console.error("[maz-ui](vClickOutside)", o);
-  }
-}
-function Re(t) {
-  try {
-    const l = De();
-    document.removeEventListener(l, t[ce], !1), delete t[ce];
-  } catch (l) {
-    console.error("[maz-ui](vClickOutside)", l);
-  }
-}
-function Io(t, l) {
-  try {
-    if (l.value === l.oldValue)
-      return;
-    Ue(t, l);
-  } catch (o) {
-    console.error("[maz-ui](vClickOutside)", o);
-  }
-}
-const So = {
-  mounted: Ue,
-  updated: Io,
-  unmounted: Re
-};
-function Bo(t, l) {
-  const o = t.length, c = l.length, m = [];
-  for (let f = 0; f <= o; f++)
-    m[f] = [f];
-  for (let f = 0; f <= c; f++)
-    m[0][f] = f;
-  for (let f = 1; f <= o; f++)
-    for (let n = 1; n <= c; n++) {
-      const i = t[f - 1] === l[n - 1] ? 0 : 1;
-      m[f][n] = Math.min(
-        m[f - 1][n] + 1,
-        m[f][n - 1] + 1,
-        m[f - 1][n - 1] + i
-      );
-    }
-  return m[o][c];
-}
-function Me(t) {
-  return t.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").toLowerCase();
-}
-function Oe(t, l) {
-  const o = Bo(t, l), c = Math.max(t.length, l.length);
-  return 1 - o / c;
-}
-function $o(t, l, o = 0.75) {
-  return Oe(t, l) >= o;
-}
-function ge(t, l, o = 0.75) {
-  const c = v(
-    () => Me(typeof t == "string" ? t : t.value)
-  ), m = v(
-    () => Me(typeof l == "string" ? l : l.value)
-  ), f = v(() => typeof o == "number" ? o : o.value), n = v(() => Oe(c.value, m.value));
-  return {
-    isMatching: v(
-      () => $o(c.value, m.value, f.value)
-    ),
-    score: n
-  };
-}
-const Po = ["aria-label"], Fo = { class: "m-select-list__no-results" }, Ao = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, Lo = { class: "m-select-list-optgroup" }, Mo = ["onClick"], Eo = /* @__PURE__ */ re({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean, Array], default: void 0 },
-    options: { default: void 0 },
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "bottom left" },
-    itemHeight: { default: void 0 },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: void 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchPlaceholder: { default: "Search in options" },
-    open: { type: Boolean },
-    multiple: { type: Boolean },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean }
-  },
-  emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
-  setup(t, { emit: l }) {
-    ro((e) => ({
-      "4ce1fbd6": g.value,
-      "3d1b8a94": M.value,
-      "12d1f1fc": d.value
-    }));
-    const o = U(() => import("./MazCheckbox-CM7mucQa.mjs")), c = U(() => import("./magnifying-glass-DZGg7953.mjs")), m = U(() => import("./chevron-down-CzMH-gFW.mjs")), f = U(() => import("./no-symbol-QAqP9IlR.mjs")), n = t, i = l, k = I(!1), h = I(), B = v(
-      () => ["black", "transparent", "white"].includes(n.color)
-    ), M = v(
-      () => B.value ? "var(--maz-color-black)" : `var(--maz-color-${n.color}-800)`
-    ), d = v(
-      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${n.color}-100)`
-    ), g = v(
-      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${n.color}-200)`
-    ), y = v(() => k.value || n.open), F = ke({
-      componentName: "MazSelect",
-      providedId: n.id
-    });
-    function z(e) {
-      return {
-        [n.optionValueKey]: e,
-        [n.optionLabelKey]: e,
-        [n.optionInputValueKey]: e
-      };
-    }
-    function $(e) {
-      return {
-        ...e,
-        [n.optionValueKey]: e[n.optionValueKey],
-        [n.optionLabelKey]: e[n.optionLabelKey],
-        [n.optionInputValueKey]: e[n.optionInputValueKey]
-      };
-    }
-    const a = v(() => {
-      var s;
-      const e = [];
-      if (!((s = n.options) != null && s.length))
-        return [];
-      for (const u of n.options)
-        typeof u == "string" || typeof u == "number" || typeof u == "boolean" ? e.push(z(u)) : "options" in u && Array.isArray(u.options) ? e.push(
-          { label: u.label, isOptGroup: !0 },
-          ...u.options.map(
-            (p) => typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? z(p) : $(p)
-          )
-        ) : e.push($(u));
-      return e;
-    }), S = v(
-      () => {
-        var e;
-        return ((e = a.value) == null ? void 0 : e.filter((s) => n.multiple ? Array.isArray(n.modelValue) ? n.modelValue.includes(s[n.optionValueKey]) && !O(s[n.optionValueKey]) : !1 : n.modelValue === s[n.optionValueKey] && !O(s[n.optionValueKey]))) ?? [];
-      }
-    );
-    so(() => {
-      var e;
-      (e = n.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ve();
-    });
-    const Z = I(), N = I(), ue = I(), ie = I(), O = (e) => e == null;
-    function te(e) {
-      var u;
-      return (((u = S.value) == null ? void 0 : u.some(
-        (p) => p[n.optionValueKey] === e[n.optionValueKey]
-      )) ?? !1) && !O(e[n.optionValueKey]);
-    }
-    const fe = v(() => {
-      var s;
-      if (n.multiple && n.modelValue && Array.isArray(n.modelValue))
-        return n.modelValue.map(
-          (u) => {
-            var p, w;
-            return (w = (p = a.value) == null ? void 0 : p.find((A) => A[n.optionValueKey] === u)) == null ? void 0 : w[n.optionInputValueKey];
-          }
-        ).join(", ");
-      const e = (s = a.value) == null ? void 0 : s.find(
-        (u) => u[n.optionValueKey] === n.modelValue
-      );
-      return O(n.modelValue) || e == null ? void 0 : e[n.optionInputValueKey];
-    }), me = v(
-      () => n.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), j = I(""), r = I("");
-    function L(e) {
-      return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
-    }
-    const Y = (e, s) => s && e && L(e.toString().toLocaleLowerCase().trim()).includes(
-      L(s.toLocaleLowerCase().trim())
-    );
-    function Se(e) {
-      var s;
-      return e ? (s = a.value) == null ? void 0 : s.filter((u) => {
-        const p = u[n.optionLabelKey], w = u[n.optionValueKey], A = u[n.optionInputValueKey];
-        return Y(p, e) || Y(A, e) || Y(w, e) || typeof p == "string" && ge(p, e).isMatching.value || typeof A == "string" && ge(A, e).isMatching.value || typeof w == "string" && ge(w, e).isMatching.value;
-      }) : a.value;
-    }
-    const T = v(() => Se(j.value));
-    async function le(e) {
-      var s;
-      if (y.value) {
-        if (e && ("relatedTarget" in e && ((s = Z.value) != null && s.contains(e.relatedTarget)) || e.type === "keydown"))
-          return e.preventDefault();
-        await ee(), k.value = !1, h.value = 0, i("close", e);
-      }
-    }
-    async function ne(e) {
-      n.disabled || y.value || (e == null || e.preventDefault(), k.value = !0, await ye(), i("focus", e), i("open", k.value));
-    }
-    function Be() {
-      var e, s;
-      (s = ((e = N.value) == null ? void 0 : e.$el).querySelector("input")) == null || s.focus();
-    }
-    function Ze(e) {
-      k.value ? le(e) : Be();
-    }
-    function Xe(e) {
-      var s, u;
-      j.value = e, (u = ((s = ue.value) == null ? void 0 : s.$el).querySelector("input")) == null || u.focus();
-    }
-    function xe(e) {
-      var u;
-      e === "Backspace" && r.value.length > 0 ? r.value = r.value.slice(0, -1) : r.value += e;
-      const s = Se(r.value);
-      s != null && s.length && (h.value = (u = T.value) == null ? void 0 : u.findIndex(
-        (p) => p[n.optionValueKey] === s[0][n.optionValueKey]
-      ), typeof h.value == "number" && h.value >= 0 && ye(h.value)), ko(() => {
-        r.value = "";
-      }, 1e3);
-    }
-    const _e = (e) => {
-      const s = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(s) ? (e.preventDefault(), ne(e), n.search ? Xe(s) : xe(s)) : $e(e);
-    }, $e = (e) => {
-      const s = e.code, u = ["ArrowUp", "ArrowDown"].includes(s), p = ["Enter", "Space"].includes(s), w = s === "Escape" && y.value;
-      u ? eo(e, h.value) : p ? oo(e, h.value) : w && le();
-    }, eo = (e, s) => {
-      var w;
-      e.preventDefault();
-      const u = e.code;
-      y.value || ne(e);
-      const p = (w = T.value) == null ? void 0 : w.length;
-      p && (typeof s == "number" ? s === p - 1 && u === "ArrowDown" ? h.value = 0 : s === 0 && u === "ArrowUp" ? h.value = p - 1 : h.value = u === "ArrowDown" ? s + 1 : s - 1 : h.value = u === "ArrowDown" ? 0 : p - 1, ye(h.value));
-    }, oo = (e, s) => {
-      var p, w, A;
-      if (e.preventDefault(), !y.value)
-        return ne(e);
-      const u = s ? ((p = T.value) == null ? void 0 : p[s]) ?? ((w = T.value) == null ? void 0 : w[0]) : (A = T.value) == null ? void 0 : A[0];
-      O(u) || Pe(u);
-    };
-    async function ye(e) {
-      var u, p;
-      await ee(), typeof e != "number" && ve();
-      const s = e ?? h.value;
-      typeof s == "number" && s >= 0 && ((p = (u = ie.value) == null ? void 0 : u.querySelectorAll(".m-select-list-item")[s]) == null || p.scrollIntoView({
-        behavior: "auto",
-        block: "nearest",
-        inline: "start"
-      }));
-    }
-    function ve(e) {
-      var u;
-      const s = (u = T.value) == null ? void 0 : u.findIndex((p) => {
-        var w, A;
-        return n.multiple && Array.isArray(n.modelValue) ? e ? e[n.optionValueKey] === p[n.optionValueKey] : [...n.modelValue].reverse()[0] === p[n.optionValueKey] : ((A = (w = S.value) == null ? void 0 : w[0]) == null ? void 0 : A[n.optionValueKey]) === p[n.optionValueKey];
-      });
-      h.value = s && s >= 0 ? s : 0;
-    }
-    const Pe = (e, s = !0) => {
-      var A;
-      s && !n.multiple && ee(() => le()), j.value = "";
-      const u = (A = S.value) == null ? void 0 : A.some(
-        (X) => X[n.optionValueKey] === e[n.optionValueKey]
-      );
-      let p = S.value;
-      u && n.multiple ? p = p == null ? void 0 : p.filter(
-        (X) => X[n.optionValueKey] !== e[n.optionValueKey]
-      ) : n.multiple ? p.push(e) : p = [e];
-      const w = p.map((X) => X[n.optionValueKey]);
-      i("update:model-value", n.multiple ? w : w[0]), i("selected-option", e), ve(e), Be();
-    };
-    return (e, s) => Ne((C(), P(
-      "div",
-      {
-        ref_key: "mazSelectElement",
-        ref: Z,
-        class: E(["m-select", [
-          { "--is-open": y.value, "--disabled": e.disabled, "--block": e.block },
-          n.class,
-          `--${e.size}`
-        ]]),
-        style: _(e.style)
-      },
-      [
-        q(Ve, pe({
-          id: b(F),
-          ref_key: "mazInputComponent",
-          ref: N,
-          class: "m-select-input"
-        }, e.$attrs, {
-          required: e.required,
-          "border-active": k.value,
-          color: e.color,
-          "model-value": fe.value,
-          autocomplete: "off",
-          size: e.size,
-          block: "",
-          disabled: e.disabled,
-          onFocus: x(ne, ["prevent", "stop"]),
-          onClick: x(ne, ["prevent", "stop"]),
-          onBlur: x(le, ["prevent", "stop"]),
-          onChange: s[0] || (s[0] = (u) => i("change", u)),
-          onKeydown: _e
-        }), {
-          "right-icon": ae(() => [
-            R("button", {
-              tabindex: "-1",
-              type: "button",
-              class: "m-select-input__toggle-button maz-custom",
-              "aria-label": `${y.value ? "collapse" : "expand"} list of options`,
-              onClick: x(Ze, ["stop"])
-            }, [
-              q(b(m), { class: "m-select-chevron maz-text-xl" })
-            ], 8, Po)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        q(uo, { name: me.value }, {
-          default: ae(() => [
-            y.value ? (C(), P(
-              "div",
-              {
-                key: 0,
-                ref_key: "optionsListElement",
-                ref: ie,
-                class: E(["m-select-list", {
-                  "--top": e.listPosition.includes("top"),
-                  "--left": e.listPosition.includes("left"),
-                  "--right": e.listPosition.includes("right"),
-                  "--bottom": e.listPosition.includes("bottom")
-                }]),
-                style: _({
-                  maxHeight: `${e.maxListHeight}px`,
-                  maxWidth: `${e.maxListWidth}px`
-                })
-              },
-              [
-                e.search ? (C(), K(Ve, {
-                  key: 0,
-                  ref_key: "searchInputComponent",
-                  ref: ue,
-                  modelValue: j.value,
-                  "onUpdate:modelValue": [
-                    s[1] || (s[1] = (u) => j.value = u),
-                    s[2] || (s[2] = (u) => h.value = 0)
-                  ],
-                  size: "sm",
-                  color: e.color,
-                  placeholder: e.searchPlaceholder,
-                  name: "search",
-                  autocomplete: "off",
-                  tabindex: "-1",
-                  class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": b(c),
-                  onKeydown: $e
-                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : V("v-if", !0),
-                V(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
-                !T.value || T.value.length <= 0 ? H(e.$slots, "no-results", { key: 1 }, () => [
-                  R("span", Fo, [
-                    q(b(f), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                  ])
-                ], !0) : (C(), P("div", Ao, [
-                  (C(!0), P(
-                    Ae,
-                    null,
-                    io(T.value, (u, p) => (C(), P(
-                      Ae,
-                      { key: p },
-                      [
-                        V(`
-              @slot Custom optgroup label
-                @binding {String} label - the label of the optgroup
-            `),
-                        u.label && u.isOptGroup ? H(e.$slots, "optgroup", {
-                          key: 0,
-                          label: u.label
-                        }, () => [
-                          R(
-                            "span",
-                            Lo,
-                            G(u.label),
-                            1
-                            /* TEXT */
-                          )
-                        ], !0) : (C(), P("button", {
-                          key: 1,
-                          tabindex: "-1",
-                          type: "button",
-                          class: E(["m-select-list-item maz-custom maz-flex-none", [
-                            {
-                              "--is-keyboard-selected": h.value === p,
-                              "--is-selected": te(u),
-                              "--is-none-value": O(u[e.optionValueKey])
-                            }
-                          ]]),
-                          style: _(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: x((w) => Pe(u), ["prevent", "stop"])
-                        }, [
-                          e.multiple ? (C(), K(b(o), {
-                            key: 0,
-                            tabindex: "-1",
-                            "model-value": te(u),
-                            size: "sm",
-                            color: e.color
-                          }, null, 8, ["model-value", "color"])) : V("v-if", !0),
-                          V(`
-                @slot Custom option
-                  @binding {Object} option - the option object
-                  @binding {Boolean} is-selected - if the option is selected
-              `),
-                          H(e.$slots, "default", {
-                            option: u,
-                            isSelected: te(u)
-                          }, () => [
-                            R(
-                              "span",
-                              null,
-                              G(u[e.optionLabelKey]),
-                              1
-                              /* TEXT */
-                            )
-                          ], !0)
-                        ], 14, Mo))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]))
-              ],
-              6
-              /* CLASS, STYLE */
-            )) : V("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["name"])
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [b(So), le]
-    ]);
-  }
-}), Ko = /* @__PURE__ */ se(Eo, [["__scopeId", "data-v-7a4ba989"]]);
-function Ye(t) {
-  return !!t;
-}
-function Ee(t) {
-  return [...t].map((l) => {
-    const o = l.codePointAt(0);
-    return o ? o % 32 + 127461 : void 0;
-  }).filter(Ye).map((l) => String.fromCodePoint(l)).join("");
-}
-const J = I();
-async function No() {
-  if (J.value)
-    return J.value;
-  const { default: t } = await import("./examples.mobile.json-zD8w3Qhl.mjs");
-  return J.value = t, J.value;
-}
-function To(t, l) {
-  return de(t) === de(l);
-}
-function Do(t) {
-  var l;
-  try {
-    return J.value && t ? (l = fo(t, J.value)) == null ? void 0 : l.formatNational() : void 0;
-  } catch (o) {
-    console.error(`[maz-ui](MazPhoneNumberInput) ${o}`);
-  }
-}
-function Uo(t) {
-  try {
-    const l = mo(t);
-    return l || (console.error(`[maz-ui](MazPhoneNumberInput) The code country "${t}" is not available`), !1);
-  } catch (l) {
-    return console.error(`[maz-ui](MazPhoneNumberInput) ${l}`), !1;
-  }
-}
-function Ro({
-  phoneNumber: t,
-  countryCode: l
-}) {
-  try {
-    if (!t)
-      return {
-        isValid: !1,
-        countryCode: l
-      };
-    const o = yo(t, l);
-    return {
-      countryCode: (o == null ? void 0 : o.country) ?? l,
-      isValid: (o == null ? void 0 : o.isValid()) ?? !1,
-      isPossible: o == null ? void 0 : o.isPossible(),
-      countryCallingCode: o == null ? void 0 : o.countryCallingCode,
-      nationalNumber: o == null ? void 0 : o.nationalNumber,
-      type: o == null ? void 0 : o.getType(),
-      formatInternational: o == null ? void 0 : o.formatInternational(),
-      formatNational: o == null ? void 0 : o.formatNational(),
-      uri: o == null ? void 0 : o.getURI(),
-      e164: o == null ? void 0 : o.format("E.164"),
-      rfc3966: o == null ? void 0 : o.format("RFC3966"),
-      phoneNumber: t
-    };
-  } catch (o) {
-    throw new Error(`[MazPhoneNumberInput](getResultsFromPhoneNumber) ${o}`);
-  }
-}
-function Oo(t, l) {
-  try {
-    return l ? new vo(t).input(l) : "";
-  } catch (o) {
-    throw new Error(`[MazPhoneNumberInput](getAsYouTypeFormat) ${o}`);
-  }
-}
-function qe() {
-  return {
-    examples: J,
-    getAsYouTypeFormat: Oo,
-    getPhoneNumberResults: Ro,
-    loadPhoneNumberExamplesFile: No,
-    getPhoneNumberExample: Do,
-    isSameCountryCallingCode: To,
-    isCountryAvailable: Uo,
-    getCountries: Te,
-    getCountryCallingCode: de
-  };
-}
-const { isCountryAvailable: Yo, getPhoneNumberResults: He, getAsYouTypeFormat: qo } = qe(), oe = I(""), W = I(), Q = co({
-  start: 0,
-  end: 0,
-  cursorAtEnd: !0
-}), D = I({
-  isValid: !1,
-  countryCode: void 0
-});
-async function Ho() {
-  try {
-    const t = await fetch("https://ipwho.is"), { country_code: l } = await t.json();
-    return l;
-  } catch (t) {
-    throw new Error(`[MazPhoneNumberInput](fetchCountryCode) ${t}`);
-  }
-}
-function We(t) {
-  if (!t)
-    return "";
-  const l = new RegExp(/[^\d ()+-]/g);
-  return t.replaceAll(l, "").trim();
-}
-function Wo(t, l) {
-  const o = t == null ? void 0 : t.$el.querySelector("input");
-  Q.start = o == null ? void 0 : o.selectionStart, Q.end = o == null ? void 0 : o.selectionEnd, Q.cursorAtEnd = l && typeof Q.start == "number" && l.length > 0 ? Q.start >= l.length : !0;
-}
-function je(t) {
-  if (t) {
-    if (!Yo(t)) {
-      W.value = void 0;
-      return;
-    }
-    W.value = t;
-  }
-}
-function Qe({
-  newPhoneNumber: t,
-  autoFormat: l,
-  noFormattingAsYouType: o,
-  updateResults: c = !0
-}) {
-  const m = We(t);
-  if (c && (D.value = He({
-    phoneNumber: m,
-    countryCode: W.value
-  })), D.value.isValid && D.value.formatNational && l)
-    oe.value = D.value.formatNational;
-  else if (Q.cursorAtEnd && !o) {
-    const f = qo(W.value, m);
-    oe.value = f;
-  } else
-    oe.value = m;
-  D.value.countryCode && D.value.countryCode !== W.value && Ge({
-    countryCode: D.value.countryCode,
-    autoFormat: l,
-    noFormattingAsYouType: o,
-    updateResults: !1
-  });
-}
-function Ge({
-  countryCode: t,
-  autoFormat: l,
-  noFormattingAsYouType: o,
-  updateResults: c = !0
-}) {
-  if (!t) {
-    W.value = void 0;
-    return;
-  }
-  t !== W.value && je(t), c && (D.value = He({
-    phoneNumber: oe.value,
-    countryCode: t
-  })), Qe({
-    newPhoneNumber: oe.value,
-    autoFormat: l,
-    noFormattingAsYouType: o,
-    updateResults: !1
-  });
-}
-function Je() {
-  if (typeof window > "u")
-    return;
-  const t = window.navigator.language;
-  if (!t)
-    return;
-  let l = t.slice(3, 7).toUpperCase();
-  return l === "" && (l = t.slice(0, 2).toUpperCase()), l === "EN" && (l = "US"), l === "JA" && (l = "JP"), {
-    locale: l,
-    browserLocale: t
-  };
-}
-let ze, Ke;
-function jo(t, l, o) {
-  return o != null && o[l] ? o[l] : ((Ke !== t || !ze) && (Ke = t, ze = new Intl.DisplayNames([t], { type: "region" })), ze.of(l));
-}
-function Qo(t, l) {
-  var m;
-  const o = [], c = Te();
-  t = t ?? ((m = Je()) == null ? void 0 : m.browserLocale) ?? "en-US";
-  for (const f of c) {
-    const n = jo(t, f, l);
-    if (n)
-      try {
-        const i = de(f);
-        o.push({
-          iso2: f,
-          dialCode: i,
-          name: n
-        });
-      } catch (i) {
-        console.error(`[MazPhoneNumberInput](getCountryCallingCode) ${i}`);
-      }
-  }
-  return o;
-}
-function Ie() {
-  return {
-    setSelectedCountry: je,
-    results: D,
-    sanitizePhoneNumber: We,
-    fetchCountryCode: Ho,
-    selectedCountry: W,
-    phoneNumber: oe,
-    selectionRange: Q,
-    saveCursorPosition: Wo,
-    onPhoneNumberChanged: Qe,
-    onCountryChanged: Ge,
-    getBrowserLocale: Je,
-    getCountriesList: Qo
-  };
-}
-const Go = {
-  key: 0,
-  class: "maz-text-lg"
-}, Jo = /* @__PURE__ */ re({
-  __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 },
-    width: { default: "9rem" }
-  },
-  emits: ["update:model-value"],
-  setup(t) {
-    const l = t, o = I(), { phoneNumber: c, getCountriesList: m } = Ie(), f = v(() => m(l.countryLocale, l.customCountriesList)), n = v(() => {
-      var d;
-      return (d = f.value) == null ? void 0 : d.filter((g) => {
-        var y;
-        return !((y = l.ignoredCountries) != null && y.includes(g.iso2));
-      });
-    }), i = v(() => {
-      const d = l.onlyCountries || l.preferredCountries;
-      return d == null ? void 0 : d.map(
-        (g) => {
-          var y;
-          return (y = n.value) == null ? void 0 : y.find((F) => F.iso2.includes(g));
-        }
-      );
-    }), k = v(() => {
-      var d;
-      return (d = n.value) == null ? void 0 : d.filter((g) => {
-        var y;
-        return !((y = l.preferredCountries) != null && y.includes(g.iso2));
-      });
-    }), h = v(() => l.preferredCountries ? [...i.value ?? [], ...k.value ?? []] : l.onlyCountries ? i.value : n.value), B = v(() => {
-      var d;
-      return (d = h.value) == null ? void 0 : d.map((g) => g ? {
-        ...g,
-        dialCode: `+${g.dialCode}`
-      } : void 0).filter(Ye);
-    });
-    function M() {
-      var d, g;
-      (g = (d = o.value) == null ? void 0 : d.$el.querySelector("input")) == null || g.focus();
-    }
-    return (d, g) => (C(), P(
-      "div",
-      {
-        class: E(["m-country-selector", [l.class, { "--no-flags": d.noFlags }]]),
-        style: _(d.style)
-      },
-      [
-        d.modelValue && !d.noFlags ? (C(), P(
-          "button",
-          {
-            key: 0,
-            class: E(["m-country-selector__country-flag maz-text-xl", {
-              "--should-have-bottom-flag": d.locales.countrySelector.placeholder.length > 0
-            }]),
-            tabindex: "-1",
-            type: "button",
-            onClick: M
-          },
-          [
-            V(`
-        @slot Country selector flag
-          @binding {String} country-code - current selected country code - Ex: \`"FR"\`
-      `),
-            H(d.$slots, "selector-flag", { countryCode: d.modelValue }, () => [
-              Ce(
-                G(b(Ee)(d.modelValue)),
-                1
-                /* TEXT */
-              )
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : V("v-if", !0),
-        q(Ko, pe({
-          id: `country-selector-${d.id}`,
-          ref_key: "CountrySelectorRef",
-          ref: o,
-          "model-value": d.modelValue
-        }, d.$attrs, {
-          class: "m-country-selector__select",
-          "option-value-key": "iso2",
-          "option-label-key": "name",
-          "option-input-value-key": d.countrySelectorDisplayName ? "name" : "dialCode",
-          "max-list-width": 250,
-          disabled: d.disabled,
-          color: d.color,
-          size: d.size,
-          error: d.error,
-          "list-position": d.listPosition,
-          "item-height": 38,
-          success: d.success,
-          search: !d.noSearch,
-          "search-placeholder": d.locales.countrySelector.searchPlaceholder,
-          options: B.value,
-          hint: b(c) && !d.modelValue ? d.locales.countrySelector.error : void 0,
-          label: d.locales.countrySelector.placeholder,
-          style: {
-            width: d.width
-          },
-          "onUpdate:modelValue": g[0] || (g[0] = (y) => d.$emit("update:model-value", y))
-        }), {
-          default: ae(({ option: y, isSelected: F }) => [
-            R(
-              "div",
-              {
-                class: E(["m-country-selector__select__item maz-flex maz-items-center maz-gap-1 maz-truncate", {
-                  "m-country-selector__select__item--selected": F
-                }])
-              },
-              [
-                !d.noFlags && typeof y.iso2 == "string" ? (C(), P("span", Go, [
-                  V(`
-              @slot Country list flag
-                @binding {String} country-code - country code of option - Ex: \`"FR"\`
-                @binding {{ iso2: string; dialCode: string; name: string; }} option - country data
-                @binding {Boolean} is-selected - \`true\` if option is selected
-            `),
-                  H(d.$slots, "country-list-flag", {
-                    countryCode: y.iso2,
-                    option: y,
-                    isSelected: F
-                  }, () => [
-                    Ce(
-                      G(b(Ee)(y.iso2)),
-                      1
-                      /* TEXT */
-                    )
-                  ], !0)
-                ])) : V("v-if", !0),
-                d.showCodeOnList ? (C(), P(
-                  "span",
-                  {
-                    key: 1,
-                    class: E(["maz-w-9 maz-flex-none", { "maz-text-muted": !F }])
-                  },
-                  G(y.dialCode),
-                  3
-                  /* TEXT, CLASS */
-                )) : V("v-if", !0),
-                R(
-                  "span",
-                  {
-                    class: E(["maz-flex-1 maz-truncate", { "maz-font-semibold": F }])
-                  },
-                  G(y.name),
-                  3
-                  /* TEXT, CLASS */
-                )
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "options", "hint", "label", "style"])
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Zo = /* @__PURE__ */ se(Jo, [["__scopeId", "data-v-e21defba"]]), Xo = /* @__PURE__ */ re({
-  __name: "PhoneInput",
-  props: /* @__PURE__ */ Le({
-    id: {},
-    color: {},
-    size: {},
-    locales: {},
-    label: { default: void 0 },
-    noExample: { type: Boolean },
-    disabled: { type: Boolean },
-    hasRadius: { type: Boolean },
-    success: { type: Boolean },
-    error: { type: Boolean },
-    autoFormat: { type: Boolean },
-    noFormattingAsYouType: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Le(["update:model-value"], ["update:modelValue"]),
-  setup(t, { emit: l }) {
-    const o = t, c = l, m = po(t, "modelValue"), { loadPhoneNumberExamplesFile: f, getPhoneNumberExample: n, examples: i } = qe(), { selectedCountry: k, results: h, saveCursorPosition: B } = Ie(), M = I(!1), d = v(() => {
-      var $;
-      if (o.label)
-        return o.label;
-      const z = o.locales.phoneInput.placeholder;
-      if (o.noExample || !i.value)
-        return z;
-      {
-        const a = n(k.value);
-        return ($ = h.value) != null && $.isValid || !a ? z : `${o.locales.phoneInput.example} ${a}`;
-      }
-    }), g = I();
-    async function y() {
-      try {
-        return f();
-      } catch (z) {
-        console.error("[maz-ui](MazPhoneNumberInput) while loading phone number examples file", z);
-      }
-    }
-    async function F(z) {
-      g.value && z && B(g.value, z), await ee(), c("update:model-value", z);
-    }
-    return we(() => {
-      o.noExample || y();
-    }), (z, $) => (C(), K(Ve, pe({
-      id: `phone-number-${z.id}`,
-      ref_key: "PhoneInputRef",
-      ref: g,
-      "model-value": m.value
-    }, z.$attrs, {
-      label: d.value,
-      disabled: z.disabled,
-      color: z.color,
-      error: z.error,
-      size: z.size,
-      success: z.success,
-      type: "tel",
-      inputmode: "tel",
-      class: ["m-phone-input", {
-        "--border-radius": z.hasRadius,
-        "--error": z.error || !b(h).isValid,
-        "--focused": M.value
-      }],
-      onFocus: $[0] || ($[0] = (a) => M.value = !0),
-      onBlur: $[1] || ($[1] = (a) => M.value = !1),
-      "onUpdate:modelValue": $[2] || ($[2] = (a) => F(a))
-    }), null, 16, ["id", "model-value", "label", "disabled", "color", "error", "size", "success", "class"]));
-  }
-}), xo = /* @__PURE__ */ se(Xo, [["__scopeId", "data-v-e2bf70df"]]), _o = {
-  countrySelector: {
-    placeholder: "Country code",
-    error: "Choose country",
-    searchPlaceholder: "Search the country"
-  },
-  phoneInput: {
-    placeholder: "Phone number",
-    example: "Example:"
-  }
-}, et = /* @__PURE__ */ re({
-  inheritAttrs: !1,
-  __name: "MazPhoneNumberInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    defaultPhoneNumber: { default: void 0 },
-    countryCode: { default: void 0 },
-    defaultCountryCode: { default: void 0 },
-    id: { default: void 0 },
-    placeholder: { default: void 0 },
-    preferredCountries: { default: void 0 },
-    ignoredCountries: { default: void 0 },
-    onlyCountries: { default: void 0 },
-    translations: { default: void 0 },
-    listPosition: { default: "bottom left" },
-    color: { default: "primary" },
-    size: { default: "md" },
-    noFlags: { type: Boolean },
-    disabled: { type: Boolean },
-    noExample: { type: Boolean },
-    noSearch: { type: Boolean },
-    noUseBrowserLocale: { type: Boolean },
-    fetchCountry: { type: Boolean },
-    noCountrySelector: { type: Boolean },
-    showCodeOnList: { type: Boolean },
-    customCountriesList: { default: void 0 },
-    autoFormat: { type: Boolean, default: !0 },
-    noFormattingAsYouType: { type: Boolean, default: !1 },
-    countryLocale: { default: void 0 },
-    noValidationError: { type: Boolean },
-    noValidationSuccess: { type: Boolean },
-    success: { type: Boolean },
-    error: { type: Boolean },
-    countrySelectorDisplayName: { type: Boolean },
-    countrySelectorWidth: { default: "9rem" },
-    block: { type: Boolean }
-  },
-  emits: ["update", "data", "country-code", "update:model-value", "update:country-code"],
-  setup(t, { emit: l }) {
-    const o = l, c = t, {
-      phoneNumber: m,
-      selectedCountry: f,
-      results: n,
-      fetchCountryCode: i,
-      setSelectedCountry: k,
-      onPhoneNumberChanged: h,
-      onCountryChanged: B,
-      getBrowserLocale: M
-    } = Ie(), d = ke({
-      componentName: "MazPhoneNumberInput",
-      providedId: c.id
-    }), g = v(() => ({
-      ..._o,
-      ...c.translations
-    }));
-    we(async () => {
-      var a;
-      if (k(c.countryCode ?? c.defaultCountryCode), c.fetchCountry && !f.value) {
-        const S = await i();
-        k(S);
-      }
-      if (!c.defaultCountryCode && !c.noUseBrowserLocale && !f.value) {
-        const S = (a = M()) == null ? void 0 : a.locale;
-        k(S);
-      }
-    });
-    const y = I();
-    function F() {
-      var a;
-      return (a = y.value) == null ? void 0 : a.$el.querySelector("input");
-    }
-    async function z() {
-      var a;
-      await ee(), (a = F()) == null || a.select();
-    }
-    function $(a) {
-      B({
-        countryCode: a,
-        autoFormat: c.autoFormat,
-        noFormattingAsYouType: c.noFormattingAsYouType
-      }), z();
-    }
-    return he(
-      () => c.modelValue ?? c.defaultPhoneNumber,
-      (a, S) => {
-        a && a !== S && a !== m.value && h({
-          newPhoneNumber: a,
-          autoFormat: c.autoFormat,
-          noFormattingAsYouType: c.noFormattingAsYouType
-        });
-      },
-      {
-        immediate: !0
-      }
-    ), he(
-      () => c.countryCode ?? c.defaultCountryCode,
-      (a, S) => {
-        a && a !== S && a !== f.value && B({
-          countryCode: a,
-          autoFormat: c.autoFormat,
-          noFormattingAsYouType: c.noFormattingAsYouType
-        });
-      },
-      {
-        immediate: !0
-      }
-    ), he(
-      n,
-      (a) => {
-        o("update", a), o("data", a), a.e164 && a.isValid ? o("update:model-value", a.e164) : o("update:model-value", m.value), o("country-code", f.value), o("update:country-code", f.value);
-      },
-      {
-        immediate: !0
-      }
-    ), (a, S) => {
-      var Z;
-      return C(), P(
-        "div",
-        {
-          class: E(["m-phone-number-input", [c.class, { "--block": a.block }]]),
-          style: _(a.style)
-        },
-        [
-          a.noCountrySelector ? V("v-if", !0) : (C(), K(Zo, {
-            key: 0,
-            id: b(d),
-            "model-value": b(f),
-            color: a.color,
-            size: a.size,
-            "country-locale": a.countryLocale,
-            "country-selector-display-name": a.countrySelectorDisplayName,
-            "custom-countries-list": a.customCountriesList,
-            "ignored-countries": a.ignoredCountries,
-            "list-position": a.listPosition,
-            "no-flags": a.noFlags,
-            "no-search": a.noSearch,
-            error: a.error || (a.noValidationError ? !1 : !!b(m) && !b(f)),
-            success: a.success || (a.noValidationSuccess ? !1 : (Z = b(n)) == null ? void 0 : Z.isValid),
-            locales: g.value,
-            disabled: a.disabled,
-            "show-code-on-list": a.showCodeOnList,
-            "only-countries": a.onlyCountries,
-            "preferred-countries": a.preferredCountries,
-            width: a.countrySelectorWidth,
-            "onUpdate:modelValue": $
-          }, null, 8, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "error", "success", "locales", "disabled", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
-          q(xo, {
-            id: b(d),
-            ref_key: "PhoneInputRef",
-            ref: y,
-            "model-value": b(m),
-            color: a.color,
-            size: a.size,
-            "no-example": a.noExample,
-            block: "",
-            disabled: a.disabled,
-            "has-radius": !a.noCountrySelector,
-            success: a.success || (a.noValidationSuccess ? !1 : b(n).isValid),
-            error: a.error || (a.noValidationError ? !1 : !!b(m) && !b(n).isValid),
-            locales: g.value,
-            "no-formatting-as-you-type": a.noFormattingAsYouType,
-            "auto-format": a.autoFormat,
-            label: a.placeholder,
-            "onUpdate:modelValue": S[0] || (S[0] = (N) => b(h)({
-              newPhoneNumber: N,
-              autoFormat: a.autoFormat,
-              noFormattingAsYouType: a.noFormattingAsYouType
-            }))
-          }, null, 8, ["id", "model-value", "color", "size", "no-example", "disabled", "has-radius", "success", "error", "locales", "no-formatting-as-you-type", "auto-format", "label"])
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-}), lt = /* @__PURE__ */ se(et, [["__scopeId", "data-v-5481a936"]]);
-export {
-  lt as M,
-  se as _,
-  ke as u
-};