maz-ui 3.50.0 → 4.0.0-alpha.2

package/dist/chunks/MazInputPhoneNumber.SX--TVUa.js

@@ -0,0 +1,391 @@
+import { ref as d, defineComponent as G, defineAsyncComponent as $, computed as F, onBeforeMount as H, onMounted as K, watch as w, provide as Q, openBlock as L, createElementBlock as X, normalizeClass as Z, normalizeStyle as x, createBlock as _, unref as C, mergeProps as U, withCtx as I, renderSlot as S, createCommentVNode as ee, createVNode as oe, nextTick as te } from "vue";
+import { getCountries as R, getCountryCallingCode as g, isSupportedCountry as ne, parsePhoneNumberFromString as re, getExampleNumber as ae, AsYouType as le } from "libphonenumber-js";
+import { useInstanceUniqId as ue } from "../composables/useInstanceUniqId.js";
+import { _ as se } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/MazInputPhoneNumber.DKac4ZYj.css';const ie = {
+  countrySelector: {
+    placeholder: "Country code",
+    error: "Choose country",
+    searchPlaceholder: "Search the country"
+  },
+  phoneInput: {
+    placeholder: "Phone number",
+    example: "Example:"
+  }
+}, h = d();
+function ce(t) {
+  try {
+    const n = ne(t);
+    return n || (console.error(`[maz-ui](MazInputPhoneNumber) The code country "${t}" is not available`), !1);
+  } catch (n) {
+    return console.error(`[maz-ui](MazInputPhoneNumber) ${n}`), !1;
+  }
+}
+function de({
+  phoneNumber: t,
+  countryCode: n,
+  checkCountryCode: r = !1
+}) {
+  try {
+    if (!t)
+      return {
+        isValid: !1,
+        countryCode: n
+      };
+    const o = re(t, n ?? void 0), f = (o == null ? void 0 : o.isValid()) ?? !1, c = n && r ? (o == null ? void 0 : o.country) && n === o.country : !0;
+    return {
+      isValid: f && !!c,
+      countryCode: n,
+      parsedCountryCode: o == null ? void 0 : o.country,
+      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"),
+      possibleCountries: o == null ? void 0 : o.getPossibleCountries(),
+      phoneNumber: t
+    };
+  } catch (o) {
+    throw new Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${o}`);
+  }
+}
+async function Y() {
+  const { default: t } = await import("./examples.mobile.json.tW3aL0qI.js");
+  return t;
+}
+function fe(t) {
+  var n;
+  try {
+    return h.value && t ? (n = ae(t, h.value)) == null ? void 0 : n.formatNational() : void 0;
+  } catch (r) {
+    console.error(`[maz-ui](MazInputPhoneNumber) ${r}`);
+  }
+}
+function pe(t, n) {
+  try {
+    return !n || !t ? void 0 : new le(t).input(n);
+  } catch (r) {
+    throw new Error(`[MazInputPhoneNumber](getAsYouTypeFormat) ${r}`);
+  }
+}
+function ye(t, n) {
+  return g(t) === g(n);
+}
+async function me() {
+  try {
+    if (h.value)
+      return;
+    h.value = await Y();
+  } catch (t) {
+    console.error("[maz-ui](MazInputPhoneNumber) while loading phone number examples file", t);
+  }
+}
+function he() {
+  return {
+    examples: h,
+    getAsYouTypeFormat: pe,
+    getPhoneNumberResults: de,
+    getPhoneNumberExamplesFile: Y,
+    getPhoneNumberExample: fe,
+    isSameCountryCallingCode: ye,
+    isCountryAvailable: ce,
+    getCountries: R,
+    getCountryCallingCode: g,
+    loadExamples: me
+  };
+}
+function D() {
+  if (typeof window > "u")
+    return;
+  const t = window.navigator.language;
+  if (!t)
+    return;
+  let n = t.slice(3, 7).toUpperCase();
+  return n === "" && (n = t.slice(0, 2).toUpperCase()), n === "EN" && (n = "US"), n === "JA" && (n = "JP"), {
+    locale: n,
+    browserLocale: t
+  };
+}
+let z, k;
+function ve(t, n, r) {
+  return r != null && r[n] ? r[n] : ((k !== t || !z) && (k = t, z = new Intl.DisplayNames([t], { type: "region" })), z.of(n));
+}
+function Ce(t, n) {
+  var f;
+  const r = [], o = R();
+  t = t ?? ((f = D()) == null ? void 0 : f.browserLocale) ?? "en-US";
+  for (const c of o) {
+    const v = ve(t, c, n);
+    if (v)
+      try {
+        const m = g(c);
+        r.push({
+          iso2: c,
+          dialCode: m,
+          name: v
+        });
+      } catch (m) {
+        console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${m}`);
+      }
+  }
+  return r;
+}
+async function ge() {
+  try {
+    const t = await fetch("https://ipwho.is"), { country_code: n } = await t.json();
+    return n;
+  } catch (t) {
+    throw new Error(`[MazInputPhoneNumber](fetchCountryCode) ${t}`);
+  }
+}
+function be(t) {
+  if (!t)
+    return "";
+  const n = new RegExp(/[^\d ()+-]/g);
+  return t.replaceAll(n, "").trim();
+}
+function Pe() {
+  return {
+    sanitizePhoneNumber: be,
+    fetchCountryCode: ge,
+    getBrowserLocale: D,
+    getCountriesList: Ce
+  };
+}
+const we = /* @__PURE__ */ G({
+  name: "MazInputPhoneNumber",
+  inheritAttrs: !1,
+  __name: "MazInputPhoneNumber",
+  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 },
+    label: { 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, default: !1 },
+    noSearch: { type: Boolean },
+    searchThreshold: { default: 0.75 },
+    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 },
+    excludeSelectors: { default: void 0 },
+    orientation: { default: "responsive" },
+    countrySelectAttributes: { default: () => ({
+      name: "country",
+      autocomplete: "off"
+    }) },
+    phoneInputAttributes: { default: () => ({
+      name: "phone",
+      autocomplete: "tel",
+      inputmode: "tel"
+    }) }
+  },
+  emits: ["update:model-value", "country-code", "update:country-code", "update", "data"],
+  setup(t, { emit: n }) {
+    const r = t, o = n, f = $(() => import("./CountrySelector.DdswEbFD.js")), c = $(() => import("./PhoneInput.BUrcSAlz.js")), { fetchCountryCode: v, getBrowserLocale: m } = Pe(), { isCountryAvailable: q, getPhoneNumberResults: J } = he(), V = ue({
+      componentName: "MazInputPhoneNumber",
+      providedId: r.id
+    }), i = d(), u = d(), b = d(!1), P = d(!1), B = F(() => ({
+      ...ie,
+      ...r.translations
+    })), E = F(() => r.autoFormat && !r.noFormattingAsYouType), a = d({
+      isValid: !1,
+      countryCode: r.countryCode ?? r.defaultCountryCode,
+      phoneNumber: r.modelValue
+    }), A = d();
+    H(async () => {
+      if ((r.countryCode || r.defaultCountryCode) && !u.value && p({ countryCode: r.countryCode ?? r.defaultCountryCode }), r.fetchCountry && !u.value) {
+        const e = await v();
+        p({ countryCode: e });
+      }
+    }), K(() => {
+      var e;
+      if (!u.value && !r.noUseBrowserLocale) {
+        const l = (e = m()) == null ? void 0 : e.locale;
+        p({ countryCode: l });
+      }
+    });
+    function M({
+      phone: e = i.value || r.modelValue,
+      countryCode: l = u.value,
+      checkCountryCode: y = !1
+    }) {
+      a.value = J({
+        phoneNumber: e,
+        countryCode: l,
+        checkCountryCode: y
+      });
+    }
+    function O() {
+      var e;
+      return (e = A.value) == null ? void 0 : e.$el.querySelector("input");
+    }
+    async function W() {
+      var e;
+      await te(), (e = O()) == null || e.select();
+    }
+    function j(e) {
+      if (e) {
+        if (!q(e)) {
+          console.warn(`[MazInputPhoneNumber] Country code not available: "${e}"`), u.value = void 0;
+          return;
+        }
+        u.value = e;
+      }
+    }
+    function N({
+      newPhoneNumber: e
+    }) {
+      var l;
+      M({ phone: e }), a.value.parsedCountryCode && a.value.parsedCountryCode !== u.value && p({
+        countryCode: a.value.parsedCountryCode,
+        updateResults: !1
+      }), a.value.isValid && E.value ? i.value = (l = a.value.formatNational) == null ? void 0 : l.trim().replaceAll(new RegExp(/\D/g), "") : i.value = e, b.value = !0, a.value.e164 ? o("update:model-value", a.value.e164) : o("update:model-value", a.value.phoneNumber), setTimeout(() => {
+        b.value = !1;
+      }, 0);
+    }
+    function p({
+      countryCode: e,
+      updateResults: l = !0,
+      selectPhoneNumber: y = !1
+    }) {
+      if (!e) {
+        u.value = void 0;
+        return;
+      }
+      P.value = !0, e !== u.value && j(e), l && M({
+        countryCode: u.value,
+        checkCountryCode: !0
+      });
+      const s = a.value.countryCode || a.value.parsedCountryCode;
+      o("country-code", s), o("update:country-code", s), y && !a.value.isValid && W(), setTimeout(() => {
+        P.value = !1;
+      }, 0);
+    }
+    return w(
+      () => r.modelValue ?? r.defaultPhoneNumber,
+      (e, l) => {
+        !b.value && e !== l && e !== i.value && N({ newPhoneNumber: e });
+      },
+      { immediate: !0 }
+    ), w(
+      () => r.countryCode ?? r.defaultCountryCode,
+      (e, l) => {
+        !P.value && e && e !== l && e !== u.value && p({ countryCode: e });
+      },
+      { immediate: !0 }
+    ), w(
+      a,
+      (e) => {
+        o("update", e), o("data", e);
+      },
+      { immediate: !0 }
+    ), Q("data", {
+      selectedCountry: u,
+      phoneNumber: i,
+      results: a
+    }), (e, l) => {
+      var y;
+      return L(), X("div", {
+        class: Z(["m-phone-number-input m-reset-css", [r.class, { "--block": e.block }, e.orientation ? `--${e.orientation}` : void 0]]),
+        style: x(e.style)
+      }, [
+        e.noCountrySelector ? ee("", !0) : (L(), _(C(f), U({
+          key: 0,
+          id: C(V)
+        }, e.countrySelectAttributes, {
+          "model-value": u.value,
+          color: e.color,
+          size: e.size,
+          "country-locale": e.countryLocale,
+          "country-selector-display-name": e.countrySelectorDisplayName,
+          "custom-countries-list": e.customCountriesList,
+          "ignored-countries": e.ignoredCountries,
+          "list-position": e.listPosition,
+          "no-flags": e.noFlags,
+          "no-search": e.noSearch,
+          "exclude-selectors": e.excludeSelectors,
+          error: e.error || (e.noValidationError ? !1 : !!i.value && !u.value),
+          success: e.success || (e.noValidationSuccess ? !1 : (y = a.value) == null ? void 0 : y.isValid),
+          locales: B.value,
+          disabled: e.disabled,
+          "search-threshold": e.searchThreshold,
+          "show-code-on-list": e.showCodeOnList,
+          "only-countries": e.onlyCountries,
+          "preferred-countries": e.preferredCountries,
+          width: e.countrySelectorWidth,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => p({ countryCode: s, selectPhoneNumber: !0 }))
+        }), {
+          "no-results": I(() => [
+            S(e.$slots, "no-results", {}, void 0, !0)
+          ]),
+          "selector-flag": I(({ countryCode: s }) => [
+            S(e.$slots, "selector-flag", { countryCode: s }, void 0, !0)
+          ]),
+          "country-list-flag": I(({ isSelected: s, option: T }) => [
+            S(e.$slots, "country-list-flag", {
+              countryCode: T.iso2,
+              option: T,
+              isSelected: s
+            }, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["id", "model-value", "color", "size", "country-locale", "country-selector-display-name", "custom-countries-list", "ignored-countries", "list-position", "no-flags", "no-search", "exclude-selectors", "error", "success", "locales", "disabled", "search-threshold", "show-code-on-list", "only-countries", "preferred-countries", "width"])),
+        oe(C(c), U({
+          id: C(V),
+          ref_key: "PhoneInputRef",
+          ref: A,
+          "model-value": i.value
+        }, { ...e.$attrs, ...e.phoneInputAttributes }, {
+          color: e.color,
+          size: e.size,
+          "auto-format": E.value,
+          "no-example": e.noExample,
+          block: "",
+          disabled: e.disabled,
+          "has-radius": !e.noCountrySelector,
+          success: e.success || (e.noValidationSuccess ? !1 : a.value.isValid),
+          error: e.error || (e.noValidationError ? !1 : !!i.value && !a.value.isValid),
+          locales: B.value,
+          label: e.label,
+          placeholder: e.placeholder,
+          "onUpdate:modelValue": l[1] || (l[1] = (s) => N({ newPhoneNumber: s }))
+        }), null, 16, ["id", "model-value", "color", "size", "auto-format", "no-example", "disabled", "has-radius", "success", "error", "locales", "label", "placeholder"])
+      ], 6);
+    };
+  }
+}), Be = /* @__PURE__ */ se(we, [["__scopeId", "data-v-7d4b0f6a"]]);
+export {
+  Be as M,
+  he as a,
+  Pe as u
+};

package/dist/chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DOtT8uOc.js

@@ -0,0 +1,85 @@
+import { defineComponent as w, defineAsyncComponent as k, ref as p, watch as B, computed as a, onMounted as F, openBlock as h, createBlock as A, withKeys as P, withCtx as T, renderSlot as z, createVNode as C, unref as E, createCommentVNode as S, nextTick as M } from "vue";
+import O from "../components/MazInput.js";
+import { currency as j } from "../filters/currency.js";
+const U = /* @__PURE__ */ w({
+  __name: "MazInputPrice",
+  props: {
+    modelValue: { default: void 0 },
+    currency: { default: "EUR" },
+    locale: { default: "fr-FR" },
+    min: { default: Number.NEGATIVE_INFINITY },
+    max: { default: Number.POSITIVE_INFINITY },
+    noIcon: { type: Boolean, default: !1 },
+    block: { type: Boolean },
+    error: { type: Boolean },
+    hint: {},
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    currencyOptions: {}
+  },
+  emits: ["update:model-value", "input", "formatted", "blur", "focus"],
+  setup(f, { emit: v }) {
+    const t = f, r = v, y = k(() => import("./banknotes.CQ9Qxg-e.js")), u = p(i(t.modelValue));
+    B(() => t.modelValue, d);
+    const l = p(!1), I = a(() => {
+      var e;
+      return (e = t.modelValue) == null ? void 0 : e.toString();
+    }), c = a(() => t.modelValue), m = a(
+      () => typeof c.value == "number" ? j(c.value, t.locale, { ...t.currencyOptions, currency: t.currency }) : void 0
+    );
+    function i(e) {
+      const o = typeof e == "string" && e.startsWith("-");
+      let n = typeof e == "string" ? Number.parseFloat(e.replace(",", ".").replaceAll(/[^\d.]/g, "")) : e;
+      return n = o && n ? -n : n, (typeof n != "number" || Number.isNaN(n)) && (n = void 0), n && n < t.min && (n = t.min), n && n > t.max && (n = t.max), n;
+    }
+    const V = a(() => {
+      if (l.value)
+        return I.value;
+      if (typeof t.modelValue == "number")
+        return m.value;
+    });
+    async function s(e) {
+      const o = i(e);
+      r("update:model-value", o), await M(), r("formatted", m.value);
+    }
+    F(() => {
+      s(t.modelValue);
+    });
+    function N(e) {
+      l.value = !1, s(u.value), r("blur", e);
+    }
+    function b(e) {
+      l.value = !0, r("focus", e);
+    }
+    function g() {
+      r("input", u.value);
+    }
+    function d(e) {
+      u.value = i(e);
+    }
+    return (e, o) => (h(), A(O, {
+      "model-value": V.value,
+      class: "maz-input-price m-reset-css",
+      block: e.block,
+      error: e.error,
+      success: e.success,
+      warning: e.warning,
+      hint: e.hint,
+      onFocus: b,
+      onBlur: N,
+      onInput: g,
+      onKeydown: o[0] || (o[0] = P((n) => s(u.value), ["enter"])),
+      "onUpdate:modelValue": o[1] || (o[1] = (n) => d(n))
+    }, {
+      "left-icon": T(() => [
+        e.noIcon ? S("", !0) : z(e.$slots, "left-icon", { key: 0 }, () => [
+          C(E(y), { class: "maz-text-xl" })
+        ])
+      ]),
+      _: 3
+    }, 8, ["model-value", "block", "error", "success", "warning", "hint"]));
+  }
+});
+export {
+  U as _
+};