maz-ui 3.47.2-beta.20 → 3.47.2-beta.21

package/types/components/MazPhoneNumberInput/PhoneInput.vue.d.ts

@@ -1,30 +1,19 @@
-import type { Color, Size, Translations } from '../MazPhoneNumberInput.vue';
-type __VLS_Props = {
+import type { Props } from '../MazInput.vue';
+import type { Translations } from '../MazPhoneNumberInput.vue';
+interface PhoneInputProps extends Omit<Props, 'modelValue'> {
     id: string;
-    color: Color;
-    size: Size;
     locales: Translations;
-    label?: string;
-    placeholder?: string;
-    noExample?: boolean;
-    disabled?: boolean;
-    hasRadius?: boolean;
-    success?: boolean;
-    error?: boolean;
-    autoFormat?: boolean;
-    noFormattingAsYouType?: boolean;
-};
+    noExample: boolean;
+    hasRadius: boolean;
+    autoFormat: boolean;
+}
+type __VLS_Props = PhoneInputProps;
 type __VLS_PublicProps = {
     modelValue?: string | undefined | null;
 } & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model-value": (phoneNumber?: string | undefined) => any;
     "update:modelValue": (value: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
-}>, {
-    label: string;
-    placeholder: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/components/MazPhoneNumberInput/types.d.ts

@@ -4,6 +4,7 @@ export interface Results {
     isValid: boolean;
     isPossible?: boolean;
     countryCode?: CountryCode | undefined | null;
+    parsedCountryCode?: CountryCode | undefined | null;
     countryCallingCode?: CountryCallingCode;
     nationalNumber?: NationalNumber;
     type?: NumberType;
@@ -13,7 +14,7 @@ export interface Results {
     e164?: string;
     rfc3966?: string;
     possibleCountries?: CountryCode[];
-    phoneNumber?: string;
+    phoneNumber?: string | undefined | null;
 }
 export type Translations = typeof defaultLocales;
 export interface Country {

package/types/components/MazPhoneNumberInput/useLibphonenumber.d.ts

@@ -1,21 +1,26 @@
 import type { Results } from './types';
 import { type CountryCode, type Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
 declare function isCountryAvailable(locale: string): boolean;
-declare function getPhoneNumberResults({ phoneNumber, countryCode, }: {
+declare function getPhoneNumberResults({ phoneNumber, countryCode, checkCountryCode, }: {
     phoneNumber?: string | undefined | null;
     countryCode?: CountryCode | undefined | null;
+    checkCountryCode?: boolean;
 }): Results;
 declare function getPhoneNumberExamplesFile(): Promise<Examples>;
-declare function getPhoneNumberExample(examples: Examples, countryCode?: CountryCode | undefined | null): string | undefined;
+declare function getPhoneNumberExample(countryCode?: CountryCode | undefined | null): string | undefined;
 declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined;
+declare function isSameCountryCallingCode(countryCode: CountryCode, countryCode2: CountryCode): boolean;
+declare function loadExamples(): Promise<void>;
 export declare function useLibphonenumber(): {
+    examples: import("vue").Ref<Examples | undefined, Examples | undefined>;
     getAsYouTypeFormat: typeof getAsYouTypeFormat;
     getPhoneNumberResults: typeof getPhoneNumberResults;
     getPhoneNumberExamplesFile: typeof getPhoneNumberExamplesFile;
     getPhoneNumberExample: typeof getPhoneNumberExample;
-    isSameCountryCallingCode: (countryCode: CountryCode, countryCode2: CountryCode) => boolean;
+    isSameCountryCallingCode: typeof isSameCountryCallingCode;
     isCountryAvailable: typeof isCountryAvailable;
     getCountries: typeof getCountries;
     getCountryCallingCode: typeof getCountryCallingCode;
+    loadExamples: typeof loadExamples;
 };
 export {};

package/components/MazPhoneNumberInput.d.ts

@@ -1,283 +0,0 @@
-import type { CountryCode } from 'libphonenumber-js';
-import type { Results, Translations } from './MazPhoneNumberInput/types';
-import type { Color, Position, Size } from './types';
-import { type HTMLAttributes } from 'vue';
-export type { Color, CountryCode, Position, Results, Results as Result, Size, Translations };
-export interface Props {
-    /** Style attribut of the component root element */
-    style?: HTMLAttributes['style'];
-    /** Class attribut of the component root element */
-    class?: HTMLAttributes['class'];
-    /** @model Country calling code + telephone number in international format */
-    modelValue?: string | undefined | null;
-    /** @deprecated */
-    defaultPhoneNumber?: string | undefined | null;
-    /** @model Country code selected - Ex: "FR" */
-    countryCode?: CountryCode | undefined | null;
-    /** @deprecated - use country-code or v-model:country-code */
-    defaultCountryCode?: CountryCode | undefined | null;
-    /** Id of the component */
-    id?: string;
-    /** Placeholder of the input */
-    placeholder?: string;
-    /** label of the input */
-    label?: string;
-    /** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */
-    preferredCountries?: CountryCode[];
-    /** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */
-    ignoredCountries?: CountryCode[];
-    /** List of country codes to only have the countries selected in the select list - Ex: ['FR', 'BE', 'GE'] */
-    onlyCountries?: CountryCode[];
-    /** Locale strings of the component */
-    translations?: Partial<Translations>;
-    /** Position where the list of countries will be opened */
-    listPosition?: Position;
-    /** Component color applied - Ex: "secondary" */
-    color?: Color;
-    /** Component size applied - Ex: "sm" */
-    size?: Size;
-    /** Remove flags in country list */
-    noFlags?: boolean;
-    /** Disable input */
-    disabled?: boolean;
-    /** No show the phone number example */
-    noExample?: boolean;
-    /** Disable search input in country list */
-    noSearch?: boolean;
-    /**
-     * Threshold of the search input in country list where 1 is a perfect match and 0 is a match with any character
-     * @default 0.75
-     */
-    searchThreshold?: number;
-    /** By default the component use the browser locale to set the default country code if not country code is provided */
-    noUseBrowserLocale?: boolean;
-    /** The component will make a request (https://ipwho.is) to get the location of the user and use it to set the default country code */
-    fetchCountry?: boolean;
-    /** No show the country selector */
-    noCountrySelector?: boolean;
-    /** Show country calling code in the country list */
-    showCodeOnList?: boolean;
-    /** Replace country names */
-    customCountriesList?: Record<CountryCode, string>;
-    /**
-     * Disabled auto-format when phone is valid
-     * @default true
-     */
-    autoFormat?: boolean;
-    /**
-     * Disabled auto-format as you type
-     * @default false
-     */
-    noFormattingAsYouType?: boolean;
-    /**
-     * locale of country list - Ex: "fr-FR"
-     * @default {string} browser locale
-     */
-    countryLocale?: string;
-    /** Disable validation error UI */
-    noValidationError?: boolean;
-    /** Disable validation success UI */
-    noValidationSuccess?: boolean;
-    /** Add success UI */
-    success?: boolean;
-    /** Add error UI */
-    error?: boolean;
-    /** Will replace the calling code by the country name in the country selector */
-    countrySelectorDisplayName?: boolean;
-    /** Choose the width of the country selector */
-    countrySelectorWidth?: string;
-    /** The input will be displayed in full width */
-    block?: boolean;
-    /** Exclude selectors to close country selector list - usefull when you using custom flag */
-    excludeSelectors?: string[];
-    /**
-     * Orientation of the inputs in the component
-     * @default "responsive"
-     * @values "row" | "col" | "responsive"
-     */
-    orientation?: 'row' | 'col' | 'responsive';
-    /**
-     * Meta attributes of the country input
-     * @default `{Record<string, unknown>}` `{ autocomplete: 'off', name: 'country' }`
-     */
-    countrySelectAttributes?: Record<string, unknown>;
-    /**
-     * Meta attributes of the phone number input
-     * @default `{Record<string, unknown>}` `{ autocomplete: 'tel', name: 'phone', inputmode: 'tel' }`
-     */
-    phoneInputAttributes?: Record<string, unknown>;
-}
-/**
- * State
- */
-declare const phoneNumber: import("vue").Ref<string | null | undefined, string | null | undefined>;
-declare const selectedCountry: import("vue").Ref<CountryCode | null | undefined, CountryCode | null | undefined>;
-declare const results: import("vue").Ref<{
-    isValid: boolean;
-    isPossible?: boolean | undefined;
-    countryCode?: CountryCode | undefined | null;
-    countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
-    nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
-    type?: import("libphonenumber-js").NumberType;
-    formatInternational?: string | undefined;
-    formatNational?: string | undefined;
-    uri?: string | undefined;
-    e164?: string | undefined;
-    rfc3966?: string | undefined;
-    possibleCountries?: CountryCode[] | undefined;
-    phoneNumber?: string | undefined;
-}, Results | {
-    isValid: boolean;
-    isPossible?: boolean | undefined;
-    countryCode?: CountryCode | undefined | null;
-    countryCallingCode?: import("libphonenumber-js").CountryCallingCode | undefined;
-    nationalNumber?: import("libphonenumber-js").NationalNumber | undefined;
-    type?: import("libphonenumber-js").NumberType;
-    formatInternational?: string | undefined;
-    formatNational?: string | undefined;
-    uri?: string | undefined;
-    e164?: string | undefined;
-    rfc3966?: string | undefined;
-    possibleCountries?: CountryCode[] | undefined;
-    phoneNumber?: string | undefined;
-}>;
-interface SelectionRange {
-    start?: number | null;
-    end?: number | null;
-    cursorAtEnd?: boolean;
-}
-export interface InjectedData {
-    selectedCountry: typeof selectedCountry;
-    phoneNumber: typeof phoneNumber;
-    results: typeof results;
-    selectionRange: typeof selectionRange;
-}
-declare const selectionRange: import("vue").Ref<{
-    start?: (number | null) | undefined;
-    end?: (number | null) | undefined;
-    cursorAtEnd?: boolean | undefined;
-}, SelectionRange | {
-    start?: (number | null) | undefined;
-    end?: (number | null) | undefined;
-    cursorAtEnd?: boolean | undefined;
-}>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        "no-results"?(_: {}): any;
-        "selector-flag"?(_: {
-            countryCode: CountryCode;
-        }): any;
-        "country-list-flag"?(_: {
-            countryCode: import("./types").ModelValueSimple;
-            option: import("./MazSelect.vue").NormalizedOption;
-            isSelected: boolean;
-        }): any;
-    };
-    refs: {
-        PhoneInputRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: string | undefined | null;
-        } & {
-            id: string;
-            color: Color;
-            size: Size;
-            locales: Translations;
-            label?: string;
-            placeholder?: string;
-            noExample?: boolean;
-            disabled?: boolean;
-            hasRadius?: boolean;
-            success?: boolean;
-            error?: boolean;
-            autoFormat?: boolean;
-            noFormattingAsYouType?: boolean;
-        }> & Readonly<{
-            "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:model-value": (phoneNumber?: string | undefined) => any;
-            "update:modelValue": (value: string | null | undefined) => any;
-        }, import("vue").PublicProps, {
-            label: string;
-            placeholder: string;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            modelValue?: string | undefined | null;
-        } & {
-            id: string;
-            color: Color;
-            size: Size;
-            locales: Translations;
-            label?: string;
-            placeholder?: string;
-            noExample?: boolean;
-            disabled?: boolean;
-            hasRadius?: boolean;
-            success?: boolean;
-            error?: boolean;
-            autoFormat?: boolean;
-            noFormattingAsYouType?: boolean;
-        }> & Readonly<{
-            "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            label: string;
-            placeholder: string;
-        }> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    data: (results: Results) => any;
-    "update:model-value": (value: string | null | undefined) => any;
-    update: (results: Results) => any;
-    "country-code": (countryCode?: CountryCode | null | undefined) => any;
-    "update:country-code": (countryCode?: CountryCode | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onData?: ((results: Results) => any) | undefined;
-    "onUpdate:model-value"?: ((value: string | null | undefined) => any) | undefined;
-    onUpdate?: ((results: Results) => any) | undefined;
-    "onCountry-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
-    "onUpdate:country-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
-}>, {
-    label: string;
-    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    size: Size;
-    color: Color;
-    class: HTMLAttributes["class"];
-    id: string;
-    modelValue: string | null;
-    orientation: "row" | "col" | "responsive";
-    placeholder: string;
-    listPosition: Position;
-    searchThreshold: number;
-    excludeSelectors: string[];
-    preferredCountries: CountryCode[];
-    ignoredCountries: CountryCode[];
-    onlyCountries: CountryCode[];
-    customCountriesList: Record<CountryCode, string>;
-    countryLocale: string;
-    countryCode: CountryCode | null;
-    autoFormat: boolean;
-    noFormattingAsYouType: boolean;
-    defaultPhoneNumber: string | null;
-    defaultCountryCode: CountryCode | null;
-    translations: Partial<Translations>;
-    countrySelectorWidth: string;
-    countrySelectAttributes: Record<string, unknown>;
-    phoneInputAttributes: Record<string, unknown>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/chunks/MazBtn-D4NOcykx.mjs

@@ -1,103 +0,0 @@
-import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
-import { _ as F } from "./MazPhoneNumberInput-DibUhBpk.mjs";
-import '../assets/MazBtn.css';const O = {
-  key: 0,
-  class: "m-btn-loader-container"
-}, A = /* @__PURE__ */ C({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    justify: { default: "center" }
-  },
-  setup(y) {
-    const n = y, v = m(() => import("./MazSpinner-EAz0nFxC.mjs")), c = m(() => import("./MazIcon-CaXpmvN2.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
-      () => (n.loading || n.disabled) && f.value === "button"
-    ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
-    return (e, D) => (t(), l(r(f.value), {
-      disabled: p.value || void 0,
-      class: a(["m-btn", [
-        `--${e.size}`,
-        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
-        g.value,
-        B.value,
-        k.value,
-        {
-          "--block": e.block,
-          "--no-underline": e.noUnderline,
-          "--fab": e.fab,
-          "--loading": e.loading,
-          "--disabled": p.value,
-          "--rounded": e.rounded,
-          "--no-rounded": e.noRounded,
-          "--no-padding": e.noPadding,
-          "--no-elevation": e.noElevation
-        }
-      ]]),
-      style: S([`--justify: ${e.justify}`]),
-      type: h.value
-    }, {
-      default: j(() => [
-        i(e.$slots, "left-icon", {}, () => [
-          typeof e.leftIcon == "string" ? (t(), l(u(c), {
-            key: 0,
-            name: e.leftIcon,
-            class: a([s.value])
-          }, null, 8, ["name", "class"])) : e.leftIcon ? (t(), l(r(e.leftIcon), {
-            key: 1,
-            class: a([s.value])
-          }, null, 8, ["class"])) : d("v-if", !0)
-        ], !0),
-        i(e.$slots, "icon", {}, () => [
-          typeof e.icon == "string" ? (t(), l(u(c), {
-            key: 0,
-            name: e.icon,
-            class: a([s.value])
-          }, null, 8, ["name", "class"])) : e.icon ? (t(), l(r(e.icon), {
-            key: 1,
-            class: a([s.value])
-          }, null, 8, ["class"])) : d("v-if", !0)
-        ], !0),
-        i(e.$slots, "default", {}, void 0, !0),
-        i(e.$slots, "right-icon", {}, () => [
-          typeof e.rightIcon == "string" ? (t(), l(u(c), {
-            key: 0,
-            name: e.rightIcon,
-            class: a([s.value])
-          }, null, 8, ["name", "class"])) : e.rightIcon ? (t(), l(r(e.rightIcon), {
-            key: 1,
-            class: a([s.value])
-          }, null, 8, ["class"])) : d("v-if", !0)
-        ], !0),
-        I.value ? (t(), M("div", O, [
-          E(u(v), {
-            size: "2em",
-            color: e.color
-          }, null, 8, ["color"])
-        ])) : d("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "style", "type"]));
-  }
-}), R = /* @__PURE__ */ F(A, [["__scopeId", "data-v-bee684ff"]]);
-export {
-  R as default
-};